body{background: url('../images/site/darkBG.jpg'); margin:0px; padding:0px; height: 100%; font-family: Arial; line-height: 18pt;}


p { font-size: 12pt; text-align: justify; color: #999; margin: 0; padding:0;}
img {border: none;}

h1, h2, h3, h4 {font-weight: bold; text-align: left;}
h1{font-size: 36pt; color:#CCC;}
h2{ font-size:24pt; color:#888; line-height: 36pt;}
h3{font-size: 18pt; color:#555;}
h4{font-size: 14pt; color:#808080;}
a{ color: #099;}
a:hover, a:visited:hover{ color:#fff; text-decoration: underline; }
a:active, a:visited:active{ color:#3FF; text-decoration: underline;}
a:visited{ color:#933;}

hr {border:1px solid #888; width: 100%;}

#wrapper{ margin:0; padding:0px; border: 1px solid green; height: 100%; position: relative;}

#header{ height: 200px; margin: 0px; text-align: center; padding: 0px; background: url('../images/site/logo.png') top center no-repeat;}


#nav{width:566px; height:54px; position:relative; top: 140px; margin:auto; text-align:center; overflow:hidden; z-index:2;}

	#nav a{background:url('../images/site/navSprite.png'); background-repeat: no-repeat;text-indent: -1000px;overflow:hidden;height:54px;display:block;float:left; cursor: pointer;}
		#nav a#home { background-position: bottom left; width:145px; }
		#nav a#home:hover { background-position: left -54px; width:145px; }
		#nav a#home:active { background-position: top left ; width:145px; }
		
		#nav a#portfolio { background-position: -145px bottom; width:138px; }
		#nav a#portfolio:hover { background-position: -145px -54px; width:138px; }
		#nav a#portfolio:active { background-position: -145px top; width:138px; }
		
		#nav a#about { background-position: -283px bottom; width:138px; }
		#nav a#about:hover { background-position: -283px -54px; width:138px; }
		#nav a#about:active { background-position: -283px top; width:138px; }

		#nav a#contact { background-position: -421px bottom; width:145px; }
		#nav a#contact:hover { background-position: -421px -54px; width:145px; }
		#nav a#contact:active { background-position: -421px top; width:145px; }



#contentBox{width: 100%; margin:0; padding: 0; background: url('../images/site/lightBG.jpg') repeat;}

#content{ width: 800px; margin: auto; padding: 10px 10px 40px 10px; text-align:center;}

#footer{width:800px; height:200px; margin:auto; text-align:center; margin-top: 18px; }

#sliderBox {height:560px; width:1024px; text-align:center; margin: auto; }

.copyright{font-size: 9pt; color: #555;}
.copyright a{color:#888;}

.left_img {margin: 30px 10px 50px 0px;}

.flickr a{margin-top:0px; color:#999;}
#flickrIcon {margin-right: 15px;}

h1#sent{margin-top:50px;}
#contactP{margin: 0px 0px 150px 20px;}
#sent_img {margin: 50px 50px 50px 50px;}

.list {list-style-type: none; text-align:left; color: #CCC; font-size: 16pt; line-height: 36pt;}
ul.lost_options { text-align: left; color:#777; font-size: 14pt; line-height: 27pt; margin-left: 350px;}
.sitemap { letter-spacing: 3pt; list-style-type: square; text-align: left; color:#777; font-size: 16pt; line-height: 36pt; margin-left: 50px;}
.sub-map {list-style-type: square;}
.sitemap a, .sub-map a {-webkit-text-shadow: none;-moz-text-shadow: none;text-shadow: none;}
.sitemap a:hover, .sub-map a:hover {-webkit-text-shadow: 5px 5px 7px #000;-moz-text-shadow: 5px 5px 7px #000;text-shadow: 5px 5px 7px #000;}
#form {width:350px; border-left: 2px solid #999; margin-bottom: 20px;}

.left{float: left; max-width: 50%;}
.right{float:right;}
.clear {clear: both;}