/* CSS Document */
html { font: 12px/1.4 "Lucida Grande", Verdana, sans-serif; color: #999; background:url(../images/layout/bar/222-000/10px.gif) #000000;}
body{ background:#000; width:760px; margin-left:100px; margin-top:0px;border-right:1px solid #000000;border-left:1px solid #000000;border-bottom:1px solid #333;margin-bottom:0px;}

img a:link {border:none;}
img a:hover {border:none;}
/*Main Navigation*/
ul.nav {border-bottom:1px solid #333;
        border-top:1px solid #333; 
		font-size:12px; 
		line-height:16px;
		background:#000; 
		margin:0px;
		padding-bottom:0px;
		padding-left:0px
		}		
ul.nav a.first:link {
	padding-left:5px;
}
ul.nav a:link {
		color: #d5e5ec; 
	    text-decoration:none;
	    padding:0 19px 0 19px; 
	    font-weight:bold;}	
ul.nav a.last:link {
	padding-right:0px;
}
ul.nav a:visited {
        color: #d5e5ec;
		text-decoration:none; 
		padding:0 19px 0 19px; 
		font-weight:bold;}
ul.nav a.last:visited {
	padding-right:0px;
}
ul.nav a.first:visited {
	padding-left:5px;
}
ul.nav a:hover 
          {color: #aacce6; background:#222;}
ul.nav a:active 
          {color:#d9d04c; text-decoration:none;}
ul.nav span {color: #990033;}

#myGallery
{
width: 730px !important;
height: 548px !important;
}

#logo img{width:760px; padding:0px; margin:0px;}
#logo a {padding:0px; margin:0px;}
#navcontainer {width:210px;
position:absolute;
	top: 85px;
	left:60px;
	margin-left:0px;
	height:auto;
	padding:3px;
	float:left;
	z-index:20;
	}
#navcontainer ul
{width:190px;
list-style-type: none;
font-size:12px;
line-height:14px;
margin:0px;
color:#d7cc62;
background:#000;
padding:5px;
overflow:hidden;
float:left;
	z-index:20;
	border:1px solid #999;
}

#navcontainer a
{display:block;
font-weight:bolder;
font-size:14px; line-height:14px;
color:#ccc;
padding:0px;
margin:0px;

}

#navcontainer a:link, #navcontainer a:visited
{
color: #d5e5ec;
text-decoration: none;
font-size:12px; line-height:14px;
}

#navcontainer a:hover, #navcontainer a:active{
color: #78b1e3;
font-size:12px; line-height:14px;

}


#navcontainer2 {padding:0px;
	margin:0px;width:190px;float:left;
	z-index:20;}
#navcontainer2 ul
{width:190px;
list-style-type: none;
font-size:12px; line-height:14px;
	padding:0px;
	margin:0px;
	overflow:hidden;float:left;
	z-index:20;
	}

#navcontainer2 a
{
display: block;
font-weight: normal;
font-size:12px; line-height:14px;
color: #CCCCCC;
	padding:0px;
	margin:0px;
}

#navcontainer2 a:link 
{
color: #CCC;
text-decoration: none;
font-size:12px; line-height:14px;
	padding:0px;
	margin:0px;

}
#navcontainer2 a:visited{color:#CCCCCC;}
#navcontainer2 a:hover
{
color: #0099cc;
font-size:12px; line-height:14px;
	padding:0px;
	margin:0px;
width:170px;
}

#portfolio {width: 170px;padding:0px;margin:0px;}
#resort {width: 170px;padding:0px;margin:0px;}
#waterpark {width: 170px;padding:0px;margin:0px;}
#attraction {width: 170px;padding:0px;margin:0px;}
#museum {width: 170px;padding:0px;margin:0px;}
#animal {width: 170px;padding:0px;margin:0px;}
#indoor {width: 170px;padding:0px;margin:0px;}
#restaurant {width: 170px;padding:0px;margin:0px;}
#sculpture {width: 170px;padding:0px;margin:0px;}

/*Links*/
#main p a:link    {text-decoration:none; color: #95c6e6; padding-left:15px;padding-right:15px; font-weight:bold; background:url(../images/layout/bullet.jpg) center left no-repeat #000; } 
#main p a:visited {text-decoration:none; color: #95c6e6; padding-left:15px;padding-right:15px; font-weight:bold; background:url(../images/layout/bullet.jpg) center left no-repeat #000; }
#main p a:hover {color: #78b1e3; background:#f4f6ec;}
#main p a:active {color: #78b1e3; background:#f4f6ec;}

#main span a:link {text-decoration:none; font-size:90%; color: #3399FF;}
#main span a:visited {text-decoration:none;font-size:90%; color: #3399FF;}
#main span a:hover {color: #0099CC; background: url(http://www.vertexproductions.com/images/layout/bar/barBGgray.gif); font-size:90%;}
/*End of Links*/


#main{background:#111111; padding:5px; margin:5px;}
#main h1{font-size:18px; background:#333;padding:3px; color: #CCCCCC; margin-left:0px; margin-right:0px;margin-bottom:0px; font-family:Arial, Helvetica, sans-serif;}
#main p {font-size:11px;color:#fff;background:#000;margin-top:0px;margin-left:0px; margin-right:0px; padding:5px;text-indent:0px;margin-bottom:0px;}
#main img {padding:5px;background:#000;margin-left:0px;margin-right:0px;}
.bullet {padding:0; margin:0; border:none;}
#main ul li {background-image:url(../images/layout/bullet.jpg) top left no-repeat; padding-left:15px;}
.date {color:#999999; font-weight:lighter; font-style:italic; font-size:9px;}



#clients{background: url(../images/layout/bar/barBGgrey.png); padding:5px; margin:5px;height:inherit;}
#clients h1{font-size:15px; background: url(../images/layout/bar/barBGgrey.png) #FFFFFF; text-align:left; padding:3px; padding-left:10px; color:#FFF; border-bottom:1px solid #000;border-top:1px solid #000;margin-left:5px; margin-right:5px;margin-bottom:0px; font-family:Arial, Helvetica, sans-serif;margin-top:5px;}
#clients p {font-size:18px;font-weight:bolder;color:#fff;background:#000;margin-top:0px;margin-left:75px; margin-right:75px; padding:5px;text-indent:15px;margin-bottom:0px;}

/*
#clients a:link {color:#000000;font-weight:lighter;background:#FFF;padding-left:4px;padding-right:4px;text-decoration:none;}
#clients a:visited {color:#000000;font-weight:lighter;background:#FFF;}
#clients a:hover {color: #0099FF; background:#000;}
*/



/*About Page*/
#about p a:link{
		color:#0099CC;
		padding:0px; 
		margin:0px;
		text-decoration:none; }
#about p a:visited {
		color:#0099CC;
		padding:0px; 
		margin:0px;
		text-decoration:none; }
#about p a:hover{
		color:#000;
        background:url(../images/layout/bar/barBGlightgrey.png); 
		padding:0px; 
	    margin:0px;
		text-decoration:none; }
#about p a:active{
		color:#000; 
		background:url(../images/layout/bar/barBGlightgrey.png); 
		padding:0px; 
		margin:0px;
		text-decoration:none; }

#about{background: url(../images/layout/bar/barBGgrey35-r.png); padding:0px; margin:0px;}
#about h1{font-size:15px; background: url(../images/layout/bar/barBGgrey.png); text-align:center; padding:3px; padding-left:10px; color:#FFF; border-bottom:1px solid #000;border-top:1px solid #000;margin-left:5px; margin-right:5px;margin-bottom:0px; font-family:Arial, Helvetica, sans-serif;margin-top:5px;}
#about p {background:#FFF; color:#000;margin-top:0px;margin-left:5px; margin-right:5px; padding:10px;margin-bottom:0px; }
#about img {padding:2px;background:#000;margin-left:10px;margin-right:10px; margin-bottom:7px; margin-top:15px;}

/*Past Projects*/

#past{background: url(../images/layout/bar/barBGgrey35-r.png); padding:0px; margin:0px;}
#past h1{font-size:15px; background: url(../images/layout/bar/barBGgrey.png); text-align:center; padding:3px; padding-left:10px; color:#FFF; border-bottom:1px solid #000;border-top:1px solid #000;margin-left:5px; margin-right:5px;margin-bottom:0px; font-family:Arial, Helvetica, sans-serif;margin-top:5px;}
#past h2{font-size:13px; background: url(../images/layout/bar/barBGgrey21.png); text-align:center; padding:3px; padding-left:10px; color:#333; border-bottom:1px solid #000;margin-left:5px; margin-right:5px;margin-bottom:0px; font-family:Arial, Helvetica, sans-serif;margin-top:0px;}
#past h3{font-size:13px; background: url(../images/layout/bar/barBGgrey21.png); text-align:center; padding:3px; padding-left:10px; color:#333; border-bottom:1px solid #000;margin-left:250px; margin-right:5px;margin-bottom:0px; font-family:Arial, Helvetica, sans-serif;margin-top:0px;width:500px}
#past p {background-color:#FFF; color:#000;margin-top:0px;margin-left:5px; margin-right:5px;padding-left:250px; padding-right:10px;padding-bottom:10px;padding-top:10px;margin-bottom:0px;}
#past .staff {background-color:#FFF; color:#000;margin-top:0px;margin-left:5px; margin-right:5px;padding-left:50px; padding-right:10px;padding-bottom:10px;padding-top:10px;margin-bottom:0px;}
#past img {padding:1px;background:#000;margin-left:10px;margin-right:5px; margin-bottom:5px;}

#past p a:link{color:#0099CC; text-decoration:none;  padding:0px; margin:0px;}
#past p a:visited{color:#0099CC;text-decoration:none;padding:0px; margin:0px;}
#past p a:hover{color:#000; background:url(../images/layout/bar/barBGlightgrey.png); padding:0px; margin:0px;}
#past p a:active{color:#000; background:url(../images/layout/bar/barBGlightgrey.png); padding:0px; margin:0px;}

#past1{background: url(../images/layout/bar/barBGgrey35-r.png); padding:0px; margin:0px;}
#past1 h1{font-size:15px; background: url(../images/layout/bar/barBGgrey.png); text-align:center; padding:3px; padding-left:10px; color:#FFF; border-bottom:1px solid #000;border-top:1px solid #000;margin-left:5px; margin-right:5px;margin-bottom:0px; font-family:Arial, Helvetica, sans-serif;margin-top:5px;}
#past1 h2{font-size:13px; background: url(../images/layout/bar/barBGgrey21.png); text-align:center; padding:3px; padding-left:10px; color:#333; border-bottom:1px solid #000;margin-left:5px; margin-right:5px;margin-bottom:0px; font-family:Arial, Helvetica, sans-serif;margin-top:0px;}
#past1 h3{font-size:13px; background: url(../images/layout/bar/barBGgrey21.png); text-align:center; padding:3px; padding-left:10px; color:#333; border-bottom:1px solid #000;margin-left:250px; margin-right:5px;margin-bottom:0px; font-family:Arial, Helvetica, sans-serif;margin-top:0px;width:500px}
#past1 p {background-color:#FFF; color:#000;margin-top:0px;margin-left:5px; margin-right:5px;padding-left:10px; padding-right:10px;padding-bottom:10px;padding-top:10px;margin-bottom:0px;}
#past1 img {padding:1px;background:#000;margin-left:10px;margin-right:5px; margin-bottom:5px;}
#past1 ul {background-color:#FFF; color:#000;margin-top:0px;margin-left:5px; margin-right:5px;padding-left:40px; padding-right:80px;padding-bottom:10px;margin-bottom:0px;}

#past1 p a:link{color:#0099CC; text-decoration:none;  padding:0px; margin:0px;}
#past1 p a:visited{color:#0099CC;text-decoration:none;padding:0px; margin:0px;}
#past1 p a:hover{color:#000; background:url(../images/layout/bar/barBGlightgrey.png); padding:0px; margin:0px;}
#past1 p a:active{color:#000; background:url(../images/layout/bar/barBGlightgrey.png); padding:0px; margin:0px;}

/*Portfolio*/


#folio{
	background: url(../images/layout/bar/barBGgrey.png);
	padding:5px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:2px;
	margin-top:0px;
	z-index:1;
	position:absolute;
	left: 101px;
	top: 158px;
	width: 750px;
	height: auto;
	border-top:1px solid #333;
}
#folio h1{width:480px;font-size:24px;line-height:20px; font-weight:bolder;background:#000; color:#FFF;margin-bottom:0px; font-family:Arial, Helvetica, sans-serif;margin-top:2px;padding-right:8px;padding-left:8px;padding-top:4px;}
#folio p {width:480px;background:#000; margin-left:250px; padding:8px;margin-top:1px;}
#folio embed {width:480px;background-color:#000;}
#folioGallery {width: 480px !important;height: 400px !important;background:#000; margin-left:250px; padding:8px;margin-top:0px; margin-bottom:10px;}
#inGallery {width:auto ;height:460px !important;background:#000; margin-left:250px; margin-top:10px; margin-Bottom:10px;}
#folioGallery p {font-weight:bolder; font-size:9px; }

.folio p a:link {
		color:#000000;
		font-weight:lighter;
		background:#FFF;
		padding-left:4px;
		padding-right:4px;
		text-decoration:none;}
.folio p a:visited {
		color:#000000;
		font-weight:lighter;
		background:#FFF;}
.folio p a:hover {
		color: #0099FF; 
		background:#000;}
		
		
#folio img {margin-left:250px; border:8px solid #000;margin-top:0px;padding:0px;}
/*#portfolio {
	position: absolute;
	background-color: #000;
	left: 349px;
	top: 170px;
	width: 500px;
	height: auto;
	
}*/

/*Footer*/
#footer {
	
	width:735px;
	margin-left:5px;
	margin-top:0px;
	background:#000;
	padding:3px;
border:1px solid #333;
}
ul.footer {font-size:11px; line-height:16px;background-color:#000;margin-left:0px;margin-bottom:0px;margin-right:0px;margin-top:0px; color:#666; text-align:center; width:735px; padding:0;}


ul.footer a:link {
		text-decoration:none; 
		color: #666;
		padding-right:5px; 
		font-weight:lighter;
		padding-left:5px;
		margin-left:0px;}
ul.footer a:visited {
		text-decoration:none; 
		color: #666;
		padding-right:5px;  
		font-weight:lighter;
		padding-left:5px;}
ul.footer a:hover {
		color: #78b1e3; 
		}
ul.footer a:active {
		color: #0099CC; 
		}
		
ul.footer span {color: #990033;}


p.head {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFF;}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
.navcontainer {margin:0px;
	background:#000;
	padding:0px;
	float:left;
	background:url(../images/layout/bar/barBGgrey21.png);
	}

ul.navcontainer 
{
margin:0px;
padding:0px;
list-style-type: none;
font-size:12px; line-height:14px;
margin-top:0px;
color:#3399CC;
background:#000;

}

 a.navcontainer
{display:block;
font-weight:bolder;
font-size:14px; line-height:14px;
color:#ccc;
padding:0px;
margin:0px;
}

.navcontainer a:link, .navcontainer a:visited
{
color: #ccc;
text-decoration: none;
font-size:12px; line-height:14px;
}

.navcontainer a:hover, .navcontainer a:active
{
color: #0099cc;
font-size:12px; line-height:14px;
background-image:url(../images/layout/bar/barBGgray.gif);

}
.navcontainer2 {margin-left:0px; width:135px;}
.navcontainer2 ul
{
margin-left:0px;
list-style-type: none;
font-size:12px; line-height:14px;
margin-top:3px;
padding:0px;
margin-right:0px;
}

.navcontainer2 a
{
display: block;
margin-left:0px;
font-weight: normal;
font-size:12px; line-height:14px;
color: #CCCCCC;
padding:0px;
}

.navcontainer2 a:link 
{
color: #CCC;
text-decoration: none;
font-size:12px; line-height:14px;
margin:0px;
padding:0px;
}
.navcontainer2 a:visited{color:#CCCCCC;}
.navcontainer2 a:hover
{
color: #0099cc;
font-size:12px; line-height:14px;
background-image:url(../images/layout/bar/barBGgray.gif);
margin-left:0px;
width:155px;
}
.back strong{background:url(../images/layout/bar/barBGgrey17.png); color:#000;}
.large{font-size:18px; color:#FFFFFF; margin-bottom:0px; font-weight:bold;}
.large a:link, .large a:visited {text-decoration:none; font-size:14px; color:#0099FF;}
.large a:hover {text-decoration:none; font-size:14px; color:#0099FF; background:#333;}
.next {font-size:14px; line-height:15px; font-weight:bold; text-align:right;}
.next a:link, .next a:visited {color:#666; text-decoration:none; font-weight:bold;}
.next a:hover {color:#336699;}

#videowrapper{
	background: url(../images/layout/bar/barBGgrey.png);
	padding:5px;
	margin-right:0px;
	margin-bottom:2px;
	margin-top:0px;
	width: 750px;
	border-top:1px solid #333;
}
#video {background:#000000; width:204px;padding:0px;margin:5px 18px 5px 18px; float:left; border:5px solid #000;}
#video p {background:#333333; color:#999999;margin:1px 0 1px 0; font-size:12px;  width:202px;padding:1px; text-align:right;}
#video p strong {color:#999999; float:left;margin-left:0px;}

#video a:link img {border:2px solid #333; margin-left:0px;}
#video a:visited img {border:2px solid #222;}
#video a:hover img {border:2px solid #d9d04c;}
#video a:active img {border:2px solid #333;}

#video p a:link {color: #95c6e6; text-decoration:none;}
#video p a:visited {color: #95c6e6; text-decoration:none;}
#video p a:hover {color: #f4f6ec;}
#video p a:active {color: #d9d04c; text-decoration:none;}

#videopic a:link img{border:none;margin:0;padding:0;}
#videopic a:visited img{border:none;margin:0;padding:0;}
#videopic a:hover img{border:none;margin:0;padding:0;}
#videopic a:active img{border:none;margin:0;padding:0;}
.clearfix {clear:both;margin-bottom:15px;}



.toggler {
	color: #eee;
	margin: 0;
	padding: 2px 5px;
	background: #222;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #222;
	border-left: 1px solid #000;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}
.toggler a {
	text-decoration: none;
}
.toggler a:visited {
	text-decoration: none;
	color: #eee;
}
.toggler a:link {
	color: #eee;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	
	padding:5px 0 5px 30px;
	
}

#portfolio-nav 
{width:220px;
position:absolute;
	top: 165px;
	left:110px;
	margin-left:0px;
	height:auto;
	padding:3px;
	float:left;
	z-index:20;
	}
	#portfolio-nav h3 {background:#000; color:#eee;margin:0;padding:2px 0px 2px 10px;}
	#portfolio-nav h4 {font-family: 'Andale Mono', sans-serif;font-size:10px; margin:0;padding:2px 0px 2px 5px; color: #d7cc62;background-color:#000;border-top:1px solid #333333;}
	#portfolio-nav h5 {color:#d7cc62; font:11px;}
	
	
	#accordion ul {margin:0;
             padding:0;
			 list-style-type:none;
			 color:#EEEEEE;
			 background:#222222;}
	
	#accordion ul li{display:block;
               width:203px;
			   height:12px;
			   line-height:20px;
			   color:#95c6e6;
			   text-decoration:none;
			   background-color:#333;
			   font-size:12px;
line-height:12px;
margin:0px;
padding:2px 0px 2px 15px;
overflow:hidden;
float:left;
	z-index:20;
	border-left:1px solid black;
	border-right:1px solid black;}
	#accordion ul li a:link {color:#95c6e6; text-decoration:none;}
	#accordion ul li a:visited {color:#95c6e6; text-decoration:none;}
	#accordion ul li a:hover {color:#f4f6ec;text-decoration:none;}
	#accordion ul li a:active {color:#d9d04c; text-decoration:none;}
	#accordion h3 {background:#222;}
	
.first {padding-top:4px;}
.last {padding-bottom:4px;}
.slimboxthumbs p a: {margin:2px; padding:2px;}


#contact {background:url(../images/layout/bar/barBGgrey21.png); color:#000;margin-top:0px;margin-left:5px; margin-right:5px;padding-left:250px; padding-right:10px;padding-bottom:10px;padding-top:10px;margin-bottom:0px;}
#contact table
{
background:url(../images/layout/bar/barBGgrey21.png);
color:#000000;
margin:0px;
padding:0px;
}
.textBoxSize
{
width:250px;
height:16px;
padding-left:5px;
font-size:12px;
}
.textAreaSize
{
width:290px;
height:111px;
padding-left:5px;
font-size:12px;
overflow:auto;
}
.submitBtn
{
margin-top:10px;
margin-bottom:5px;
width:100px;
height:22px;
}