a:link    { color: #5e707f; text-decoration: none; }
a:visited  { color: #5e707f; text-decoration: none; } 
a:hover  { color: #5e707f; text-decoration: underline; } 
a img { border: none; }
body { background-color: #333; margin: 0; }

li     { font: 0.8em/1.4 Verdana, Arial, Helvetica, sans-serif; color: #ccc; }
li ul li { font-size: 1em; }
p      { font: 0.8em/1.4 Verdana, Arial, Helvetica, sans-serif; color: #ccc; }


#container { width: 758px; border: 1px solid #fff; background-color: #000; padding: 0; margin: 15px auto; } 
#photocontainer { margin: 10px auto;   background-color: #333; padding: 0; width: 500px; } 
#vrcontainer { margin: 10px auto;   background-color: #333; padding: 0; width: 716px; } 
#header { margin: 0; padding: 0; background-image: url(/_img/nav_tile2005.jpg); }
/* navigation styles */

#navcontainer {
	position: relative;
	width: 758px;
	padding: 30px 0 0 0;
	margin: 0 auto;
	}

#nav {
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
	display: inline;
	overflow: hidden;
	width: 758px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-image: url(/_img/bar_tile2005.jpg)
	}
	
#nav ul { margin: 0; padding: 0; }
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win */
	}
	
#home #thome a { background-position: 0 -60px; cursor: default;  }
#about #tabout a { background-position: 0 -60px; cursor: default;  }
#services #tservices a { background-position: 0 -60px; cursor: default;  }
#projects #tprojects a { background-position: 0 -60px; cursor: default;  }
#contact #tcontact a { background-position: 0 -60px; cursor: default;  }

#nav a:hover {
	background-position: 0 -30px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -60px;
	}
	

	
#thome a  {
	width: 80px;
	background: url(/_img/n2_home.jpg) top left no-repeat;
	}

#tabout a  {
	width: 100px;
	background: url(/_img/n2_about.jpg) top left no-repeat;
	}

#tservices a  {
	width: 100px;
	background: url(/_img/n2_services.jpg) top left no-repeat;
	}

#tprojects a  {
	width: 140px;
	background: url(/_img/n2_projects.jpg) top left no-repeat;
	}

#tcontact a  {
	width: 100px;
	background: url(/_img/n2_contact.jpg) top left no-repeat;
	
	}
	

	
/* end navigation styles */

#addressbar { background-color: #000; font: 0.65em Verdana, Arial, Helvetica, sans-serif; color: #fff; padding: 3px; text-align: right; }
#photostrip { margin: 0; padding: 0; }
#content { margin: 0; padding: 20px; }
#footer  { clear: both; background-image: url(/_img/tile2005.jpg); border-top: 1px solid #fff; font: 0.65em Verdana, Arial, Helvetica, sans-serif; color: #fff; padding: 3px; }
#footer a:link { color: #fff; text-decoration: none; font-size: 1em; }
#footer a:visited { color: #fff; text-decoration: none; font-size: 1em; }
#footer a:hover { color: #fff; text-decoration: underline; font-size: 1em;  }

#credit  {float: right; }
.leftcontent { float: left; width: 161px; padding: 23px 0 0;}
.rightcontent { margin: 0 0 0 200px; padding: 0; width: auto; }
.floatright { float: right; }
.floatleft { float: left; }



.border { border: 1px solid #CCCCCC}

.red  { color: #f00 }

.small   {
	font-size: 10px;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #FFFFFF;
}

.textfield { background-color: #333; border: 1px solid #fff; padding: 2px; width: 90%; color: #ccc; }
.button { padding: 3px; background-color: #587168; color: #fff; border: 1px solid #fff; }
.formleft { float: left; width: 49%; }
.formright { float: right; width: 49%; }
.clearright { clear: right; }
.zero { margin-top: 0; padding-top: 0; }
.calltoaction { border: 1px solid #fff; padding: 3px; }


/* style headers by using background images and moving text (for SEO) */


h2.imgtitle, h1.imgtitle { text-indent: -5000px; height: 23px; width: 500px; } 
h1.imgtitle { height: 40px; }
h1#welcome { background: url(/_img/h1_welcome.gif) top left no-repeat; }
h2#nextstep { background: url(/_img/cta_h1.gif) top left no-repeat; }
h2#home_1 { background: url(/_img/idx_h1.gif) top left no-repeat; }
h2#home_2 { background: url(/_img/idx_h2.gif) top left no-repeat; }
h2#home_3 { background: url(/_img/idx_h3.gif) top left no-repeat; }
h2#home_4 { background: url(/_img/idx_h4.gif) top left no-repeat; }
h2#services_1 { background: url(/_img/services_h1.gif) top left no-repeat; }
h2#services_2 { background: url(/_img/services_h2.gif) top left no-repeat; }
h2#pm_1 { background: url(/_img/projman_h1.gif) top left no-repeat; }
h2#test_h1 { background: url(/_img/testimonials_h1.gif) top left no-repeat; }
h2#contact_h1 { background: url(/_img/contact_h1.gif) top left no-repeat; }
h2#portfolio_1 { background: url(/_img/recent_proj_h1.gif) top left no-repeat; }
h2#about_1 { background: url(/_img/about_h1.gif) top left no-repeat; }
h2#sitemap_h1 { background: url(/_img/sitemap_h1.gif) top left no-repeat; }

#splash { position: absolute; top: 50%; left: 50%; margin-top: -230px; margin-left: -400px; }
.w540 { width: 540px; margin: 0 auto; }
.moviebox { background: #000;  border: 1px solid #fff; position: absolute; top: 50%; left: 50%; margin-top: -207px; margin-left: -250px;  }
.vrbox { background: #000;  border: 1px solid #fff; position: absolute; top: 50%; left: 50%; margin-top: -228px; margin-left: -358px;}
.moviebox p.back, .vrbox p.back {  padding: 0 5px; }