/* ***** BASIC ELEMENTS ***** */

body {background:#104d9a; color:#0002f6; font: normal 13px/16px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:center;}
a {outline:none;}
h1 {display:none; text-indent:-5000px; visibility:hidden;}
h2 {font: normal 16px/18px Arial, Helvetica, sans-serif; margin:10px 0 0 130px; position:relative; text-align:center; width:265px;}
h2 span {color:#f30; font-size:10px; display:block; margin:10px 0 0;}
h3 {font: bold 15px/18px Arial, Helvetica, sans-serif;}

/* ***** LAYOUT ELEMENTS ***** */

div#wrapper {margin:0 auto; text-align:left; width:798px;}

div#logo {background:url('../Backup_Kevin/Graphics/Logo.jpg') top left no-repeat; height:161px; margin:15px 0 0; position:absolute; width:795px;}

div#video {margin:0 0 0 600px; position:absolute; top:130px; width:295px; z-index:10000;}
div#video p {
	margin:0 0 0 -100px;
	padding:0;
	position:relative;
	text-align:right;
	width:200px;
}
div#video p a:hover {text-decoration:none;}
div#video img {
	border:none;
	margin:0 0 0 105px;
	position:absolute;
	top: -37px;
}

div#maincontent {background:url('../Backup_Kevin/Graphics/middle.gif') top left no-repeat; position:absolute; top:175px; width:795px;}
div#maincontent div {display:inline; float:left; margin:0; padding:20px 0 0 0; position:relative; width:265px;}
div#maincontent div.onecolumn {width:285px;}
div#maincontent div.centercolumn {margin:0 0 0 -15px; padding:20px 0 0; width:285px;}
div#maincontent div.pastprojects { width:300px;}
div#maincontent div.pastprojects p { text-align:left;}
div#maincontent div.twocolumns {width:400px;}
div#maincontent div.twocolumns2 {width:500px;}
div#maincontent div.extrapadding {padding:25px 0 0 25px; width:375px;} 
div#maincontent div.extrapadding2 {padding:25px 0 0 135px; width:375px;} 
div#maincontent div img {padding:10px 25px 0; margin:0 0 10px; }
div#maincontent div h3 {padding:10px 25px 0; margin:0; text-align:left;}
div#maincontent div p {padding:10px 25px 0; margin:0; text-align:justify;}
div#maincontent div.onecolumn p {padding:10px 0 0 25px; text-align:left;}
div#maincontent div p.toprightparagraph {margin:0 0 0 410px; position:absolute; top:-75px; width:340px;}
div#maincontent p.pages {background:#f60; color:#fff; margin:10px 0 0 175px; padding:5px; text-align:center; width:165px;}
div#maincontent p.pages a {color:#fff; text-decoration:none;}
div#maincontent p.pages a:hover { color:#6cc;}

/* ***** BEGIN PURE CSS MENU - COMMON ***** */

div#topmenu {margin:0 auto; padding:45px 0 0; position:relative; width:798px;}
div#topmenu div {float:left; height:20px; margin:0 2px 0 0; position:relative; width:90px; z-index:100;}
div#topmenu div ul li a, div#topmenu div ul li a:visited {background:#f60; color:#fff; display:block; height:20px; line-height:20px; overflow:hidden; text-decoration:none; width:90px; }
div#topmenu div ul {padding:0; margin:0; list-style: none;}
div#topmenu div ul li {float:left; position:relative; text-align:center;}
div#topmenu div ul li ul {display: none; }

/* ***** BEGIN PURE CSS MENU - NON IE ***** */

div#wrapper > div#topmenu div ul li:hover a {color:#6cc; }
div#wrapper > div#topmenu div ul li:hover ul {display:block; position:absolute; top:20px; left:15px; width:150px;}
div#wrapper > div#topmenu div ul li:hover ul li a.hide {color:#b3aa5e; }
div#wrapper > div#topmenu div ul li:hover ul li:hover a.hide {color:#fff;}
div#wrapper > div#topmenu div ul li:hover ul li a {background:#6cf; display:block; color:#333; text-align:left;}
div#wrapper > div#topmenu div ul li:hover ul li a:hover {background:#009; color:#fff;}
div#wrapper > div#topmenu div ul li a, body > div#wrapper div ul li a:visited {padding:0 0 0 10px; width:150px; }

/* CLEAR FLOATS */

div#maincontent div.clearfix:after { clear:both; content:"."; display:block;  height:0; visibility:hidden; } 
div#maincontent div.clearfix {float:none; display:inline-block; padding:0; width:auto; } 
/* Hide from IE Mac \*/ 
div#maincontent div.clearfix {display:block;} /* End hide from IE Mac */ 
div#maincontent div#footer {font-size:10px; margin:0; padding:0 0 10px 130px; text-align:center; width:265px;}

/* IMAGE ROLLOVER */

#rolloverpicture { display:block; font-size:9px; margin:0 0 0 125px; padding:0; position:absolute; top:533px; width:350px;}
#paginate-slider4 { margin:0 0 0 50px; padding:0; position:absolute; top:420px; width:350px;}
#paginate-slider4 a img {border:1px solid #ccc; -moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;}
#paginate-slider4 a.selected img {border:1px solid #666; -moz-opacity:1; filter:alpha(opacity=100); float:left; opacity:1;}
#paginate-slider4 a:hover img {border:1px solid #666; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;}
.pic {display:inline; float:left; height:108px; padding:0 15px 15px 0; width:144px;}
.addpadding {padding:0 75px 20px ;}
#paginate-slider4 span {margin:110px 0 0 200px; position:absolute;}

.sliderwrapper{background:#fbf0ba; border:3px solid #cf5607; color:#666;  height:350px; margin:270px 0 0 430px; overflow: hidden; position: absolute; width: 393px; }
.sliderwrapper .contentdiv{ height: 350px; padding: 0; position: absolute; visibility: hidden; width: 393px; /* filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); */-moz-opacity: 1; opacity: 1;}
.sliderwrapper .contentdiv p { border-top:3px solid #cf5607; color:#a96304; font:bold 13px/15px Arial, Helvetica, sans-serif; margin:293px 0 0; padding:18px 0 0; position:absolute; text-align:center; width:393px;}

