@charset "UTF-8";

/* GENERAL STYLES */
html {
	background-color: #d8d8d8;
}

body {
	
	font-family: Myriad Pro, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #d2d1d1;
	margin: 0px;
	padding: 0px;
}
a:link, a:visited {
	color: #ffba14;
	text-decoration: none;
}
a:hover {
	color: #ffba14;
	text-decoration: underline;
}
hr {
	background-color: #8A8A8A;
	color: #8A8A8A;
	height: 1px;
	border: 0px;
}

/* HOMEPAGE NAVIGATION */

#nav {
	float: left;
}
#navcontain {
	float: left;
	position: relative;
	z-index: 1001;
}

/* CONTENT CONTAINER */

#content {
	width: 1125px;
	text-align: left;
	z-index: 1;
}
#content2 {
	background-image: url('../images/bg_main7.jpg');
	background-repeat: no-repeat;
	width: 1125px;
	height: 798px;
	text-align: left;
	padding-left: 48px;
	z-index: 1;
}

/* FOOTER STYLES */

#footer {
	margin-right: 97px;
	float: right;
}
#footerhome {
	position: relative;
	float: right;
	margin-top: -286px;
	margin-left: 447px;
	z-index: 9003;
}
.floater {
	float: left;
}

/* CREATIVE ACCESS LOGIN */

#light {
	float: right;
	position: relative;
	margin-top: -436px;
	margin-right: 69px;
	width: 200px;
	z-index: 80009;
}
#light2 {
	float: right;
	position: relative;
	margin-top: -150px;
	margin-right: 121px;
	width: 200px;
	z-index: 80009;
}
#light3 {
	float: right;
	position: relative;
	margin-top: -453px;
	margin-right: 69px;
	width: 200px;
	z-index: 80009;
}
.cabox {
	width: 200px;
	background-color: #353535;
	padding: 5px 5px 5px 15px;
	/*-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);*/
}
.cabox2 {
	background-color: #353535;
	/*-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);*/
	position: relative;
	float: left;
	margin: -371px 0px 0px 20px;
	background-color: #353535;
	padding: 20px 10px 0px 30px;
	width: 940px;
	height: 325px;
}
input.ca {
	width: 114px;
	height: 18px;
	background-color: #d0d0d0;
	border: 1px #d0d0d0 solid;
	font-family: Myriad Pro, Verdana, Arial, sans-serif;
	font-size: 13px;
}
input.ca2 {
	width: 224px;
	height: 18px;
	background-color: #d0d0d0;
	border: 1px #d0d0d0 solid;
	font-family: Myriad Pro, Verdana, Arial, sans-serif;
	font-size: 13px;
}
input.sendca {
	background-color: #8a8a8a;
	border: 0px;
	width: 87px;
	height: 18px;
	color: #FFFFFF;
	font-size: 11px;
	padding-bottom: 2px;
}
.faketext {
	float: left;
	width: 70px;
	height: 17px;
	background-color: #d0d0d0;
	border: 1px #d0d0d0 solid;
	font-family: Myriad Pro, Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #000000;
	padding-top: 3px;
	padding-left: 3px;
}
.fadeThis5 {
	position:relative;
	display:block;
	height: 19px;
	width: 18px;
	background:url(../images/close_off.jpg) 0 0 no-repeat;
}
.fadeThis5 * {
	display: none;
}
.fadeThis5 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 19px;
	width: 18px;
	background:url(../images/close_on.jpg) 0 0 no-repeat;
}

/* BIO PAGE CONTAINERS */

.profile {
	margin: 5px 27px 7px 27px;
	width: 252px;
}
#bios {
	position: relative;
	float: left;
	margin: -371px 0px 0px 20px;
	background-color: #2d2d2d;
	padding: 20px 10px 0px 30px;
	width: 940px;
	height: 325px;
}
.biotext {
	float: left;
	width: 232px;
	background-color: #1e1e1e;
	padding: 10px;
	font-size: 12px;
	line-height: 16px;
	z-index: 10001;
}
.biotext a {
	color: #1e1e1e;
	text-decoration: none;
}
.imgtab {
	margin: -18px 0px -5px -10px;
	position: relative;
	top: 7px;
}
#tobybox, #zeqbox {
	position: absolute;
	z-index: 30000;
}
#aimeebox, #aaronbox {
	position: absolute;
	left: 337px;
	z-index: 30000;
}
#jasonbox {
	position: absolute;
	left: 644px;
	z-index: 40001;
}
#mikebox {
	position: absolute;
	top: 165px;
	z-index: 20000;
}
#jimmiebox {
	position: absolute;
	top: 165px;
	left: 337px;
	z-index: 21000;
}
#jenbox {
	position: absolute;
	top: 165px;
	left: 644px;
	z-index: 30009;
}
/* MAIN NAVIGATION */

#submenu {
	float: right;
	margin: 90px 80px -4px 0px;
}
#submenu ul{
	list-style: none;
	margin: 2px 0px 0px 0px;
	padding: 0;
	float: left;
}
#submenu ul li{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style:none;
	display:inline;
}
#submenu ul li.last{
	padding: 0px;
	margin: 0px 0px 0px 0px!important;
	list-style:none;
	display:inline;
}
#submenu ul li a{
	display: inline-block!important;
	overflow: hidden;
	height: 21px;
	line-height:21px;
	width: 46px;
	white-space:nowrap;
	text-align:left;
}
#submenu ul li.active a{
	display: inline-block!important;
	overflow: hidden;
	height: 21px;
	line-height:21px;
	width: 146px;
	white-space:nowrap;
	text-align:left;
}
#submenu ul li a p{
	padding:0 0 0 46px;
	line-height:normal;
	margin: 0px;
}
#submenu ul li a p strong {
	font-size:21px;
	color:#336600;
}
#submenu ul li a.home {
	background:url('../images/about_off.png') top left no-repeat;
}
#submenu ul li a.home:active,  
#submenu ul li a.home:hover, 
#submenu ul li.active a.home {
	background:url('../images/about_on.png') top left no-repeat;
}

#submenu ul li a.blog {
	background:url('../images/projects_off.jpg') top left no-repeat;
}
#submenu ul li a.blog:active, 
#submenu ul li a.blog:hover, 
#submenu ul li.active a.blog {
	background:url('../images/projects_on.jpg') top left no-repeat;
}

#submenu ul li a.services {
	background:url('../images/blog_off.jpg') top left no-repeat;
}
#submenu ul li a.services:active, 
#submenu ul li a.services:hover, 
#submenu ul li.active a.services {
	background:url('../images/blog_on.jpg') top left no-repeat;
}
#submenu ul li a.portfolio {
	background:url('../images/contact_off.jpg') top left no-repeat;
}
#submenu ul li a.portfolio:active, 
#submenu ul li a.portfolio:hover, 
#submenu ul li.active a.portfolio {
	background:url('../images/contact_on.jpg') top left no-repeat;
}

/* SUBNAV */

.pagenav {
	position: relative;
	top: 113px;
	left: 716px;
	background-image: url('../images/navbg.png');
	background-repeat: no-repeat;
	width: 315px;
	height: 25px;
	text-align: right;
	padding-top: 5px;
}

/* SUBNAV MOUSEOVERS */

.subfadeThis1 {
	position:relative;
	display:block;
	float: right;
	height: 16px;
	width: 16px;
	background:url(../images/1.png) 0 0 no-repeat;
	margin-right: 5px;
}
.subfadeThis2 {
	position:relative;
	display:block;
	float: right;
	height: 16px;
	width: 16px;
	background:url(../images/2.png) 0 0 no-repeat;
	margin-right: 5px;
}
.subfadeThis3 {
	position:relative;
	display:block;
	float: right;
	height: 16px;
	width: 16px;
	background:url(../images/3.png) 0 0 no-repeat;
	margin-right: 5px;
}
.subfadeThis3a {
	position:relative;
	display:block;
	float: right;
	height: 16px;
	width: 16px;
	background:url(../images/3.png) 0 0 no-repeat;
	margin-right: 30px;
}
.subfadeThis4 {
	position:relative;
	display:block;
	float: right;
	height: 16px;
	width: 16px;
	background:url(../images/4.png) 0 0 no-repeat;
	margin-right: 5px;
}
.subfadeThis4a {
	position:relative;
	display:block;
	float: right;
	height: 16px;
	width: 16px;
	background:url(../images/4.png) 0 0 no-repeat;
	margin-right: 30px;
}
.subfadeThis5 {
	position:relative;
	display:block;
	float: right;
	height: 16px;
	width: 16px;
	background:url(../images/5.png) 0 0 no-repeat;
	margin-right: 30px;
}
	
.subfadeThis1 *, .subfadeThis2 *, .subfadeThis3 *,.subfadeThis3a *, .subfadeThis4 *, .subfadeThis4a *, .subfadeThis5 * {
	display: none;
}
	
.subfadeThis1 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 16px;
	width: 16px;
	background:url(../images/1_on.png) 0 0 no-repeat;
}
.subfadeThis2 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 16px;
	width: 16px;
	background:url(../images/2_on.png) 0 0 no-repeat;
}
.subfadeThis3 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 16px;
	width: 16px;
	background:url(../images/3_on.png) 0 0 no-repeat;
}
.subfadeThis3a span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 16px;
	width: 16px;
	background:url(../images/3_on.png) 0 0 no-repeat;
}
.subfadeThis4 span.hover, .subfadeThis4a span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 16px;
	width: 16px;
	background:url(../images/4_on.png) 0 0 no-repeat;
}
.subfadeThis5 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 16px;
	width: 16px;
	background:url(../images/5_on.png) 0 0 no-repeat;
}

/* BLOG */

.mainbox2 {
	background-image: url('images/wedig_bg.jpg');
	background-repeat: no-repeat;
	background-color: #888888;
	width: 963px;
	padding: 30px;
	float: left;
}
.blogcontain2 {
	background-color: #191b1a;
	padding: 82px 15px 15px 15px;
	background-image: url('../images/wedig_title.jpg');
	background-repeat: no-repeat;
}
#blognav {
	float: right;
	width: 150px;
}
#blognav a:link, #blognav a:visited {
	font-weight: bold;
	color: #49b2d8;
}
#blognav h2 {
	color: #ffffff;
	font-size: 22px;
}
#blogwrap {
	width: 620px;
}
#blogwrap hr {
	height: 2px;
	background-color: #191b1a;
	border-top: 2px #5b5b5b dotted;
}
a.pagenum:link, a.pagenum:visited {
	color: #666666;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 15px;
} 

.blogcontain {
	position: relative;
	float: right;
	margin-top: -340px;
	margin-right: 124px;
	width: 1004px; 
	height: 302px; 
	overflow: auto;	
	padding-top: 15px;
	width: 614px;
}
.blogtitle {
	color: #51c9f5;
	font-size: 20px;
	margin: 0px; 
	padding: 0px 10px 0px 0px;
}
.blogbtm {
	margin-bottom: 30px;
}
.blogentry {
	width: 560px;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	line-height: 16px;
}
.blogtab {
	margin: 0px 0px 0px -30px;
	position: relative;
}

/* PAGE CONTAINERS */

#contactcontain {
	float: left;
	position: relative;
	margin-top: -384px;
	margin-left: 25px;
}
#termscontain {
	position: relative;
	float: left;
	margin-top: -401px;
	margin-bottom: -30px;
	width: 1000px; 
	height: 401px; 
	overflow: auto;	
	padding: 15px;
}
/* VIDEO CONTAINERS */

#logos {
	position: relative;
	float: left;
	margin-top: -100px;
	margin-left: 200px;
	z-index: 20000;
}
#animap {
	float: left;
	margin-left: 280px;
	margin-top: -365px;
	z-index: 50007;
}
#video_wrap {
	position: relative;
	float: left;
	margin-top: -380px;
	margin-left: 360px;
}
#ssrvideo {
	position: relative;
	float: left;
	margin-top: -333px;
	margin-left: 82px;
	z-index: 4003;
}
#yamahavideo1 {
	position: relative;
	float: left;
	margin-top: -350px;
	margin-left: 69px;
	z-index: 50009;
}
#yamahavideo2 {
	position: relative;
	float: right;
	margin-top: -350px;
	margin-right: 169px;
	z-index: 50009;
}
#srsvideo1 {
	position: relative;
	float: right;
	margin-top: -228px;
	margin-right: 132px;
	z-index: 50009;
}
#srsvideo2 {
	position: relative;
	float: left;
	margin-top: -363px;
	margin-left: 24px;
	z-index: 50009;
}
#ourhousevideo1 {
	position: relative;
	float: right;
	margin-top: -374px;
	margin-right: 110px;
	z-index: 50009;
}
#ourhousevideo2 {
	position: relative;
	float: left;
	margin-top: -303px;
	margin-left: 38px;
	z-index: 50009;
}
#projmain {
	position: relative;
	float: left;
	margin-top: -401px;
	z-index: 50009;
}

/* MAIN PROJECT PAGE MOUSEOVERS */

.fadeThis {
	position:relative;
	display:block;
	height: 221px;
	width: 296px;
	background:url(../images/projects_slide02.jpg) 0 0 no-repeat;
}
	
.fadeThis * {
	display: none;
}
	
.fadeThis span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 221px;
	width: 296px;
	background:url(../images/projects_slide02_on.jpg) 0 0 no-repeat;
}

.fadeThis2 {
	position:relative;
	display:block;
	height: 221px;
	width: 305px;
	background:url(../images/projects_slide03.jpg) 0 0 no-repeat;
	margin-left: -27px;
}
.fadeThis2 * {
	display: none;
}
.fadeThis2 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 221px;
	width: 305px;
	background:url(../images/projects_slide03_on.jpg) 0 0 no-repeat;
}

.fadeThis3 {
	position:relative;
	display:block;
	height: 181px;
	width: 296px;
	background:url(../images/projects_slide04.jpg) 0 0 no-repeat;
}
.fadeThis3 * {
	display: none;
}
.fadeThis3 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 181px;
	width: 296px;
	background:url(../images/projects_slide04_on.jpg) 0 0 no-repeat;
}

.fadeThis4 {
	position:relative;
	display:block;
	height: 181px;
	width: 305px;
	background:url(../images/projects_slide05.jpg) 0 0 no-repeat;
	margin-left: -27px;
}
.fadeThis4 * {
	display: none;
}
.fadeThis4 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 181px;
	width: 305px;
	background:url(../images/projects_slide05_on.jpg) 0 0 no-repeat;
}

/* CONTACT FORM */

input.name {
	background-color: #d0d0d0;
	border: 1px #d0d0d0 solid;
	font-family: Myriad Pro, Verdana, Arial, sans-serif;
	font-size: 13px;
	padding: 3px 0px 0px 5px;
	height: 18px;
	width: 330px;
} 
input.email {
	background-color: #b3b3b3;
	border: 1px #b3b3b3 solid;
	font-family: Myriad Pro, Verdana, Arial, sans-serif;
	font-size: 13px;
	padding: 3px 0px 0px 5px;
	height: 18px;
	width: 330px;
} 
textarea.message {
	background-color: #e9e9e9;
	border: 1px #e9e9e9 solid;
	font-family: Myriad Pro, Verdana, Arial, sans-serif;
	font-size: 13px;
	padding: 3px 0px 0px 5px;
	height: 115px;
	width: 330px;
}
input.send {
	background-color: #8a8a8a;
	border: 0px;
	width: 87px;
	height: 23px;
	color: #FFFFFF;
	font-size: 11px;
	padding-bottom: 2px;
}

/* SAFARI AND CHROME SPECIFIC STYLES */

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #submenu ul{
	list-style: none;
	margin: 1px 0px 0px 0px;
	padding: 0;
	float: left;
}
.imgtab {
	margin: -28px 0px -5px -10px;
	position: relative;
	top: 17px;
}
}