/* !----- Setup ----- */

html{
		margin:0;
		padding:0;
	}
		
body{	
	color:#595959;
	font-family:MS Trebuchet,Helvetica,Arial,sans-serif;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	background-image: url(img/1400grad.gif);
	background-repeat:repeat-x;
	background-color:#033a76;
	color:#595959;
	margin:0;
	padding:0;
}

img{
	border:none;
}

/* !----- Style ----- */

a{color: #006;}
a:hover{color:#056abe;}

h1, h2, h3, h4{
	color:#3d69b4;
	margin-top:0px;
}

h2{
	font-size:18px;
}

h3{
	font-size:16px;
}

h4{
	font-size:13px;
}

/* !----- Page Structure ----- */
#wrapper{
	margin:0px auto;
	padding:0px;
	width:806px;
}
	#content{
		margin:0px 25px;
		width:757px;
		background:#fff;
	}

	#header{
		padding:5px 20px;
		text-align:right;
	}
		#header > a{
			color:#989898;
			text-decoration:none;
		}
		
		#header > a:hover{
			color:#056abe;
			text-decoration:underline;
		}
		
		.header_phone{
			color:#3d69b4;
			font-size:24px;
			font-weight:800;
		}
		
		#logo{
			float:left;
			margin:0;
			padding:0;
		}
	#page_content{
		margin:-35px 10px 10px 10px;
	}
	
	.splitter, .splitter_180{
		clear:both;
		width:100%;
		height:8px;
		background:url(img/splitter.gif) repeat-x scroll;
	}
	
	.splitter_180{
		background:url(img/splitter_180.gif) bottom repeat-x scroll;
	}
	
	#footer{
		background:#f8f3df;
		padding:10px 10px 0px 10px;
		text-align:right;
		font-size:12px;
		border-bottom:1px solid #8EA344;
		background-image: url(img/gradient_btm.jpg) bottom repeat-x;
	}
		#footer a{
			text-decoration:none;
			color:#787878;
		}
		
		#footer a:hover{
			text-decoration:underline;
		}
		
	#phone_icon{
		margin-left:10px;
		left:10px;
	}
	
	#accordianAd{
		z-index:1;
		position:relative;
		top:-220px;
		left:0px;
		width:345px;
	}
	
		#adImage{
			position:absolute;
			width:350px;
			height:220px;
		}
	
	#flashplayer{
		position:relative;
		z-index:2;
		width:350px;
		height:220px;
	}
	
	#pre_load{
		display:none;
	}
	
	#prev_columns_list{
		list-style-image:url(img/article_icon.gif);
	}
	
	#prev_columns_list li a{
		position:relative;
		top:-10px;
		text-decoration:none;
		color:#7b7934;
	}
	
	#design_table tr{
		height:120px;
		vertical-align: center;
		border:1px solid #000;
	}
	
	#connect_form{
		position:relative;
		top:180px;
		left:30px;
		font-size:15px;
		font-family:Trebuchet-ms;
	}
	
	#connect_form input{
		width:30px;
		font-size:13px;
		border:1px solid #000;
		background:#f3ebd6;
	}
	
	#bio_menu p{
		margin:0px;
		padding:0px;
	}
	
	#bio_menu a{
		text-decoration:none;
	}
	
	#bio_menu a:hover{
		text-decoration:underline;
	}

/* !----- Menu ----- */
  #jsddm{
		margin:5px 0px;
		padding: 0;
		z-index:10;
	}

	#jsddm li
	{	float: left;
		list-style: none;
		z-index:10;
		font: 10px Trebuchet, Tahoma, Arial}
	

	#jsddm li a
	{	display: block;
		background: #fff;
		padding: 5px 7px;
		text-decoration: none;
		color: #7b7934;
		z-index:10;
		white-space: nowrap}

	li.pipe{
		margin-top: 4px;
		padding: 0;
		color:#d5d3c0;
	}
	#jsddm li a:hover
	{	color:#14291f;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
		}
		
			#jsddm li ul li
			{	float: none;
				display: inline;
				z-index:10;
				position:relative;
			}
			
			#jsddm li ul li a
			{	width: auto;
				font-size:11px;
				color: #fff;
				background-image: url(img/menu_sub_bg.gif);
				z-index:10;
				position:relative;
				}
			
			#jsddm li ul li a:hover
			{
				color: #fff;
				background-image: url(img/menu_sub_bg_over.gif);
			}
	
/* !----- Annoying Survey on Design Portfolio Page ----- */

#annoying_survey	{
	position:absolute;
	z-index: 3;
	display: none;
	width: 235px;
	height: 214px;
	/* margin: 10px;  */
	margin-top: -40px;
	margin-left: 10px;
	background-color: #FFF;
}

#closesurveybox	{
	position:absolute;
	z-index:3;
	width:31px;
	height:15px;
	top: 0;
	right: 0;
}

#survey_link	{
	position:absolute;
	z-index:3;
	top: 150px;
	left: 2px;	
}


#hide_survey{
	display:none;
}
	
#send_survey{
	position:relative;
	top:130px;
	left:10px;
	font-size:12px;
	font-family:Trebuchet-ms;
}
	
#send_survey input{
	margin-left: 50px;
}
	
/* !----- Rotating Spy on services/ppc page ----- */			
			
#wraps {
	margin-left: 25px;
	margin-top: 5px;
	padding-top:10px;
	padding-bottom:10px;
	width:193px;
	background-image:url(img/background-rotation.jpg);                        
}

ul.spy  {
	list-style:none;
	
}
ul.spy li a {
	margin:0 0 17px 0;
	/*float: left; */
}

#wraps li {
	height: 117px;
	display: block;
	overflow: hidden;
}

#wraps.spyWrapper {
	height: 100%;
	overflow: hidden;
}		
						
/* !----- Helpers ----- */

.left{
	float:left;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

ul.side_2_side{
	margin:0px;
	padding:0px;
}

ul.side_2_side li{
	float:left;
	list-style: none;
	padding-left:4px;
}

li.marker{
	list-style-image: url(img/smallcheck.gif);
}

input{
	font-size:18px;
	color:#7b7934;
	margin-bottom:20px;
}

label{
	font-weight:800;
	color:#3d69b4;
}

.error{
	text-align:center;
	color:red;
}

/* !----- Text ----- */

	.yellow_txt{
		color:#7b7934;
	}
	
	.blue_txt{
		color:#3d69b4;
	}
	
	.dark_blue{
		color:#10265b;
	}
	
	.half_spaced{
		line-height:18px;
	}
	
	.bold{
		font-weight:800;
	}
	
	.italic{
		font-style:italic;
	}
	
	.normal_spaced{
		line-height:16px;
	}
	
	.current{
		color:#10265b!important;
		font-weight: 800;	
	}
		
	.question{
		color:#3d69b4;
		font-weight:800;
	}