/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,blockquote:before, blockquote:after {
	content: "";
}

/*Import the font style sheet
@import "fonts.css";*/

body {
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0 0 10px 25px;
	color:#000;
	background-color: #f2f2f2;
	background-image: url(/i/style/bg_body.gif);
	background-repeat: repeat-x;
	font-size: 75%;
}
html>body {	font-size: 12px;}
p{
line-height: 1.5em;	
font-size: 1em;
margin-top: 1.5em;
margin-bottom: 1.5em;
}

strong{font-weight: bold;}
a { color: #3b74c4;text-decoration: underline;font-weight: bold;}
a:link { color: #3b74c4; text-decoration: underline;font-weight: bold;}
a:visited	{ color: #3b74c4; text-decoration: underline; }
a:active { color: #3b74c4;}
a:hover { color: red;color: #666;}
 
	 
h1{
	width:763px;
	background-image:url(/i/style/bg_header2.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	background-color: #fff;
	height:86px;
	margin:0;
	padding:0;
	
}



h1 a{
	position:relative;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	height:85px;
	width:200px;
}
	 
	 


h2{
color: #333;
font-size: 1.5em;
line-height:1em;
margin-top: 1em;
margin-bottom: 1em;

}
h3{
	font-weight: bold;
	color: #444;
	line-height: 1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	text-transform: uppercase;
	}
h4{
	font-weight: bold;
}
#tophead{
	margin: 0;
	padding: 0 4px;
	text-align: left;
	background:url(/i/style/bg_top.jpg) repeat-y 0 0;	
	width: 763px;
	\width: 771px;
	w\idth: 763px;	
}
#container {	
	margin: 0;
	padding: 0 4px;
	text-align: left;
	background: url(/i/style/bg_container.gif) repeat-y 0 0;	
	width: 763px;
	\width: 771px;
	w\idth: 763px;
	}

#subbanner{
	text-align: right;
	margin: 0 3px 3px 3px;
	/*background:#fff url(/i/style/bg_smartit.jpg) no-repeat 0 17px;	*/

}

 #content{
	padding:0 10px 20px 0px;	
	margin:15px 4px 15px 0;
	border-left: 1px solid #ccc;
	text-align:left;
	float:right;
	width: 510px;
	\width: 516px;
	w\idth: 510px;

}
#content h2, #content p, #content h3, #content ul, #content h4{
	margin-left: 17px;
}

#sidebar{
	padding:1em 5px 100px 5px;
	text-align:center;
	float:left;
	margin:5px;
	background: url(/i/style/bg_sidebar2.jpg) no-repeat bottom right;
	width: 210px;
	\width: 230px;
	w\idth: 210px;

}
.home #sidebar{
padding-top: 5em;
background: none;	
}

#sidebar ul ul{display: none; background-image: none;}

#sidebar ul a{
	text-decoration: none;
	font-size: .83em;
	display: block;
	padding: 9px 0;
}

#sidebar ul li{
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 0 10px;
	padding: 0;
	background: transparent;
	border-top: 1px solid #ccc;
}
#sidebar ul li a{
	background: transparent url(/i/carat.gif) no-repeat 0 50%;
	padding-left: 10px;
}


#sidebar ul ul li{
	border-top: 1px solid #ccc;
	margin: 0;

}
#sidebar ul ul li a{
margin-left: 10px;

}
#sidebar li.background, #sidebar  li.noborder{
	border: 0;
}
#sidebar li.news, #sidebar li.borderbottom{
	border-bottom: 1px solid #ccc;
}

.background #sidebar .background ul, .associates #sidebar .associates ul{
	display: block;
}
	
/* NAVIGATION  BAR */

#nav{
    background-color:#333;
    text-align:center;
    margin:0 3px;
    padding:0;
    width: 	757px;
	 }
#nav ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 757px;
	text-align: center;
	height: 34px;
	background-image:url(/i/nav/navtext.gif);
	background-repeat:repeat-x;
	background-position:0 0;
}


#nav li { display:block;float: left;width: 151px;}

#nav li a{
	padding: 0;
	height:0;
	margin:0;
	display: block;
	height:34px;
	text-align:center;
	text-decoration:none;
	font-size:10px;
	line-height:34px;
	font-family:Helvetica, arial, sans-serif;
	text-transform: uppercase;
	color:#fff;
	font-weight:bold;
	letter-spacing: 1px;
	background:url(/i/nav/navtext.gif);
	background-repeat:repeat-x;
	background-position:0 0;
	border-right:2px solid #666;
	width: 	149px;
	\width: 151px;
	w\idth: 149px;
}



 #nav li.home{
    width: 	153px;

}
#nav li.home a{
	width:151px;
	\width: 153px;
	w\idth: 151px;
 }
#nav li a:hover{color: #51A9DC;background-position: 0 -34px;}

.home #nav li.home a, #nav li.home a:hover, .about #nav li.about a, #nav li.about a:hover, .serv #nav li.serv a, #nav li.serv a:hover, .proj #nav li.proj a, #nav li.proj a:hover, .cont #nav li.cont a, #nav li.cont a:hover{color: #51A9DC;background-position: 0 -34px;}


	
/* Home Page Styles */

.mainblurb{
	width: 340px;
	margin: 0;
	float: left;
	padding: 0;
}

#content p{
	margin-top: 0;
	color: #333;
	color:#333;
}
.home hr{
	clear: both;
	color: #ccc;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	border: 0;
}
.home #content blockquote{
	float: right;
	font-weight: bold;
	color: #3b74c4;
	font-size: 1em;
	line-height: 1.5em;
	font-style:italic;
	margin-right: 0px;
	width: 	150px;
}

.home h3{
	clear: both;
	font-weight: bold;
	color: #444;
	line-height: 1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	float: left;
}
.home .full{
	border-left: 1px solid #666;
	line-height: 1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	float: left;
	margin-left: 10px;
	padding-left: 10px;	
}
#content a{
	line-height:1.5em;
}
.home #content li{
	width: 200px;
	float: left;
	padding-right: 30px;
}
.home #content ul{
	clear: both;
}

#content ul{ list-style-image: url(/i/carat.gif);margin-left:34px;margin-bottom:1.5em;}
#content ul li{margin-bottom:5px;color:#333;	line-height: 1.5em;}



/* Services Page*/

#breakout{width:140px;float:left;color: #3b74c4;margin-left:15px;}
#breakout ul{list-style-type: disc;list-style-image: none;}

#breakout ul li, #breakout p{color: #3b74c4;font-size:.83em;}

/*associates pages*/
.associates #content{
	padding-bottom: 100px;
}
.associates #sidebar{
	padding-bottom: 20px;
}
blockquote.floatleft{
	float:left;
	padding-left:17px;
	margin:0 5px 5px 0;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #3b74c4;
	font-style:italic;
	width: 	127px;
	\width: 150px;
	w\idth: 127px;
}
blockquote.floatright{
	float: right;
	font-weight: bold;
	color: #3b74c4;
	font-size: 1em;
	line-height: 1.5em;
	font-style:italic;
	margin:0 5px 5px 20px;
	background:gree
	width: 	120px;
	\width: 150px;
	w\idth: 120px;
}


/* Projects Pages*/

.proj #content li img{
	border: 1px solid #333;
	margin-right: 10px;
}

.proj #content ul{
	list-style-image: none;
}

#content .projlist li{
	margin-bottom: 2em;
}

.proj #content p{
	width: 400px;
}
/* Footer Styles */




#footer{	
   clear:both;
	text-align:center;
	border-top: 4px solid #52a9dd;
	color:#fff;
	background-color:#0b0199;
	margin:0 0 0 3px;
	padding: 45px 0;
	width: 757px;
	font-family: verdana;
	font-size: .83em;

}

html>body #footer {
	font-size: 10px;
}
.fleft{
width: 228px;
float: left;	
font-weight: normal;
text-align: center;
color: #09f;
}

.fright{
	width: 520px;
	float: left;
	text-align: center;
	
}
.fright a, .fright a:visited{
	color: #fff;
	font-weight: normal;
	
}
.fright a:hover{
	font-weight: normal;
	color: #09f;
}
/* Misc */



img.floatright{float:right;margin:0 0 5px 5px;border:1px solid #666;}
img.floatleft{float:left;margin:0 5px 5px 0px;border:1px solid #666;}
.spacer{clear:both;height:1px;border-bottom: 1px solid #0b0199;
	width: 757px;margin:10px 0 0 3px;}