/*  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, strong, 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%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}


/*  global  
*****************************/
.clear {clear: both;}
.left {float:left;}
.right {float: right;}

h1 {font-size:28px;color: #847f7a;font-weight:normal;}
h2 {font-size:24px;color: #847f7a;font-weight: normal;margin-bottom: 10px;}
h3 {font-size:20px;color: #847f7a;font-weight: normal;margin-bottom: 10px;}
h4 {font-size:16px;color: #847f7a;font-weight: normal;margin-bottom: 10px;}

p {line-height:20px;margin-bottom: 10px;}

a:link, a:visited {color: #000;text-decoration: underline}
a:hover,a:focus {color: #FCBA16;text-decoration: none;}

body {font-family: Arial, helvetica, sans-serif;font-size: 12px;}

/*  structure  
*****************************/
body {text-align:center;margin:0;padding:0;background: #333;padding-top:11px;margin-bottom:20px;}
#container {background:#fff;text-align:left;margin:0 auto;width:960px;overflow: hidden;border-right: 1px solid #ccc;border-left:1px solid #ccc;z-index: 0;}
#header {padding:15px 30px;overflow: hidden;}
#tagline {padding-top:40px;}
#mainpic {height:249px;width: 960px;border-top:1px solid white;}
#main {position:relative;margin-top:30px;margin-bottom:30px;width: 100%;/* width needed for IE */z-index: 0;}
#content {width:523px;background: url(../images/vert_shadow_divider.gif) right repeat-y;padding-left:30px;padding-right:30px;}
#content .intro {font-size: 14px;}
#content .intro ul {
	list-style: disc;
	line-height: 20px;
	padding-left:20px;
	margin-bottom:10px;
}
#content .intro li {
	margin-left: 10px;
}

#content_inside {width:595px;padding-left:30px;padding-right:30px;background: url(../images/vert_shadow_divider.gif) right repeat-y;}
#content_inside td {vertical-align: top;}
#content_inside ol {
	line-height: 20px;
	list-style: decimal;
	margin-left:40px;
	margin-bottom:20px;
}


#secondary {width:260px;padding:0 20px;}

#content_inside ul {list-style: disc;margin-left:20px;line-height: 20px;}

#sidebar {width: 317px;padding-right:30px;padding-left:30px;}
#projectSliderContainer {width:477px;height:181px;background: url(../images/bg_projectSlider.gif) no-repeat;padding:10px 20px;position: relative;text-align:left;}
#projectSlider {width:497px;height:181px;padding-top:10px;}
#projectSlider li {}
.sliderText {padding-left: 10px;width:300px;}
.sliderText span {font-size: 18px;}
#sideNews {line-height: 18px;}
#sideNews h3 {border-bottom:1px dotted #FDB813;}
#sideBanners {padding-top:20px;}
#sideBanners img {margin-bottom:10px;}
#pagetitle {padding:0 30px 8px 0;border-bottom: 1px dotted #fdb813;margin-bottom:20px;margin-left:30px;margin-right:30px;}

.post {border-bottom: 1px dotted #ccc;margin-bottom:10px;padding-bottom: 10px}
.post img {float:left;margin-right:7px;}
.post_text {width:600px;line-height: 1.2;}

#footer {border-top:6px solid #fdb813;height:124px;background: url(../images/bg_footer.jpg);font-family: Arial, helvetica, sans-serif;border-bottom:1px solid #ccc;}
#footer a {color: #ccc;}
#footer a:hover {color:#fff;}
#footer_content {padding:30px 30px 0 30px;font-size: 11px;color:#ccc;}
.panel {width:220px;}
#footer p {line-height: 14px;}
#footer span {font-size: 12px;}

/*  navigation  
*****************************/
#navbar {background:#231a11;height:28px;padding-left:30px;z-index: 89;}

ul.cssMenu ul{display:none;z-index: 99;}
ul.cssMenu li:hover>ul{display:block;z-index: 99;}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;z-index: 99;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;z-index: 99;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#231a11;
	background-repeat:repeat;
	z-index: 99;
}
ul.cssMenu table {border-collapse:collapse;}
ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
	z-index: 99;
}
ul.cssMenu ul{
	width:231px;
	z-index: 99;
}
ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 0px;
	font-size:0px;
	z-index: 99;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#231a11;
	border-width:0px;
	text-align:left;
	text-decoration:none;
	padding:4px 14px 4px 4px ;
	_padding-left:0;
	font:13px Arial;
	color: #fff;
	text-decoration:none;
	cursor:default;
	z-index: 99;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
	z-index: 99;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;
	z-index: 99;
}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
	z-index: 99;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#231a11;
	font:13px Arial;
	color: #999;
	text-decoration:none;
	cursor:  pointer;
	z-index: 99;	
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#231a11;
	font:13px Arial;
	color: #999;
	text-decoration:none;
	z-index: 99;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}

/*  Project Slider  
*****************************/

/* image replacement */
        .graphic, #prevBtn, #nextBtn, #projectSlider1prev, #projectSlider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }


	#projectSlider ul, #projectSlider li,
	#projectSlider2 ul, #projectSlider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#projectSlider2{margin-top:1em;}
	#projectSlider li, #projectSlider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:477px;
		height:181px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#projectSlider1next, #projectSlider1prev{ 
		display:block;
		width:32px;
		height:32px;
		position:absolute;
		left:-20px;
		top:81px;
		z-index:1000;
		}	
	#nextBtn, #projectSlider1next{ 
		left:500px;
		}														
	#prevBtn a, #nextBtn a,
	#projectSlider1next a, #projectSlider1prev a{  
		display:block;
		position:relative;
		width:32px;
		height:32px;
		background:url(../images/arrowleft.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #projectSlider1next a{ 
		background:url(../images/arrowright.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
.sidepic {
	margin-bottom:20px;
	text-align: center;
	width: 240px;
}	

.sidepic img {
	border:5px solid #ccc;
}

.sidequote {
	background:url(../images/sidequote_top.png) top left no-repeat;
	padding:15px;
	width:200px;
	line-height: 1.2;
}

.sidequote p {
	background:url(../images/sidequote_bottom.png) bottom right no-repeat;
	margin-bottom:0;
}

#sidecontent {
	margin-top:10px;
}

#commercial_comparison td {
	padding:6px;
	border-bottom:1px solid #ccc;
}