/********************************************  CSS RESET  *********************************************/



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,sub,sup,tt,var,b,u,i,center,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-size: 100%;

	font-weight: normal;

}

ol, ul {

	list-style: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

blockquote, q { quotes: none; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

th { text-align: left; }

address { font-style: normal; }

.clearFloat { clear: both; }

.hidden { display: none; }

.center { text-align: center; }

body { font-family: arial, sans-serif; }

input,select,textarea { font-family: arial, sans-serif; } 

p a { white-space: nowrap; }



input[type="hidden"] {

	display: none !important;

	visibility: hidden !important;

	height: 0px !important;

}

abbr, acronym { 

	cursor: help;

	border-bottom: 1px #333 dotted;

}

.right {
	float:right;
}


/*----------------------------- 
     BASIC PAGE STYLING
-----------------------------*/


body{  
	background:#183177;  
	font-family: Helvetica, Arial;  
	color:#fff;  
	-webkit-tap-highlight-color: rgba(0,0,0,0.0);
} 

p{  
	font-size:12px;  
	padding:0 14px 15px 14px; 
	line-height:18px;	
	text-shadow: 1px 1px 1px #333;
	text-align: justify; 
	-webkit-user-select:selection;
}  

a{  
	color:#90c2ff;  
	text-decoration:none;  
} 


/*----------------------------- 
     BASIC LAYOUT 
-----------------------------*/


#page_wrapper {
	background:url('../images/background.jpg') no-repeat center top;  
	overflow:auto; 
	width:100%;
}

#content {
	width:100%;
}

#footer {
	margin:5px 0 5px 0;
}

#footer p{
	font-size:11px;
	text-align:left;
}
/*----------------------------- 
     HEADINGS 
-----------------------------*/


h1.logo {
	background:url('../images/logo.png') left top no-repeat;
	display:block;
	text-indent:-9000em;
	width:224px;
	height:76px;
	margin:2px auto 0 auto;
}


/*----------------------------- 
     NAV
-----------------------------*/

ul#nav {
	margin:15px auto 25px auto;
	padding:0;
	width:294px;
	height:26px;
}

ul#nav li {
	float:left;
	margin:0 1px 0 0;
}

ul#nav li a {
	font-size:14px;
	color:#fff;
	text-shadow: 1px 1px 1px #333;
	display:block;
}

ul#nav li a span{
	display:block;
	padding:5px 6px;
}

ul#nav li.active a {
	font-size:14px;
	color:#fff;
	text-shadow: 1px 1px 2px #333;
	display:block;
	background:url('../images/menu-bg.gif') left top no-repeat;
}

ul#nav li.active a span{
	background:url('../images/menu-bg.gif') right -26px no-repeat;
	display:block;
	padding:5px 6px;
}

ul#nav li a:active {
	font-size:14px;
	color:#fff;
	text-shadow: 1px 1px 2px #333;
	display:block;
	background:url('../images/menu-bg.gif') left top no-repeat;
}

ul#nav li a:active span{
	background:url('../images/menu-bg.gif') right -26px no-repeat;
	display:block;
	padding:5px 6px;
}

/*----------------------------- 
     PAGE ROWS + Container
-----------------------------*/

.box {
	width:100%;
}
.box .content {
	background-color:#fff;
	margin:15px;
	padding:12px 0 0 0;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 6px #1b3376;
}
.box p{
	margin:0;
	color:#444;
	text-shadow: 0px 0px 0px #444;
}

ul#rows {
	background:#fff url('../images/rows-bg.gif') left top repeat-y;
	margin:15px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 6px #1b3376;
}
ul#rows li {
	border-bottom:solid 1px #dfdfdf;
	border-top:solid 1px #fff;
}
	ul#rows li.first {
		border-top:solid 0px #fff;
	}
	ul#rows li.last {
		border-bottom:solid 0px #dfdfdf;
	}
	ul#rows li#callus {
		background:url('../images/icons-home.png') 9px -27px no-repeat;
	}
	ul#rows li#emailus {
		background:url('../images/icons-home.png') 9px -60px no-repeat;
	}
	ul#rows li#directions {
		background:url('../images/icons-home.png') 9px 7px no-repeat;
	}
ul#rows li  a{
	display:block;
	padding:7px 0 7px 45px;
	font-size:14px;
	color:#051b56;
}
	ul#rows a:active{
		color:#00acf0;
	}
ul#rows li  a span{
	font-size:12px;
	color:#6e85a2;
	float:right;
	margin:2px 12px 0 0;
}
ul#rows.services li {
	background-image:none;
}
ul#rows.services li {
	background:url('../images/arrow.gif') 96% 7px no-repeat;
}
ul#rows.services li.open{
	background:url('../images/arrow.gif') 96% -277px no-repeat;
}
ul#rows.services li span{
	padding:0px 30px 7px 45px;
	color:#3c3c3c;
	display:block;
	font-size:11px;
	line-height:16px;
}
ul#rows.services li#strategy a{
	background:url('../images/icons-services.gif') 9px 8px no-repeat;
}
ul#rows.services li#webdesign a{
	background:url('../images/icons-services.gif') 9px -24px no-repeat;
}
ul#rows.services li#webdev a{
	background:url('../images/icons-services.gif') 9px -56px no-repeat;
}
ul#rows.services li#mobile a{
	background:url('../images/icons-services.gif') 9px -88px no-repeat;
}
ul#rows.services li#onlinemarketing a{
	background:url('../images/icons-services.gif') 9px -120px no-repeat;
}
ul#rows.services li#flash a{
	background:url('../images/icons-services.gif') 9px -152px no-repeat;
}
ul#rows.services li#seo a{
	background:url('../images/icons-services.gif') 9px -184px no-repeat;
}
ul#rows.services li#emailmarketing a{
	background:url('../images/icons-services.gif') 9px -216px no-repeat;
}
ul#rows.services li#commerce a{
	background:url('../images/icons-services.gif') 9px -248px no-repeat;
}
ul#rows.services li#multimedia a{
	background:url('../images/icons-services.gif') 9px -280px no-repeat;
}
ul#rows.services li#design a{
	background:url('../images/icons-services.gif') 9px -312px no-repeat;
}
ul#rows.services li#hosting a{
	background:url('../images/icons-services.gif') 9px -344px no-repeat;
}

/*----------------------------- 
     THUMBNAILS
-----------------------------*/

#client-thumbnails, #portfolio-thumbnails {
	margin:13px 0 15px 15px;
}	
#client-thumbnails .clients{
	float:left;
}
#client-thumbnails .clients img{
	padding:2px; /*maybe remove*/
	width:86px;
	height:48px;
	background-color:#fff;
	-webkit-box-shadow: 2px 4px 5px #183177;
}

#portfolio-thumbnails .portfolio{
	float:left;
	margin:0 11px 20px 0;
}
#portfolio-thumbnails .portfolio img{
	width:137px;
	height:77px;
	padding:2px;
	background-color:#fff;
	-webkit-box-shadow: 2px 4px 5px #183177;
}

#client-thumbnails .clients, #client-thumbnails.show_normal .clients{  
	margin:0 11px 20px 0;
} 
#client-thumbnails.show_right .clients,
#client-thumbnails.show_left .clients,
#client-thumbnails.show_flipped .clients{  
	margin:0 26px 20px 0; 
}