/* CSS Document */
html, body {
	width:100%; height: 100%;
	margin:0; padding:0; border:0;
	font: small Arial, Helvetica, sans-serif; text-align:center;
}
body {background: #353A3F;}
* html body{border-top:1px solid #666;}
.off-left {	position: absolute;	left: -999px; width: 990px;}
.clearLeft{	clear:left;}
.clearBoth{	clear:both;}
.clearRight{ clear:right;}
a:link, a:visited {	text-decoration: none; font-weight:bold; color:#57798E;}
a:hover, a:active {	text-decoration: underline;}
a em {font-style: normal; font-weight: normal; text-decoration: underline;}
.boldfont {font-weight:bold;}
h1, h2 {font-size:100%;	font-weight:bold; margin:0;}

#wrapper {
	width:927px; min-height:100%; height:auto !important; height:100%;
	margin:10px auto 0 auto; padding:0 0 30px 0; text-align:left;
}
#contentwrapper {
	width:927px; min-height:100%; height:auto !important; height:100%;
	margin:0; padding:0; border: 0;
	text-align:left;
	float:left;
}

/********* Top Banner **********/
#banner {
	display:block;
	height: 96px;
	width:926px;
	margin:0; padding:0;
	border-bottom:1px solid #727579;
	text-align:left;
}

#banner img {margin:0; padding:0;}

#logo {	display:block;	width:276px; height:96px; border-right: 1px solid #727579; margin:0; float:left;}
#logo img{ margin: 20px 0 0 0;}

#strap { 
	margin:0;
	color:#fff;
	font-size:140%;
	float:right;
}
#strap ul{ display:block; float:left; margin:54px 0 0 0;}

#strap li{ list-style-type: none; margin:0 0 0 15px; padding:0;	float:left;}

#tab { 
	height:96px; width:649px;
	margin:0;
	color:#fff;
	float:right;
}
#tab img { float:right; margin:6px 0 0 10px; border:0; }
#tab ul{ display:block;	float:right; margin:76px 0 0 0;}

#tab li{ 
	list-style-type: none;
	min-height:20px; width:170px;
	margin:0; padding:0 0 0 30px;
	background: #54585C url(../pics/tabLeft.gif) left 0 repeat-y;
	float:right;
}
#tab li a:link, #tab li a:visited{ 
	list-style-type: none;
	margin:0; padding:2px 40px 0 0;
	background: #54585C url(../pics/tabRight.gif) right 0  repeat-y;
	text-decoration:none; font-weight:normal; color:#ccc;
	float:right;
}
#tab li a:hover, #tab li a:active{ 
	background: #54585C url(../pics/tabRight-ov.gif) right 0  repeat-y;
	color:#fff;
}
#tab li.menuspace {margin:0 5px 0 0; color:red}
.white{color:#fff;}

#content {
	width:650px; min-height:368px; height:auto!important; height:368px;
	margin:0; padding:45px 0 0 0;
	border-right: 0;
	background: url(../pics/dottedline.gif) 0 35px repeat-x;
	color:#fff; float:right;
}
#content img {
	display:inline;
	border:1px solid #ccc;
	margin: 0 0 10px 20px;
	float:right;
}
#content h1, #content h2 { color:#fff; margin:0 0 15px 0;}

#content a:link, #content a:visited {
	text-decoration:none;
	font-weight:normal;
	color:#ABDF00; margin:0; padding:0;
}
#content a:hover, #content a:active {text-decoration:underline;}
#content ul{display:block; margin:0 0px 15px 0px; padding: 0; list-style-position:outside; list-style: disc;}
#content li{margin:0 0 7px 15px; padding: 0;}
#content ul ul{ margin:5px 10px 7px 10px; }

/*********** Homepage Picture Sequence *************/
#wrap {	width: 569px; margin:0; padding:0; float:right; color:#ccc; background: #ccc;}
#photoimg {background-repeat:no-repeat;}
#bigPic{
	width:565px; height:413px;
	margin:0; padding:0;
	border-right: 4px solid #371D54;
	background:no-repeat;
	float:right;
}
#telephone {
	width: 926px;
	margin:0; padding:0;
	border-top: 1px solid #727579;
	border-bottom: 1px solid #727579;
	color:#fff;
	font-size:110%;
	float:left;
}
#telephone p { margin: 7px 0 0 10px; float:left; clear:left;}
#telephone img { float:right; margin:0; padding:0;}
.tel { margin: 0; padding:0; color: #ABDF00;}

#reflection { width: 926px; height:13px; margin:0 0 13px 0; padding:0; float:left;}
#reflection img{ margin:0; padding:0; float:right;}
#baseLeft {
	width: 440px; min-height:170px; height:auto !important; height:170px;
	margin:0 0 35px 0; padding:0 10px 0 10px;
	border-left: 1px solid #727579;
	text-align:left;
	float:left;
}
#baseLeft p{ margin:0 0 10px 0; color:#ccc;}
#baseLeft h1 {font-size: 140%;	margin:0 0 10px 0;	font-weight:normal;	color:#ccc;}

#baseRight {
	width: 440px; min-height:170px; height:auto !important; height:170px;
	margin:0 0 35px 0; padding:0 10px 0 10px;
	border-left: 1px solid #727579;
	border-right: 1px solid #727579;
	text-align:left;
	float:left;
}

.nodecoration a:hover, .nodecoration a:active{text-decoration:none;}

#baseRight p{margin:0 0 10px 0; color:#ccc;}
p.quotename{margin:-5px 0 10px 0; color:#ccc; font-style:normal; font-size:90%;}
#baseRight h1 {	font-size: 140%; margin:0 0 10px 0;	font-weight:normal;	color:#ccc;}

#baseLeft a:link, #baseLeft a:visited, #baseRight a:link, #baseRight a:visited{
	font-weight:normal; color:#ABDF00;
}
/*********** Portfolio menu *************/
#projectMenu {
	width:668px; height:385px;
	margin:0 -18px 0 0; padding:28px 0 0 0;
	border-right: 0;
	float:right;
}
.menu {
	width:203px; height:110px;
	margin:10px 19px 0 0;
	background:url(../pics/dottedline.gif) 0 0 repeat-x;
	float:left;
}
/* fix for IE6 */
* html .menu{margin:10px 10px 0 0;}

.menu a:link, .menu a:visited{
	margin:5px 0 5px 0;
	color:#ccc; font-weight:normal; text-decoration:none;
	float:left; clear:right;
}
.menu a:hover, .menu a:active{color:#fff;}
.menu img{margin:5px 0 0 0;	border-style:solid; border-width:1px; background:#54585C;}

#projectContent {
	width:650px; height:373px;
	margin:0; padding:40px 0 0 0;
	border-right: 0; 
	float:right;
	background: url(../pics/dottedline.gif) 0 20px repeat-x;
}
#w3c{ display:block; padding:20px 0 20px 0; clear:left;}

#validation{width:200px; height: auto; float:left; margin:0; padding:0;}
#validation img{ float:left; margin:0 10px 0 0; padding:0;}
#seo {width:650px; margin:4px 0 0 0; padding:0; float:left;}
#seo ul {margin:0; padding:0;}
#seo li{ list-style:disc; margin:0 0 0 25px; padding:0; float:left;}
#seo li a:link, #seo li a:visited { text-decoration:none;}
#seo li a:hover, #seo li a:active { text-decoration:none;}
/*********** Copyright Sitemap and disclaimer *************/
#copyright{
	width:920px;
	margin:0 auto 10px 0; padding: 15px 0 8px 0; border: 0;
	font-size:80%;
	clear:both; text-align:center;
}
#copyright ul {
	display:block;
	margin:0 40px 0 40px; padding: 0; border:0;
	font-weight:normal;
}
#copyright ul li { 
	display: inline; margin:0 0 0 15px;
	list-style-type: none; color: #999;
}
#copyright ul li a:link, #copyright ul li a:visited {
	margin:0; padding: 0; border:0;
	color: #ccc; font-weight:bold;
}
#copyright ul li a.green  {color:#ABDF00;}