body {
	text-align: center;
	background-image: url(/images/background_full.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
we
a, a:visited {
	color: #00afee;
}
a:hover {
	color: #455560;
}
address{

	font-style: normal;
}
p{
	padding-bottom: 10px;
}
small{
	font-size: 10px;	
	
}
.clear{
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
#container{
	margin: 0 auto;	
	width: 998px;
	position: relative;
	text-align: left;
}
#copy{
	width: 600px;
	float: left;
	padding: 0 20px 0 20px;
}
	#copy h1{
		color: #465660;
		padding-bottom: 12px;
		text-transform: uppercase;
	}
#header{
}

h1{
	font-size: 26px;
	font-weight: normal;
	padding: 12px 0 4px 0;
}
h2{
	font-size: 17px;
	font-weight: normal;
	padding: 12px 0 4px 0;
	color: #445660;
}
h2 small{
	font-size: 11px;
}

p{
	padding: 8px 0 8px 0;
}
dl{
	padding: 16px 0 16px 0;
}
dt{
	color: #96a0ac;
	display: block;
	text-transform: uppercase;
}
dd{
	padding: 0 0 12px 0;	
}

#nav {
	clear: both;
	color: #fff;
	font-size: 14px;
	padding: 117px 0 0 24px;
	margin: 0;
}
	#nav ul {
		margin: 0;
		padding: 0;
	}
	#nav li {
		list-style: none;
		float: left;
		display: inline;
		padding: 0 3px 0 0;
		margin:0;
	}

	#nav a {
		display: block;
		text-decoration: none;
		text-transform: uppercase;
		margin: 0;
		padding: 3px 8px;
		color: #00afee;


/*		background-color: #00afee;*/
	}
	#nav a:hover {
		color: #00b2ee;
		background-color: rgba(255, 255, 255, 0.6);		
/*		background-color: #455560;*/
	}
	#nav a.current {
		color: #00b2ee;
		background-color: rgba(255, 255, 255, 0.3);		
		border-bottom: solid rgba(0, 178, 238, 0.6) 6px;
/*		background-color: #455560; */
	}
#supnav{
	width: 219px;
	position: absolute;
	top: 45px;
	right: 0px;
	text-align: right;
	padding-right: 44px;
	}
	#supnav a{ 
		text-decoration: none;
	}

#logo{
	position: absolute;
	top: 49px;
	left: 29px;
}
#content{
	clear: both;
}
#skip_to_content{
	display: none;
	visibility: hidden;
}
/* Home */
	#content.home{
		padding: 22px 45px 22px 50px;
		font-size: 13px;
		line-height: 20px;
	}
	#content .brandmessage{
		background-color:white;
		color: #333;
		height: 250px;
		text-align:center;
	}
/* Home flipping cards */
#nav-list-example li {
    width: 270px;
    height: 160px;
    float: left;
    margin-right: 30px;
    position: relative;
}
#nav-list-example li div {
    width: 270px;
    height: 160px;
    overflow: hidden;
    background: white;
    position: absolute;
    top: 0;
    left: 0;
}
/* Our Work */

	/* Case studies opening page */
	#case_studies h1{
		font-size: 22px;	
		font-weight: normal;
		color: #323e45;		
		text-transform: uppercase;	
		line-height: 22px;

	}
	#case_studies h1 strong{
		font-weight: bold;		
	}
	.ls2{
		letter-spacing: 2px;	
	}
		.ls3{
		letter-spacing: 3px;	
	}
		.ls4{
		letter-spacing: 4px;	
	}
	.ls5{
		letter-spacing: 5px;	
	}
	.ls6{
		letter-spacing: 6px;	
	}
	#case_studies .case{
		width: 270px;
		float: left;
		border: 1px solid #d4dddd;
		padding: 5px 5px 0 5px;
		/*padding: 5px 15px 5px 15px;*/
		height: 349px;
		margin: 0 11px 10px 0;
	}
	.case a{
		text-decoration: none;
		}
		#case_studies .case{
			background-repeat: no-repeat;
			background-position: 5px 154px;		
		}
		#case_studies .gray{
			background-image: url(/images/ourwork/grad_gray.gif);
		}
		#case_studies .orange{
			background-image: url(/images/ourwork/grad_orange.gif);
		}	
		#case_studies .purple{
			background-image: url(/images/ourwork/grad_purple.gif);
		}
		#case_studies .cyan{
			background-image: url(/images/ourwork/grad_cyan.gif);
		}
		#case_studies .yellow{
			background-image: url(/images/ourwork/grad_yellow.gif);
		}
		#case_studies .red{
			background-image: url(/images/ourwork/grad_red.gif);
		}
		#case_studies .turquoise{
			background-image: url(/images/ourwork/grad_turquoise.gif);
		}
		#case_studies .pink{
			background-image: url(/images/ourwork/grad_pink.gif);
		}
		#case_studies .green{
			background-image: url(/images/ourwork/grad_green.gif);
		}
		#case_studies h1, #case_studies p{
			padding-left: 10px; padding-right: 10px;	
		}
		

		
	/* End of Case Studies page */	

/*	#content.ourwork{
		padding: 45px 0 22px 50px;
	}*/
	#content{
		padding: 22px 0 22px 50px;
	}
	
	
	#ourwork{
		background-image: url(/images/ourwork/background.png);
		background-repeat: no-repeat;
		border: 1px solid #cccccc;
		padding: 5px 30px 5px 30px;
		position: relative;
		width: 840px;
		height: 400px;
		overflow: hidden;
	}
	#ourwork h1{
		font-size: 18px;
		font-weight: normal;
		padding: 12px 0 12px 0;
		color: #445660;		
		text-transform: uppercase;
	}
	#ourwork h1 strong{
		font-weight: bold;
	}
	#ourwork dl{
		font-size: 11px;
		line-height: 17px;
		padding: 0;
		
	}
	#ourwork dt{ padding-top: 12px; font-weight: bold;}
	#ourwork #image{
			
	}
	#ourwork .description{
			float: left;
			display: block;
			height: 385px;
			overflow: hidden;
			padding: 6px 0 0 24px;
			width: 280px;	
			color: #000;
	}
	#ourwork .images{
		width: 552px;
		float: left;
	}
	#ourwork ul{
		padding: 10px 0 5px 0;
		display: block;
		clear: both;
	}
	#ourwork li {
			text-align: center;
			float: left;
			background: none;
			padding: 0 5px 0  0;
			font-size: 10px;
			color: #96A0AC;
			line-height: 14px;
		}

		#ourwork .last{
			padding: 0;	
		}
		#ourwork li img{
			display: block;
		}
		#ourwork li a {
			border: 1px solid #d4dddd;	
			display: block;
			margin-bottom: 2px; 
		}
		#ourwork li a:hover{
			border: 1px solid #9ba2a2;	
		}
		#ourwork dt{
			font-weight: normal;	
			padding-top: 0;
		}
		#ourwork dl{
			padding: 0;
			height: 280px;
			overflow: auto;
			
		}		
		

.project{
	width: 900px; height: 150px; font-size: 46px;  color: #fff; float: left;
}
.loader{
	position: absolute;
	top: 5px;
	left: 30px;
	background-color: #fff;
}

#loader{
	position: absolute;
	top: 170px;
	left: 70px;
	background-color: #fff;
}
 
		

#navprev{
	width: 25px;
	height: 26px;
	position: absolute;
	top: 330px;
	left: 12px;
}
#navprev a{
	background-image:url("../images/interface_elements.png");
	background-position:-6px -33px;
	background-repeat:no-repeat;
	display:block;
	height:26px;
	width:26px;
}
	#navprev a:hover{
		background-position: -34px -33px;
	}
	#navprev span, #navnext span{
		display: none;	
	}

#navnext{
	position: absolute;
	top: 330px;
	right: 12px;
}
	#navnext a{
		background-image:url("../images/interface_elements.png");
		background-position:-6px -62px;
		background-repeat:no-repeat;
		display:block;
		height:27px;
		width:26px;
	}
	#navnext a:hover{
		background-position: -34px -62px;	
	}

/* End of our work */






/* Our services */

#our_services{
	
}
	#our_services h1{
		color: #fff;
		text-transform: uppercase;
		font-size: 14px;
		line-height: 16px;
		letter-spacing: 2px;
		font-weight: normal;
		padding: 0 0 24px 0;
	}
	#our_services .design h1{ padding: 5px 0 36px 0;}
	#our_services .marketing_strategy, #our_services .design, #our_services .web_interactive {
		width: 255px;
		float: left;
		padding: 12px 15px 0 15px;
		height: 278px;
		margin-right: 10px;
		background-repeat: repeat-x;
	}
		#our_services .marketing_strategy{ 	background-image: url("../images/bg_marketingstrategy.png"); }
		#our_services .design{ background-image: url("../images/bg_design.png"); }
		#our_services .web_interactive{ background-image: url("../images/bg_webinteractive.png"); }

	#our_services li{
		line-height: 24px;
		border-bottom:  1px solid #d4dddd;
	}
	#our_services li a{
		text-decoration: none;
		padding-left: 5px;
		padding-right: 5px;		
		color: #455560;
		display: block;
	}
	#our_services li a:hover{
		color: #000;
		background-color: #a2b7b8;
	}
	#our_services li.firstsub{
		border-top:  1px solid #d4dddd;
	}
	#our_services li.last{
		border-bottom: none;
	}
	

	#service_description{
		width: 600px;
		padding-left: 30px;
		float: left;

	}
	#service_description h1{
		color: #465660;
		letter-spacing: normal;
		text-transform: uppercase;
		font-size: 16px;
		padding: 0 0 10px 0;
	}
	#service_description h2{
		font-size: 13px;	
	}
	#service_description h1 small{ font-size: 10px; text-transform: capitalize; }
	
	#service_description #thumbs img{
		padding-right: 5px;	
	}
	#service_description .cta a{
		font-size: 16px;
		text-decoration: none;
		padding: 36px 0 42px 12px;
		color: #465660;
		display: block;
		background-image: url(/images/services/cta_bg.png);
		background-repeat: no-repeat;
	}
		#service_description .cta a:hover{ color: #000; }
	
	
	#service_description
	
	#service_description ul{
		list-style: square;	
		margin: 0.25em 1em 0 2.5em; 
		padding: 0;
	}
	#service_description ul{
		list-style: disc;
		margin: 0.25em 1em 0 2.5em; 
		padding: 0;
	}
	#service_description li{
		padding-bottom: 12px;
	
	}

	
	/* Detail_nav on services_detail & our_company page Inherits rules from our_services li styling */

	#subnav{
		width: 202px;
		float: left;
		padding-right: 40px;
		text-align: right;
		background-image: url(/images/services_sb_shadow.png);
		background-repeat: no-repeat;
		background-position: top right;
	}
	#subnav li{
		line-height: 24px;
		border-bottom:  1px solid #d4dddd;
	}
	#subnav li a{
		text-decoration: none;
		padding-left: 5px;
		padding-right: 5px;		
		color: #455560;
		display: block;
		font-size: 14px;
		color: #00afee;
	}
	#subnav li a:hover{
		color: #000;
		background-color: #a2b7b8;
	}
	ul.ourcompany{
		padding-bottom: 250px;
	}
	
	#subnav ul li a{
		font-size: 12px;
		color: #455560;
	}
	
	#subnav li.firstsub{
		border-top:  1px solid #d4dddd;
	}
	#subnav li.last{
		border-bottom: none;
	}
	
	#subnav a.currentcategory{
		color: #fff;
		background-color: #455560; 
	}
	#subnav ul li a.current{
		font-weight: bold;
	}
	#subnav .hiddencategory{
		display: none; 
		visibility: hidden;	
	}
	/*#subnav .category>a{
		color: #00afee;
		
	}*/ 
/* End of our services */


#footer{
	background-image: url(/images/footer.png);
	background-repeat: no-repeat;
	position: relative;
	color: #455560;
	text-align: left;
	height: 105px;
	clear: both;
	padding-bottom: 105px;
}
	#footer small{
		font-size: 10px;
	}

	#footer .we {
		font-size:13px;
		line-height:18px;
		padding:24px 24px 0 0;
		text-align:right;
		position: absolute;
		top: 0;
		right: 0;
		width: 250px;
	}
	
	#footer .we a{ color: #445660; text-decoration: none; }
	#footer .we a:hover{ color: #000; }
	#footer .copyright{
		display: block;
		text-align: right;
		padding-top: 24px;
		font-size: 10px;
	}
	
	#footer .letstalk{
		background-image: url(/images/footer_letstalk.png);
		background-repeat: no-repeat;
		height: 105px;
		padding: 10px 0 0 130px;
		font-size: 11px;
		line-height: 18px;
		
	}
	#footer .letstalk a, .letstalk a:visited{
		text-decoration: none;
		color: #00afee;
	}
	#footer .letstalk a:hover{
		color: #455560;
	}
	
	/*#footer .chat{
		position: absolute;
		top: 35px;
		left: 19px;
		background-image: url('../images/letstalk.png');
		background-repeat: no-repeat;
		padding: 12px 0 35px 85px;
		line-height: 16px;
	}*/
/* =========== */
/* OUR COMPANY */
/* =========== */
#welisten{
	float:left;
	width:620px;
	height:475px;
	margin:0 0 0 20px;
	background:url('../images/bg_welisten.gif') no-repeat;	
}
#welisten-1{
	float:left;
	clear:both;
	width:330px;
	height:120px;
	margin:16px 0 0 18px;
}
#welisten-2{
	float:left;
	clear:both;
	width:350px;
	height:120px;
	margin:31px 0 0 137px;
}
#welisten-3{
	float:left;
	clear:both;
	width:350px;
	height:140px;
	margin:29px 0 0 256px;
}

/* BEHIND THE SCENES page */
.bts1{background:url('../images/bts/bts1.gif') no-repeat}
.bts2{background:url('../images/bts/bts2.gif') no-repeat}
.bts3{background:url('../images/bts/bts3.gif') no-repeat}
.bts4{background:url('../images/bts/bts4.gif') no-repeat}
.bts5{background:url('../images/bts/bts5.gif') no-repeat}
.bts6{background:url('../images/bts/bts6.gif') no-repeat}
.bts7{background:url('../images/bts/bts7.gif') no-repeat}
.bts8{background:url('../images/bts/bts8.gif') no-repeat}
.bts{ 
	float:left;
	width:460px;
	height:90px;
	margin:6px 0;
	text-align:left;
}
	.bts p{
		margin:0 0 0 90px;
		padding:0;
	}
	.bts h2{
		color:#00B2EE;	
		margin:4px 0 4px 90px;
		padding:0;
	}

/* ======= */
/* Contact */
/* ======= */
#contact_information, #project_inquiry_form, #chat_with_us{
	clear: both;
}
#send_message_form{
	width: 350px; 
	float: left;
}
fieldset{
	width: 200px;
	float: left;
}

form input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 6px 6px 2px 6px;
	border: 1px solid #d4dddd

}
form textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	border: 1px solid #d4dddd;
	background-color: #fff;
	padding: 6px 6px 2px 6px;
}
form .small{
	width: 100px;
}
form .medium{
	width: 200px;
}
form .large{
	width: 300px;
}

#contactmenu{
	float:left;
	width:650px;	
}
.contactmenu{
	float:left;
	height:28px;
	margin:5px 13px 4px 0;
	padding-left:34px;
}

#copynav {
	clear: both;
	color: #fff;
	padding: 2px 6px 2px 0;
	margin: 0;
}
	#copynav ul {
		margin: 0;
		padding: 0;
	}
	#copynav li {
		list-style: none;
		float: left;
		display: inline;
		padding: 0;
		margin:0;
		border-left:1px solid #D4DDDD;
	}
	#copynav li.first{
		border-left: 0;
		padding-left: 0;
	}
	#copynav a{
		display:block;
		margin:0;
		padding:3px 8px;
		text-decoration: none;
		text-transform:uppercase;
	}
	.contactmenu a{
		display:block;
		text-decoration: none;
		text-transform:uppercase;
		line-height:27px;
	}

	/*	#copynav a:hover {
		color: #000;
		background-color: #a2b7b8;
	}*/
	#copynav a.current, a.current:hover, .contactmenu a.current {
		color: #455560;
		background-color: #fff;
		text-decoration: none;
	}
#contact_information img{
	/*padding: 12px 0 12px 0;*/
	
}
#contact_information .column{
	width: 200px; 
	float: left;
	padding: 12px 0 12px 0;
}

/*======================*/
/*== LIVE CHAT POPUP ==*/
/*====================*/
#letstalk_popup{
	display: none;
	
}

#letstalk_popup.footer{
	background-image: url(/images/letstalk_footerbg.png);
	background-repeat: no-repeat;
	background-color: #fff;
	width: 468px;
	height: 73px;
	padding: 32px 0 0 72px;
}
#letstalk_popup.context{
	background-image: url(/images/services/cta_bg.png);
	background-repeat: no-repeat;
	width: 453px;
	padding: 30px 0 48px 12px;
}


#letstalk_popup img{
	padding-right: 7px;
}
.livechat{
	width: 171px;
	height: 29px;
	display: inline;
}
.chatbtn{
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	float: none;
	width: 81px;
	cursor: pointer;
}

/* ============== */
/* == 404 page == */
/* ============== */
#fourofour a{
	text-decoration:none;
}
#fourofour h2{
	margin:3px 0 2px 0;	
	padding:0;
}
#fourofour p{
	margin:2px 0 5px 10px;
	padding:0;
}
.fourofourservices{
	float:left;
	width:220px;
}
#fourofour .fourofourservices small p{
	padding:0;
	margin:0 0 0 10px;
	line-height:14px;
}
#fourofour .fourofourservices p a:link,
#fourofour .fourofourservices p a:visited{
	color:#666;	
}
#fourofour .fourofourservices p a:hover,
#fourofour .fourofourservices p a:active{
	color:#222;	
}