html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* === GLOBAL	============================================================ */
#banner { float: right; margin: 13px 68px 0 0; }
.banner { float: left; height: 220px; width: 354px;	overflow:hidden; clear: both; }
.banner a{ margin:0; padding:0; }
a { font-family: Arial, Sans-Serif; color: #CF459A; font-size: 14px; line-height: 20px; text-decoration: none; }
a:hover { color: #DF86B4; }
.clear { clear: both; }
p { font-family: Arial, Sans-Serif; color: #777777; font-size: 14px; line-height: 20px; } 
h1, h3 { font-family: Georgia, Arial, Sans-Serif; color: #525252; font-size: 24px; margin-bottom: 20px; font-weight: normal; text-transform: capitalize; }
h2 { font-family: Arial, Sans-Serif; color: #525252; font-size: 20px; margin-bottom: 10px; font-weight: normal; }
strong { font-weight: bold; }

p::selection {
	background:#CF459A;
	color:#fff;
}
p::-moz-selection {
	background:#CF459A;
	color:#fff;
}
p::-webkit-selection {
	background:#CF459A;
	color:#fff;
}

/* Layout:
----------------------------------------------------- */
body { background: url(/images/bk.jpg) repeat-x; margin: 0 auto; text-align: center; }
#wrapper { width: 100%; margin: 0 auto; text-align: center; }
#top { height: 470px; width: 940px; background: url(/images/home_bk_backup.jpg) no-repeat; margin: 0 auto; text-align: center; }
#border { width: 100%; border-top: 1px dotted #b9b9b9; height: 1px; }
#nav { float: left; width: 940px; height: 20px; margin-top: 20px; text-align: right; }
#logo { float: left; margin: 10px 0 0 5px; }
#ribbon { height: 103px; float: left; margin: 27px 0 0 0; }
#content { width: 940px; text-align: center; margin: 0 auto; padding: 40px 0; }
#intro { float: left; width: 360px; text-align: left; margin-top: 30px; }
.like_tweet_container { float: left; margin-top: 20px; height: 30px; }
.facebook_like { float: left; }
.tweet_like { float: left; margin-right: 20px; }
.google_plus1 { float: left; margin-right: 20px; }
table.social td.included { text-align: center }
table.social td.section { border-bottom: 1px dotted #B9B9B9; height: 1px; width: 100%; }

/* Home:
----------------------------------------------------- */
#social_banner { width: 940px; height: 296px; margin: 0 0 60px 0; paddin: 0; float: left; }
#services { width: 940px; text-align: center; margin: 0 auto; float: left; }
.service { float: left; width: 285px; margin-right: 40px; text-align: left; }
.service_text { min-height: 190px; }
.service_last { float: left; width: 285px; margin-right: 0px; text-align: left; }
#sub_banner { margin-top: 40px; width: 940px; height: 330px; float: left; }
#clients_bk_repeat { float: left; width: 100%; height: 590px; background: url(/images/client_bk_repeat.jpg) repeat-x; }
#clients { width: 940px; height: 590px; background: url(/images/client_bk.jpg) no-repeat; margin: 0 auto; text-align: center; padding-top: 40px; text-align: left;  }
#clients_text {  float: left; height: 90px; width: 380px; border-right: solid 1px #767676; }
#clients_logos {  float: left; height: 90px; width: 520px; margin-left: 39px; }

#testimonial_1_container { float: left; width: 500px; height:220px; margin-top: 150px; }
#testimonial_1_name { float: left; width: 100px; margin-left: 87px; }
#testimonial_1_client { float: left; margin: 105px 0 0 12px; }
#testimonial_1_feedback { float: right; height: 80px; width: 310px; margin: 57px 55px 0 0; }

#testimonial_2_container { float: right; width: 430px; height: 270px; margin-top: 90px; }
#testimonial_2_name { float: right; text-align: center; margin-right: 14px; }
#testimonial_2_client { float: left; width: 90px; margin:22px 0 0 15px; }
#testimonial_2_feedback { float: left; width: 310px; margin: 55px 0 0 70px; }

/* General:
----------------------------------------------------- */
#top_general { height: 470px; width: 940px; background: url(/images/general_bk.jpg) no-repeat; margin: 0 auto; text-align: center; }
#content_general { width: 940px; text-align: center; margin: 0 auto; padding: 40px 0; background: url(/images/content_general_bk.jpg) no-repeat bottom right; }
#general_image { float: right; width: 294px; height: 223px; margin: 8px 47px 0 0; }
#left_nav { float: left; width: 209px; padding-right: 40px; }
#general_text { float: left; border-left: 1px dotted #b9b9b9; padding-left: 40px; width: 650px; min-height: 600px; text-align: left; }
#general_text ul li { font-family: Arial, Sans-Serif; color: #a8a8a8; font-size: 14px; line-height: 20px; list-style: disc; display: list-item; margin-left: 40px }
#general_text ol li { font-family: Arial, Sans-Serif; color: #a8a8a8; font-size: 14px; line-height: 20px; list-style: decimal; display: list-item; margin-left: 40px }
#general_text p { margin: 20px 0; }

/* Conditions:
----------------------------------------------------- */
#content_conditions { width: 940px; text-align: center; margin: 0 auto; padding: 40px 0; background: url(/images/content_general_bk.jpg) no-repeat bottom right; }
#general_text_conditions { float: left; width: 940px; min-height: 600px; text-align: left; }
div.l1, div.l2, div.l3 { font-family: arial, sans-serif; color:#a8a8a8; font-size:14px; font-weight:normal; line-height:20px; text-align:left; }
div.l1 { margin: 5px 0 0 0px; }
div.l2 {	margin: 10px 0 0 20px; }
div.l3 {	margin: 10px 0 0 60px; }
span.number { font-family: arial, sans-serif; padding: 5px 5px 5px 0px; font-weight: bold; }
span.text { font-family: arial, sans-serif;	font-size: 14px; line-height: 20px;	color:#a8a8a8; }

/* Portfolio:
----------------------------------------------------- */
.portfolio_item { float: left; width: 306px; margin-left: 5px; }
.portfolio_image { cursor:pointer; }
.portfolio_image .panel { background-color:#CF459A; height:0; padding:0; overflow:hidden; position:relative; top:-10px; margin:0 auto 0 auto; width:290px; }
.hidden { display:none; }
.panel p { padding: 9px 0 0 10px; text-align: left; }

/* Footer:
----------------------------------------------------- */
#footer_bk_repeat { float: left; width: 100%; height: 670px; background: url(/images/footer_home_bk_repeat.jpg) repeat-x; }
#footer { background: url(/images/footer_home_bk.jpg) no-repeat; height: 670px; width: 940px; margin: 0 auto; text-align: center; }

#footer_bk_repeat_general { float: left; width: 100%; height: 670px; background: url(/images/footer_bk_general_repeat.jpg) repeat-x; }
#footer_general { background: url(/images/footer_bk_general.jpg) no-repeat; height: 670px; width: 940px; margin: 0 auto; text-align: center; }

#footer_column_1 { float: left; width: 460px; margin: 40px 20px 0 0; text-align: left; }
#footer_column_2 { float: left; width: 460px; margin: 40px 0 0 0; text-align: left; }

#socialise { float: left; margin-top: 40px; width: 460px; }
#footer_bottom_links { float: left; width: 940px; text-align: right; border-top: 1px dotted #b9b9b9; padding: 20px 0; margin-top: 30px; }

/* Typography:
----------------------------------------------------- */
#nav a { font-family: Georgia, Arial, Sans-Serif; color: #9f9f9f; font-size: 18px; margin-left: 20px; }
#nav a:hover { color: #525252; }
#intro p { color: #4e4e4e; }
#clients_text p{ color: #9f9f9f; text-shadow: 1px 1px 1px #111; }
h1.white { color: #fff; font-size: 24px; padding-bottom: 20px; border-bottom: 1px dotted #ccc; text-shadow: 1px 1px 1px #111; }
h1.grey { color: #525252; font-size: 24px; padding-bottom: 20px; border-bottom: 1px dotted #b9b9b9; }
#testimonial_1_name p, #testimonial_2_name  p { color: #fff; font-weight: bold; text-shadow: 1px 1px 1px #111; }
#testimonial_1_feedback p, #testimonial_2_feedback p { color: #9f9f9f; font-style: italic; text-shadow: 1px 1px 1px #111; }
#testimonial_1_client p, #testimonial_2_client p { color: #e9bad7; font-style: italic; font-size:12px; text-align: center; text-shadow: 1px 1px 1px #111; }
span.pink { color: #cf4599; }
p.dark_grey { color: #525252; }
div.panel p { color: #fff; }
#footer_bottom_links a { font-family: Arial, Sans-Serif; font-size:14px; color: #afafaf; margin-left: 20px; }
#footer_bottom_links a:hover { color: #525252; }

#left_nav { text-align:left; }
#left_nav ul { margin-bottom:10px; }
#left_nav ul li a { font-family: Arial, Sans-Serif; font-size:14px; color:#525252; }
#left_nav ul li li a { color:#afafaf; }
#left_nav ul li a:hover { color:#cf459a; }

/* Forms:
----------------------------------------------------- */
input, select, textarea { color: #989898; font-family: arial, san-serif; font-size: 16px; }
input { border: #d8d8d8 solid 2px; width: 340px; padding: 5px; margin-bottom: 4px; height: 35px }
select { border: #d8d8d8 solid 2px; width: 353px; padding: 5px; margin-bottom: 4px; }
input.checkbox { border: none; height: auto; margin-bottom: 4px; padding: 5px; width: auto; }
textarea { border: #d8d8d8 solid 2px; width: 340px; height: 160px; padding: 5px; margin-bottom: 4px; }
input.submit { width: 160px; height: 34px; cursor: pointer; border: none; float: right; padding: 0; }
table td { color: #777777; font-family: arial, sans-serif; font-size: 14px; line-height: 24px; padding: 5px; vertical-align: middle; }
div.messages { background-color: #efefef; border: 1px solid #bcbcbc; color: white; margin: 10px 0; padding: 10px; }
div.messages p { font-family: Georgia, sans-serif; color: #2c2c2c; font-size: 16px; line-height: 20px; margin: 5px 0 5px 10px; text-decoration: none; }

/* Errors:
----------------------------------------------------- */

._error, ._alert { background-color: #CF459A; border: dotted 1px #ccc; }
.msg p { color:#fff; text-align: left; }
.ui-icon-circle-close { background: url("/images/close_btn.png") no-repeat; width: 20px; height: 20px; border: 0; }

/* === TOP 	============================================================ */

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	border-top: 1px dotted #b9b9b9;
	font: 14px Arial, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 20px;
	overflow: auto;
	width: 100%;
	padding: 30px 10px 30px 10px;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #afafaf; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: normal; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* === BOTTOM	============================================================ */

/* === MIDDLE 	============================================================ */
.tweet, .query {
  font-family: arial, sans-serif;
  font-size: 14px;
  color: #9f9f9f;
  width: 460px;
  float: left;
  margin-bottom: 40px;
  }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
	list-style: none;
    margin: 0;
    padding: 0; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
	  width: 460px;
      }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #9f9f9f; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even { }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }
		
ul.tweet_list li { margin-left:0; width: 400px; margin-top: 5px; }
li img { float: left; }
/* === MIDDLE SLIDER 	============================================================ */

#container {
	width:850px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}



#example {
	width:800px;
	height:300px;
	position:relative;
}

/*
	Slideshow style
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

.image {
float: left;
width: 340px;
height: 276px;
margin-left: 40px;
}

div.text  {
text-align: left;
padding: 20px 0 0 20px;
float: left;
width: 400px;
height: 276px;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:800px;
	height:270px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	width:800px;
	height:230px;
	display:block;
}

/*
	Next/prev buttons
*/
#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-50px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:820px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
text-decoration:underline;
}


/* styles/default.css 	================================================================================================== */