/*baseline resets all values to zero */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
cite,code,th{font-style:normal;font-weight:normal;}
ol,ul{list-style-type:none;}
th{text-align:left;}
h1,h2,h3,h4{font-size:100%;}
q:before,q:after{content:'';}

h1 span, a span, h3 span{
	display:none;
}

ul ul li a span{
	display:block;
	}

body { 
	background-color: #FFF;
	background-image: url(../images/background_page.gif); background-repeat: repeat-x; 
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif; 
	color: #333; 
}

a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a { color: #1179BF; text-decoration: none; }

#content { 
	width: 986px; 
	margin: 0px auto; 
}

h1, h2, h3, h4 { font-family: Helvetica, Helvetica Neue, Arial, sans-serif; }
h2 { font-size: 24px; font-weight: bold; color: #A1B439;}
h3 { font-size: 16px; color: #A1B439; padding:10px 0 5px 0; font-weight:normal;}
h4 { font-size: 14px; font-weight: bold; color: #A1B439; padding:10px 0 0 0;}
h5 { font-size: 20px; color: #666; font-weight: normal; line-height: 28px; margin: 5px 0 10px 0; width: 700px; }

.clear_fix{clear:both; height:1px;}

#header { 
	width: 986px; 
	height: 83px; 
	}

#header h1 a{
	background:url(images/logo.gif);
	width:145px;
	height:83px;
	}

#header .headerlinks { 
	float: right; 
	padding-top: 40px; 
	font-size: 10px; 
	color: #999; 
	}
	
#header .headerlinks li{
	float:left;
	display:block;
}
	
#header .headerlinks a:visited, #header .headerlinks a { 
	color: #999; 
	text-decoration: none; 
	padding: 0 5px; 
	}
	
#header .headerlinks a:hover { text-decoration: underline; }



#top_home{
	position:relative;
	width: 986px; 
	margin-top:30px;
}
	
#homeheader p { 
	font-size: 14px; 
	width: 610px; 
	height: 40px; 
	color: #666; 
	line-height: 20px; 
	margin:10px 0;
	}
	
#homeimage { 
	float: left;  
	width: 610px; 
	height: 288px; 
	}

#homeimage h3{
	background:url(/default/images/idfive_homepage_mast.gif) no-repeat;
	width:610px;
	height:180px;
	}

#homeimage p{
	display:block;
	width:250px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
}

#homebody { 
	background-repeat: no-repeat; 
	}

#headlines { 
	width: 328px; 
	float: right; 
	margin: 0; 
	}
	
#headlines p, #headlines li, #headlines dt { 
	font-size: 12px; 
	line-height: 18px; 
	color: #333; 
	}

#headlines li{
	margin:5px 0 0 0px;
}

#headlines dl{

	margin:0 0 5px 0px;
}
	
#headlines p a, .readMore { 
	font-size: 10px; 
	}
	
#headlines h2 { 
	font-size: 20px; 
	font-weight: bold; 
	color: #A1B439;
	margin:10px 0; 
	}
	
#headlines .all { 
	float: right; 
	font-size: 9px; 
	}

#blog{
	position:absolute;
	bottom:0;
	}

.svPager{
	display:none;
	}

#creditfooter, .fbsubscribelink{
	display:none;
	}

#fivegroup_cta{
	position:absolute;
	bottom:0px;
	right:376px;
}

*html #fivegroup_cta{
	bottom:160px;
	}

#fivegroup_cta a{
	background:url(/default/images/rca-id5_2.gif);
	height:43px;
	width:176px;
	display:block;
	}

#fivegroup_cta a:hover{
	background:url(/default/images/rca-id5_2-over.gif);
}

#bottom_home h2{
	font-size:20px;
	margin:10px 0;
	}

#bottom_home li{
	width:309px;
	float:left;
	margin:0 19px 0 0;
	color:#999999;
	font-size:10px;
	}

#bottom_home li img{
	float:left;
	margin:0 0 5px 0;
	}

/* ########## 2nd level pages ########## */

/*#breadcrumbs { 
	width: 960px; 
	margin: 20px 0 10px 0; 
	font-size: 11px; 
	color: #999; 
	}

#breadcrumbs li{
	float:left;
}

#breadcrumbs li a { color: #999; 
}

#breadcrumbs li.last a { color: #1179BF; 
}*/

#intropara #crumblist { 
	margin: 0 0 10px 0; 
	}
#intropara #crumblist{ 
	list-style-type: none;  
	margin: 0;
	padding: 0;
}
#intropara #crumblist li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;  
	color: #CCC;
	font-size: 11px;	
}
#intropara #crumblist li a { 
	color: #999; 
}

#intropara #crumblist li.last a { color: #666; 
}


#sidebarl {
	float: left; 
	clear:left;
	margin-top: 100px;
	}
	
#sidebarl ul {  
	margin:0 40px 70px 0;
	width:180px;
	list-style-type: none;  
	}
	
/* this is specifically for IE */
#sidebarl li { margin: 8px 0; color: #999; font-size: 12px; font-weight: normal; }

#sidebarl li .current{color: #999;}
/* for everything else 
html>body #sidebarl li { margin: 8px 0 8px -40px; color: #999; font-size: 15px;  font-weight: normal; }*/

/* this is specifically for IE */
#sidebarl li ul { margin: 8px 0 8px 15px; font-weight: normal; display:none;}

#sidebarl .current ul {display:block;}
/* for everything else 
html>body #sidebarl ul.sub { margin: 8px 0 8px -20px; font-weight: normal; }*/

#svPortal{
display:none;
}

.client_site #svPortal{
	display:block;
	}
	
.client_site #svPortal dl{	
	border-top:solid 1px #CCC;
	padding-top:10px;
	width:520px;
	}

.client_site #svPortal dt{
	width:260px;
}

.client_site #svPortal .releaseDate{
	color:#A1B439;
	font-size:16px;
	font-weight:normal;
}

#intropara dl .image{
	margin:0;
	}

.client_site #svPortal a{	
	color:#1179BF;
	font-size:12px;
	line-height:20px;
	margin-bottom:15px;
}

#maincontent { 
	width: 680px; 
	float: left; 
	margin-bottom: 40px; 
	}

#intropara { 
	margin-top: 10px;
	width: 700px; 
	float: left; 
	}

#contact_content{ 
	margin: 10px 60px 0 150px;
	float: left; 
	}

*html #contact_content{ 
	margin: 10px 60px 0 75px;
}

*html #intropara{
	overflow:hidden;
}	

#intropara h2{ 
	font-size: 24px; 
	font-weight: bold; 
	color: #A1B439; 
	margin-top: 40px;
	}
	
#contact_content h2{ 
	font-size: 24px; 
	font-weight: bold; 
	color: #A1B439; 
	margin: 5px 0 10px 0;
	}
	
.para p, #sidebarl p, #contact_content { font-size: 12px; line-height: 20px; color: #333; margin-bottom:15px; width:auto !important;}
#intropara p{
font-size: 12px; line-height: 20px; color: #333; margin-bottom:15px; width:520px;
 }
#second_content #sysNews p { font-size: 12px; line-height: 20px; color: #333;}

#intropara p.intro { font-size: 20px; color: #0d79bf; line-height: 28px; }

.success{ font-size: 20px; line-height: 20px; color: #333; clear:both; margin:10px 60px 0 150px;}

#intropara .image { margin: 0 0 20px -20px; }

#intropara .more { font-size: 11px; margin-left: 10px; }

.para p.links { font-size: 11px; text-align: right;}

#intropara ol, .para ol { font-size: 12px; line-height: 18px; color: #333; margin-bottom:10px; padding-left:30px; list-style:decimal; width:490px;}
#intropara ul, .para ul { font-size: 12px; line-height: 18px; color: #333; margin-bottom:10px; padding-left:30px; list-style:disc; width:490px}
#intropara li, .para li { font-size: 12px; line-height: 18px; color: #333; margin-bottom:10px; padding-left:10px; list-style:disc;;}

/* ########## 3rd level pages ########## */

/* this is specifically for IE */
.lev3 { margin-top: 35px;  float:right;}
/* for everything else 
html>body #lev3 { margin-top: 10px; clear: both; }*/

.lev3 .image { 
	float: left; 
	margin-top: 0; 
	}
	
.lev3header { 
	padding: 10px 0 20px 0; 
	width: 680px; 
	}
	
.lev3header a { 
	float: right; 
	font-size: 10px; 
	}
	 
.para { 
	float: left; 
	width: 260px; 
	margin-left: 20px; 
	}

#second_content #sysNews{
	width: 540px; 
	float:left;
}

#second_content #sysNews dt{
	font-weight:bold;
}

#second_content #sysNews dl{
	margin:5px 0 15px 0;
}

/* ########## client listing pages ########## */

.clist { 
	float: right; 
	width: 310px; 
	margin-right: 30px; 
	padding: 0 0 10px 0;  
	}

/* this is specifically for IE */
.clist ul { margin-left: 0; list-style-type: none;  }
/* for everything else 
html>body #clist ul { margin-left: -40px; list-style-type: none;  }*/

.clist li, .clist dt { 
	font-size: 12px; 
	line-height: 16px; 
	color: #999; 
	margin: 3px 0; 
	}
	
.clist .image { 
	float: right; 
	margin: 20px 0 10px 20px; 
	}
	
.clist li a:hover, .clist dt a:hover { text-decoration: none; }
.clist li a, .clist dt a{ text-decoration: underline; }
.clisthead { 
	width: 310px; 
	height: 25px; 
	border-bottom: 1px solid #CCC; 
	margin-top: 20px; 
	}
	
.clisthead h3 { margin-bottom: 5px; }

/* ########## form ############ */

form { 
	width: 540px; 
	float: left; 
	margin:0 0 0 0;
	}
label { font-size: 12px; line-height: 20px; color: #333; margin-top:10px; float:left; clear:left;}

label.error{color:#FF0000; margin:0 0 0 10px;display:block;}

input, textarea{float:left; clear:left;}

textarea{
	width:300px;
	}

#frm3CB8B3B1978B643206B8C6AD07F5441E{
	width:auto;
	margin:30px 20px 0 0px;
	padding-left:60px;
	border-left:solid 1px #CCCCCC;
}

.skill_box{
	clear:left;
	border:solid 1px #CCC;
	padding:10px;
	}

.skill_box legend{
	margin-left:10px;
	color:#A1B439;
	font-size:14px;
}

.skill_box label{
	font-size:9px;
	clear:none;
	line-height:20px;
	width:150px;
}

.skill_box input{
	clear:none;
	margin-right:5px;
	}

/* ########## shared ########## */
.space20 { margin-top: 80px; }

#footer { 
	background-image: url(../images/background_footer.gif); background-repeat: no-repeat; 
	width: 986px; 
	height: 36px;
	font-size: 10px; 
	color: #999; 
	text-align: center; 
	margin-top: 50px; 
	padding-top: 15px; 
	margin-bottom: 50px; 
	}
	
#shadowbox_container a span{
	display:inline;
	}
	
/*********** LIGHTBOX LEFT COL ************
#svGallery{
	position:absolute; left:0; top:500px;
}*/

#svGallery ul{
	list-style:none;
	padding:0 !important;
	margin:0 !important;
	display:none;
	}

#svGallery li{
	list-style:none;
	background:url(../images/gallery_dropshadow_bottom.jpg) no-repeat bottom left;
	display:inline-block;
	padding:0 8px 0px 0;
	}
#svGallery li a{
	list-style:none;
	background:url(../images/gallery_dropshadow_right.jpg) no-repeat bottom right;
	padding:0 8px 3px 0;
	height:265px;
	display:inline-block;
	}

#svGallery dt{
	display:none;
	}
	
.galleryList ul{
	list-style:none;
	padding:0 !important;
	margin:0 !important;
	}

.galleryList li{
	list-style:none;
	float:left;
	display:inline-block;
	background:url(../images/gallery_dropshadow.jpg) no-repeat bottom right;
	width:235px;
	height:162px;
	}
.galleryList a{
	}

.galleryList dt{
	display:none;
	}
	
/* show hide layers */
#section { width: 740px;  position: relative; float: left;  display: block;  background-image: url(/default/images/background_subnav.gif); background-repeat: repeat-x; position: relative; left: -20px;  }
#sec1 {  display: inline; text-align: center; top: 0px; left:0px;  z-index: 100; background-color:##FFF;  }
#sec2 {  display: none; text-align: center; top: 0px; left:0px;  z-index: 200; background-color:##FFF;  }
#sec3 {  display: none; text-align: center; top: 0px; left:0px;  z-index: 300; background-color:##FFF;  }
#sec1, #sec2, #sec3 { width: 520px; }
td.tabcontent { width: 500px; padding: 40px 20px 0 0;  }
.tabcont { margin-left: 20px; }

#intropara .navTools{float: right; width: 140px; /*margin-top: 50px;*/}
#intropara .navTools li{list-style:none;}

#problem_link a, #solution_link a, #approach_link a{
	cursor:pointer;
	background: url(/default/images/portfolio_nav.gif) no-repeat; 
}

#problem_link a{
	width:90px;
	height:26px;
	display:block;
}

#problem_link a:hover, #problem_link .active{
	background-position:0 -26px;
	
}

#approach_link a{
	background-position:-90px 0;
	width:111px;
	height:26px;
	display:block;
}

#approach_link a:hover, #approach_link .active{
	background-position:-90px -26px;
	
}

#solution_link a{
	background-position:-201px 0;
	width:95px;
	height:26px;
	display:block;
}

#solution_link a:hover, #solution_link .active{
	background-position:-201px -26px;
	
}

.solution, .approach, .problem{
	clear:both;
	}

.solution, .approach{
	display:none;
	}
	
.portfolio_nav{
	list-style:none !important;
	clear:both;
	padding-left:0 !important;
	}
	
.portfolio_nav li{
	list-style:none !important;
	float:left;
	padding-left:0 !important;
	padding-right:10px;
	}