/*********************************

	 Project Name CSS Guide

	 Project: 

	 Version: 1.0	 

 *********************************/

	/*************************
	
	Base
	
	*************************/
	*{ padding:0px; margin:0px;}
	BODY, TD, TH, INPUT, SELECT, TEXTAREA, DIV, P {
		font-family:arial; 
		line-height:25px;
		font-size: 13px;
		color: #000;
		
	}
	h2{ font-size:138%; padding-top:28px; padding-bottom:24px; font-weight:normal;}
	p{ width:744px; color:#FFF; margin:0 auto;font-size:108%; margin-bottom:20px; line-height:20px;}
	a:focus, a:active { outline:none; }
	a{ text-decoration:none;color:#FFF;}
	body { border: 0; padding: 0; margin: 0; background-color:#fff; width:100%; height:100%; text-align:center;}
	.hide{display:none;}
	
	.siteWrapper{ width:100%; height:100%; position:relative;}
	.site_bg{ width:100%; height:1px; background:url(../img/site_bg.gif) repeat-x; text-align:center;}
	.site_bg_sub{ width:100%; height:348px; background:url(../img/site_bg.gif) repeat-x; text-align:center; margin-top:231px;}
	.content{width:888px; height:348px; border:solid 0px; position:relative; margin:0 auto; display:none;} 
	
	.profile, .contact{ background:url(../img/profile_bg.jpg) no-repeat; }
	.profile p, .contact p{color:#000;}
	.profile a, .contact a{ color:#000; text-decoration:underline;}
	.profile h2{  padding-top:23px; padding-bottom:10px; }
	
	.logo{ width:249px; height:94px; background:url(../img/site_logo.gif) no-repeat; display:none; position:absolute; top:-108px; left:318px;}
	.logo a{ display:block; width:249px; height:94px; background:transparent;}
	
	.mainNav{width:357px; height:30px; background:url(../img/nav_bg.gif) no-repeat; position:absolute; top:373px; left:264px; list-style:none; display:none;}
	.mainNav li{ display:block; width:117px; height:30px; position:relative; margin-right:2px; float:left;}
	.mainNav li a{ position:absolute; top:4px;}
	.mainNav li a.nav_projects{ width:53px; height:25px; background:url(../img/nav_projects.gif) no-repeat; left:37px;}
	.mainNav li a.nav_profile{ width:42px; height:25px; background:url(../img/nav_profile.gif) no-repeat; left:36px;}
	.mainNav li a.nav_contact{ width:49px; height:25px; background:url(../img/nav_contact.gif) no-repeat; left:22px;}
	
	
	/*** Gallery ***/
	.thumbnails{position:absolute; top:0px; left:0px; z-index:90}
	#comingsoon{ width:887px; height:348px; list-style:none; position:absolute; top:0px; left:0px; padding-left:0px; background-color:none; clear:both; z-index:105;}
	.gallery{ width:445px; height:348px; list-style:none; position:absolute; top:0px; left:0px; padding-left:0px; background-color:none; clear:both; z-index:99;}
	.gallery li{ width:145px; height:115px; margin:0 1px 2px 1px;  float:left; }
	.gallery li a{ display:block; width:145px; height:115px; background:#b5121b; }
	.largeImg{width:441px; height:348px; position:absolute; top:0px; right:4px; background:#fff; }
	.imgCon1{ position:absolute; top:0; left:0px; z-index:5; display:block;width:441px; height:348px;}
	.imgCon2{ position:absolute; top:0; left:0px; z-index:1;display:block;width:441px; height:348px;}
	.aura{ position:absolute; top:347px; left:0px; z-index:100; display:block;clear:both;}
	.aura a{ display:block; width:246px; height:27px; background:url(../img/aura_link.gif) no-repeat;}
	
	.galleryNav{display:block; width:300px; height:20px; text-align:left; position:absolute; bottom:-20px; left:0px; clear:both; z-index:101; font-size:77%;	}
	.galleryNav a{ color:#000000; padding:0 10px 0 10px; color:#666666}
	.street{position:absolute; top:50px; left:-100px; z-index:500; display:none;}
	.street span{ display:block; height:115px; color:#333333}
	/*** Form ***/
	.formItem{ color:#000;}
	.contact a{ color:#000;}
	.txtBox{width:302px;font-size:93%; height:15px; line-height:15px;}
	.msgBox{width:302px;font-size:93%; height:70px; line-height:15px;}
	.btnSubmit{ position:absolute; bottom:235px; right:600px;}
	.contactInfo{ font-size:93%; }
	.redTxt{ color:#b5121b;}