/******************************** 
******* SWWWS STYLE SHEET *******
********************************/

/* GLOBAL STYLES */
body, h2, div, font, html, iframe, img, li, span, strong, table, th, tr, ul{
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	margin: 0;
	padding: 0;
	vertical-align: inherit; 
}
body{
	background: #34363d;
	line-height: 1; 
	margin: 0 auto;
}
:focus{outline 0; -moz-outline-style: none;}
hr{display:none;}

/* HEADER */
div#container{
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 815px; 
}
div#toparea{
	background: url('../images/top.png') no-repeat;
	height: 150px;
	margin: 0 auto;
	padding-bottom: 11px; 
	width: 814px; 
}	
#toparea #logo{
	float: left;
	margin: 93px 0 0 20px; 
	display: inline;
}
div#clientlogin{
	display: inline;
	float: right;
	text-align: right; 
	width: 814px;
	}
	#clientlogin span a:link, #clientlogin span a:visited{
		color: #fff;
		font: 9pt Arial, Verdana, Sans-serif;
		margin: 0 20px 0 0;
		text-decoration: none;
	}
	#clientlogin span a:hover{color:#ffea98}
		
/* MAIN NAVIGATION */
#container #leftnav{ 
	background: url('../images/navbg.gif') no-repeat;
	float: left; 
	height: 340px;
	width: 191px;
}
	#leftnav ul{
		font: 9pt Verdana, Arial, Sans-serif;
		line-height: 155%;
		list-style-type: none;
		margin: 10px 0 0 10px;
		width: 190px;
	}
		#leftnav ul li a:link, #leftnav ul li a:visited{
			color: #d2001c;
			text-decoration: none; 
		}
		#leftnav ul li a:hover{text-decoration: underline;}
		/* sub nav */
		#leftnav ul.subnav{
			font: 8pt Verdana, Sans-serif, Arial;
			list-style-type: none;
			margin: 10px 0 10px 1px;
		}
			#leftnav ul.subnav li{
				background: url('../images/arrow.png') left center no-repeat;
				background-color: #d2b23c;
				height: 17px;
				margin: 1px;
				padding: 2px 0 0 20px;
				width: 145px;
			}
			#leftnav ul.subnav li:hover{
				background-color: #c29e1b !important;
			}
			#leftnav ul.subnav li a:link, #leftnav ul.subnav li a:visited{
				color: #f8f892;
			}
			#leftnav ul.subnav li a:hover{
				color: #fff;
				text-decoration: none;
			}
			#leftnav ul.subnav li a:hover{}
	/* nav footer */
	#container #navfooter{
		top: 425px;
		position: absolute;;

	}
			#container #navfooter p, 
			#container #navfooter a:link, #container #navcooter a:visited{
				color: #645e48;
				font: 9pt Arial, Verdana, Sans-serif;
				margin: 1px 0 0 15px;
				text-decoration: none;
			}
			#container #navfooter a:hover{text-decoration: underline;}

/* PAGE STRUCTURE */
/* content */
div#contentwrapper{
	background: url(../images/nt.gif) repeat;
	float: right;
	height: 100%;
	width: 611px; 
}
	/* dynamic rounded corners */
	.rbtop div {background:url('../images/tl.gif') no-repeat top left;}
	.rbtop {background:url('../images/tr.gif') no-repeat top right;}
	.rbbot div {background: url('../images/bl.gif') no-repeat bottom left;}
	.rbbot {background: url('../images/br.gif') no-repeat bottom right;}
	.rbtop div, .rbtop, .rbbot div, .rbbot {
		font-size: 1px;
		height: 7px;
		width: 100%;
	}
	.rbcontent {margin:0 25px 20px 25px;}
	.rbroundbox {margin: 1em auto; width: 50%;}
	/* horizantal boxes - for portfolio wrapper too */
	div#contentwrapper div.horizbox, div#portfoliowrapper div.horizbox{
		background: url('../images/hr.gif') no-repeat;
		height: 10px;
		width: 514px;
	}
/* portfolio */
div#portfoliowrapper{
	background: url(../images/pnt.gif) repeat;
	float: right;
	height: 100%;
	width: 611px; 
}
	/* dynamic rounded corners */
	.prbtop div {background:url('../images/ptl.gif') no-repeat top left;}
	.prbtop {background:url('../images/ptr.gif') no-repeat top right;}
	.prbbot div {background: url('../images/pbl.gif') no-repeat bottom left;}
	.prbbot {background: url('../images/pbr.gif') no-repeat bottom right;}
	.prbtop div, .prbtop, .prbbot div, .prbbot {
		font-size: 1px;
		height: 7px;
		width: 100%;
	}
	.prbcontent {margin:0 25px 20px 25px;}
	.prbroundbox {margin: 1em auto; width: 50%;}
	/* portfolio menu imgs - left col */
	div#portfoliowrapper #portimgs{
		float: left;
		height: 100%;
		width: 89px;
	}
		div#portfoliowrapper #portimgs img{
			display: block;
			margin: 0;
			padding: 0 0 5px 0;
		}
	/* portfolio area left - mid col */
	div#portfoliowrapper #portleft{
		float: left;
		min-height: 200px;
	}
		#portleft ul#portmenu{
			margin: 20px 0 0 0;
			list-style-type: none;
			width: 275px;
		}
			#portleft ul#portmenu li{
				font: 11pt Arial, Verdana, Sans-serif;
				font-weight: bold;
				margin: 0 0 52px 0;
				padding: 5px;
			}
			#portleft ul#portmenu li.selected{background-color: #88785F;}
			#portleft ul#portmenu li:hover{background-color: #88785F;}
			#portleft ul#portmenu li a:link, #portleft ul#portmenu li a:visited{
				color: #fff;
				text-decoration: none;
			}
			#portleft ul#portmenu li a:hover{background-color: ##88785F;}
	/* portfolio area right - right col */
	div#portfoliowrapper #portright{
		background-color: #88785F;
		float: right;
		height: 100%;
		margin: 20px 0 0 0;
		min-height:370px;
	}
		#portright ul#portsub{
			list-style-type: none;
			margin: 15px;
		}
			#portright ul#portsub li{
				background: url('../images/arrow.png') left center no-repeat;
				font: 8pt Verdana, Sans-serif, Arial;
				height: 25px;
				line-height:200%;
				padding: 0px 0 0 20px;
				width: 145px;
			}
			#portright ul#portsub li a:link, #portright ul#portsub li a:visited{
				color: #eae2ca;
				text-decoration: none;
			}
			#portright ul#portsub li a:hover{color:#fff}
/* footer */
div#footer{
	clear: both;
	padding: 0 0 20px 0;
	text-align: right;
	width: 814px;
}
	div#footer span.copyright{
		font: 8pt Arial, Verdana, Sans-serif;
		color: #8f8f8f; 
	}

/* CONTENT TYPOGRAPHIC STYLES */
h2 {}
	div#contentwrapper h2, div#portfoliowrapper h2{
		color: #ffea98;
		font: 16pt Arial, Verdana, Sans-serif; 
		margin: 10px 0 5px 0;
	}
h3 {}
	div#contentwrapper h3, div#portfoliowrapper h3{
		color: #34363d;
		font: 16pt Arial, Verdana, Sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		margin: 10px 0 5px 0;
	}
h4 {}
	div#contentwrapper h4, div#portfoliowrapper h4{
		color: #3d2e2b;
		font: 16pt Arial, Verdana, Sans-serif;
		font-weight: bold;
		text-transform: uppercase;
	}
.bold{font-weight: bold;}
.center{margin: 0 auto;}
.clear{clear: both;}
.left{float: left} .right{float:right;}
div#contentwrapper p, div#portfoliowrapper p,
div#contentwrapper ul,div#contentwrapper ul li,
div#portfoliowrapper ul, div#portfoliowrapper ul li,
div#contentwrapper ol,  div#contentwrapper ol li
div#portfoliowrapper ol, div#portfoliowrapper ol li{
	color: #fff;
	font: 10pt Arial, Verdana, Sans-serif;
	line-height: 160%;
	margin: 1px;
}
div#contentwrapper ul,div#contentwrapper ol,
div#portfoliowrapper ul, div#portfoliowrapper ol,
div#contentwrapper ul li,div#contentwrapper ol li
div#portfoliowrapper ul li, div#portfoliowrapper ol li
{margin-left: 21px;}