@charset "UTF-8";
/* CSS Document */

/* Imports
----------------------------------------*/
@import url("style.css");


/* Layout
----------------------------------------*/
#main_container{background:#f7fafb url(/images/content_top.png) repeat-x top left;}
#content_container{width:900px; padding:30px 20px;}
#page_gfx_container{background: url(/images/hp_bg.png) repeat-x top left;}
#page_gfx{height:250px; width:940px; margin:0 auto;}
#left_nav{width:290px; float:left; margin-right:10px;}
#content {width:580px; float:left; padding-left:20px; background: url(/images/vdot2.gif) repeat-y top left;}
#content ul, #content ol{position:relative; left:25px; margin:0; padding:0; margin:1em 0;}
#content a, #content a:visited {color:#446165; font-family:Georgia, "Times New Roman", Times, serif;}
#content a:hover {color:#618388;}



#cta{position:relative; top: 210px; left:597px; float:left;}
ul.cta li {float: left;}
ul.cta {
	float: left;
	font-size: small;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 500px;
}
ul.cta li a {
	display: block;
	height: 40px;
	overflow: hidden;
	padding: 0;
	position: relative;
}
ul.cta li a span {
	cursor: pointer;
	display: block;
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
}
ul.cta li.quote a{width:185px;}
ul.cta li.quote a span {background:url(/images/cta_request_quote.gif) no-repeat 0 0;  width:185px;}
ul.cta li.quote a:hover span {background: url(/images/cta_request_quote.gif) no-repeat 0 -40px; width:185px;}

ul.cta li.portfolio a{width:158px;}
ul.cta li.portfolio a span {background: url(/images/cta_view_portfolio.gif) no-repeat 0 0;  width:158px;}
ul.cta li.portfolio a:hover span {background: url(/images/cta_view_portfolio.gif) no-repeat 0 -40px; width:158px;}
/*This is only necessary for IE 6*/
ul.cta li a:hover { background: 0 0; }

/* Left Nav
----------------------------------------*/
#left_nav h2{background: url(/images/hdot1.gif) repeat-x bottom; padding:0 0 10px 0;}
ul.menu {list-style: none; margin: 0; padding: 0; margin-bottom:20px;}
ul.menu li {background: none; margin: 0; padding: 0 0 1px 0; background: url(/images/hdot1.gif) repeat-x bottom;}
ul.menu li a {display: block; outline: none; padding: 5px 2px; color: #695B4E; text-decoration: none;}
ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus {color: #695B4E; background: #E7E6DF url(/images/page_nav_hover_bg.gif) top left repeat-x; border:none;}
ul.menu li.active a {
	font-weight: bold;
	background-color: #E7E6DF;
	background-image: url(/images/page_nav_hover_bg.gif);
	background-repeat: repeat;
	background-position: left top;
}
ul.menu li ul {list-style: none; margin: 0; padding: 0;}
ul.menu li ul li {border: none;}
ul.menu li ul li a {color: #333; background: url(/images/arrow.gif) no-repeat 5px 11px !important; border: none; font-weight: normal !important; padding-left: 15px !important; width: 75%; /*need for ie6*/}
ul.menu li ul li.active a {color:#695B4E; font-weight:bold; background: url(/images/arrow_active.gif) no-repeat 5px 11px !important;}
ul.menu li ul li a:hover, ul.menu li li a:active, ul.menu li li a:focus {background: none; color: #695B4E;}