/* TOOLBOX CSS */

.floatleft { float: left; }
.floatright { float: right; }

.imgfloatleft { float: left; border: 5px #CCCCCC solid; margin-right: 20px; }

.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


/* END TOOLBOX */


/* END ELEMENTS */

/* CUFON MARGIN */

.cufon {margin:5px 0;} 

/* NAVIGATION SCHEMES */

a:link {color:#ab102a;}
a:hover {color:#ab102a;}
a:visited {color:#ab102a;}
a:active {color:#ab102a;}	

#mainnav {padding: 0px; margin: 0px; width: 490px; height:35px; position:absolute; top: 52px; left: 440px;}
	
#mainnav li a {background: url(images/global/btn_mainnavigation.png) no-repeat; padding: 0; margin: 0; display: block; text-indent:-999px; float:left; border:0; width:100%; height:100%; }
#mainnav span {}
#mainnav ul{ margin: 0 auto; padding: 0; cursor: default;}
#mainnav li{overflow:hidden; display:inline; float:left;}

#mainnav li.home {width:61px; height:36px;}
#mainnav li.home a {background-position: 0px 0px;}
#mainnav li.home a:hover { background-position: 0px -36px;}
#mainnav li.home a.selected { background-position: 0px -72px;}
#mainnav li.home a.active { background-position: 0px -72px;}

#mainnav li.galleries {width:82px; height:36px;}
#mainnav li.galleries a {background-position: -61px 0px;}
#mainnav li.galleries a:hover { background-position: -61px -36px;}
#mainnav li.galleries a.selected { background-position: -61px -72px;}
#mainnav li.galleries a.active { background-position: -61px -72px;}

#mainnav li.videos {width:65px; height:36px;}
#mainnav li.videos a { background-position: -143px 0px;}
#mainnav li.videos a:hover { background-position: -143px -36px;}
#mainnav li.videos a.selected { background-position: -143px -72px;}
#mainnav li.videos a.active { background-position: -143px -72px;}

#mainnav li.about {width:91px; height:36px;}
#mainnav li.about a { background-position: -211px 0px;}
#mainnav li.about a:hover { background-position: -211px -36px;}
#mainnav li.about a.selected { background-position: -211px -72px;}
#mainnav li.about a.active { background-position: -211px -72px;}

#mainnav li.credits {width:81px; height:36px;}
#mainnav li.credits a {background-position: -302px 0px;}
#mainnav li.credits a:hover { background-position: -302px -36px;}
#mainnav li.credits a.selected { background-position: -302px -72px;}
#mainnav li.credits a.active { background-position: -302px -72px;}

#mainnav li.contact {width:107px; height:36px;}
#mainnav li.contact a {background-position: -382px 0px;}
#mainnav li.contact a:hover { background-position: -382px -36px;}
#mainnav li.contact a.selected { background-position: -382px -72px;}
#mainnav li.contact a.active { background-position: -382px -72px;}

/* BACK TO GALLERY NAV */

#secnav {padding: 0px; margin: 0px; width: 206px; height:43px; position:absolute; top: 80px; left: 664px;}
	
#secnav li a {background: url(images/global/btn_backtogallery.png) no-repeat; padding: 0; margin: 0; display: block; float:right; border:0; width:100%; height:100%; }
#secnav span {display:none;}
#secnav ul{ margin: 0 auto; padding: 0; cursor: default;}
#secnav li{overflow:hidden; display:inline; float:right;}

#secnav li.backtogallery {width:206px; height:43px;}
#secnav li.backtogallery a {width:206px; height:43px; background-position: 0px 0px;}
#secnav li.backtogallery a:hover { background-position: 0px -43px;}
#secnav li.home a.active { background-position: 0px -43px;}

/* SERVICE SUBNAV */

#servicenav {padding: 0px; margin: 0px; width: 206px; height:300px; display: block;}
	
#servicenav li. a { padding: 0; margin: 0; display: block; float:left; border:0; width:100%; height:100%; width: 206px; height:34px; }
#servicenav span {display:none;}
#servicenav ul { margin: 0 auto; padding: 0; cursor: default;}
#servicenav li {overflow:hidden; display:block; float:left;width: 206px; height:34px;}

#servicenav li.pros {width:206px; height:43px; display:block;}
#servicenav li.pros a {background: url(http://gaslightstudio.com/wp-content/themes/gaslight/images/global/btn_pros.png) no-repeat; width:206px; height:43px; background-position: 0px 0px; display: block;}
#servicenav li.pros a:hover { background-position: 0px -43px;}

#servicenav li.anim {width:206px; height:43px; display:block;}
#servicenav li.anim a {background: url(http://gaslightstudio.com/wp-content/themes/gaslight/images/global/btn_anim.png) no-repeat; width:206px; height:43px; background-position: 0px 0px; display: block;}
#servicenav li.anim a:hover { background-position: 0px -43px;}

#servicenav li.creature {width:206px; height:43px; display:block;}
#servicenav li.creature a {background: url(http://gaslightstudio.com/wp-content/themes/gaslight/images/global/btn_creat.png) no-repeat; width:206px; height:43px; background-position: 0px 0px; display: block;}
#servicenav li.creature a:hover { background-position: 0px -43px;}

#servicenav li.rep {width:206px; height:43px; display:block;}
#servicenav li.rep a {background: url(http://gaslightstudio.com/wp-content/themes/gaslight/images/global/btn_rep.png) no-repeat; width:206px; height:43px; background-position: 0px 0px; display: block;}
#servicenav li.rep a:hover { background-position: 0px -43px;}

#servicenav li.prop {width:206px; height:43px; display:block;}
#servicenav li.prop a {background: url(http://gaslightstudio.com/wp-content/themes/gaslight/images/global/btn_prop.png) no-repeat; width:206px; height:43px; background-position: 0px 0px; display: block;}
#servicenav li.prop a:hover { background-position: 0px -43px;}

/* FORM NAV */

.submitform {display:block; width:500px; float:left; padding-top:20px;}

#sendmessage {padding: 0px; margin-top: 20px; width: 600px; height:43px; display: block; float:left;}
	
.send {width:206px; height:43px; display:block; background: url(http://gaslightstudio.com/wp-content/themes/gaslight/images/global/btn_send.png) no-repeat; width:206px; height:43px;}
.send :focus { background-position: 0px -43px;}

/* MASTER LAYOUT */

#masthead {height:125px; margin:0 auto; background:#000000 url(images/global/bg_headerwrap.jpg) repeat-x ;}
#header {width:960px; height:125px; margin:0 auto; background:#000000 url(images/global/bg_header.jpg) no-repeat center top;}
#header .logo {float:left; position:relative; top:42px; left:54px; }

#bannerwrapper {height:300px; margin:0 auto; background:#339dc0 url(images/global/bg_banner.jpg) no-repeat center top;}
#bannercontent {width:960px; height:222px; margin:0 auto; background:#000000;}

#featurewrapper {margin:0 auto; background: url(images/global/bg_body.jpg) repeat;}
#featurecontent {width:960px; margin:0 auto; background:#141414 url(images/global/bg_content.jpg) no-repeat center top; padding-bottom:50px;}
#featurecontentwsidebar {width:960px; margin:0 auto; background:#141414 url(images/global/bg_contentwsidebar.jpg) no-repeat center top; padding-bottom:50px;}


#aboutwrapper {height:830px; margin:0 auto; background:#f0d97e url(../images/global/bg_aboutpage.jpg) no-repeat center top;}
#aboutcontent {width:960px; height:700px; margin:0 auto;}

#footerwrap {margin:0 auto; background:#000000; height:500px; background:#000000 url(images/global/bg_footerwrap.jpg) repeat-x;}
#footer {width:960px; height:49px; margin:0 auto;  background:#000000 url(images/global/bg_footer.jpg) no-repeat center top; }
#footer p {padding: 12px 0 0 45px;}

div .gaslightstudio {font-size: 24px; line-height: 36px;  color:#FFFFFF; text-transform: uppercase;}
div. gaslightphotogallery {float:right;}

.homeslideshow {border: 1px solid #272727; padding: 10px; background-color: #000000; margin: 10px 0 20px 0;}
.demoreel {width:600px; margin: 0 auto;}



/* BUTTON STATES */

.gaslightstudio a:link {color:#929292; text-decoration:none;}
.gaslightstudio a:hover {color:#ab102a; text-decoration:none;}
.gaslightstudio a:visited {color:#929292; text-decoration:none;}
.gaslightstudio a:active {color:#ab102a; text-decoration:none;}

.services li {font-size:24px; text-transform: uppercase; line-height:30px; color:#ab102a;}



.services li a:link {color:#ab102a; text-decoration:none;}
.services li a:hover {color:#ab102a; text-decoration:none;}
.services li a:visited {color:#ab102a; text-decoration:none;}
.services li a:active {color:#ab102a; text-decoration:none;}


/* PAGE SPECIFIC */

.aboutfeature {width:620px; float:left; margin:0 0 0 10px;}
.aboutfeature p {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height: 24px; color: #000000; margin: 0 0 18px 20px;}

.aboutsidebar {width:320px; height: 338px; float:right; margin:150px 10px 0 0; padding: 0; color: #000000;}
.aboutsidebar ul {}
.aboutsidebarcontent li {font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; text-transform: uppercase; line-height: 24px; color: #000000;}


.contactsidebarcontent {padding: 150px 15px 15px 45px; font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; line-height: 24px;}

.contactsidebarcontent a:link {color:#35add5;}
.contactsidebarcontent a:hover {color:#787255;}
.contactsidebarcontent a:visited {color:#fec770;}
.contactsidebarcontent a:active {color:#fec770;}	


.contactsidebarcontent ul {padding-top:15px;}
.aboutsidebarcontent {padding: 0px 15px 15px 45px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height: 24px;}

#contactwrapper {height:709px; margin:0 auto; background:#0095c5 url(../images/global/bg_contactpage.jpg) no-repeat center top;}
#contactcontent {width:960px; height:700px; margin:0 auto;}

.contactfeature {width:620px; float:left; margin:0 0 0 10px;}
.contactfeature p { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height: 24px; color: #000000; margin:18px;}
.contactsidebar {width:320px; height: 307px; float:right; margin:0 10px 0 0px; color: #FFFFFF;}

.maincolumn {float:left; width:580px; padding: 0;}

.selectservicewrapper {with:960px; margin:0 auto; padding: 25px 0px 0px 0px;}
.selectservice {width:200; height:300px; float:left;}
.selectservice img {border: none;}
.selectservice h3 {text-align:center;}
.selectservicewrapper a {background: #000000; padding:10px; margin: 0 10px; width:200; height:200px; float:left; text-decoration:none; color: #FFFFFF; text-align:center; font-size: 24px; text-transform: uppercase; border: 1px solid #292929;}
.selectservicewrapper a:hover {background: #292929; border: 1px solid #000000; padding:10px; margin: 0 10px; width:200; height:200px; float:left; text-decoration:none; color: #FFFF00;}

.credits li {list-style-image:none; list-style-type:none; margin-left: 20px;font-size:14px; padding-bottom:5px;}
.creditsttl {text-transform: uppercase; font-size:24px; padding-top:5px; color:#929292;}
.credits li span {font-style:italic; font-style:normal;}

#contentcontainer {margin:0 auto; }
#contentarea {width:960px; margin:0 auto; padding: 0;}

#featurecolumn {width:620px; margin: 0; float:left;}
#columnwrapper {width:940px; margin: 0 10px 0 10px; float:left;}
.sectiontitle {width:940px; height:100px;}

#feature {width:940px; margin: 0 10px;}

.fullcolumn {padding: 35px 45px 0 45px;}


/* SIDEBAR */
.sidebar {width:315px; float:left; margin: 0; margin-top: 0px;}
.sidebarcontent {padding: 35px 30px 35px 30px;}
.sidebar ul {padding-top:10px;}
.sidebar li {padding-top:4px; color:#787255;}

/* END LAYOUT */


/* CREDITS FILTER */

ul#credits { float: left; list-style: none; margin-left: 0; width: 672px; }
ul#credits li { 

	float: left; 
	text-transform: uppercase;
	font-size: 14px;
	margin: 0 10px 5px 45px; 
	width: 500px;
}
ul#credits a { display: block; width: 100%; }
ul#credits a:hover { text-decoration: none; }

#credittile {font-size:18px; text-transform: uppercase;}

.gaslightstudio p {font-size: 24px;}