@charset "utf-8";
/* CSS Document */

*										{margin: 0; padding: 0;}
body									{background: #00301a url(../images/bg-grad.jpg) repeat-x scroll 0 0; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px;}



/***************************************
*	Typography
***************************************/

h2										{padding: 10px 0; stroke-width:3; stroke:white;}
h3										{padding: 10px 0 0;}
h4										{font-size: 24px; color:#c82128; padding: 10px 0;}
p										{line-height: 1.4em;}	
								


/***************************************
*	Structure
***************************************/

#page-wrap								{width: 100%; margin: 0 auto;}

#header									{width: 100%; background: #1b652d url(../images/header-bg.jpg) repeat-x scroll 0 0;; height: 90px; border-bottom: #009933 4px solid;}
#header .head-wrap						{width: 1000px; margin: 0 auto;}
#footer									{width: 100%; background: #1b652d url(../images/footer-bg.jpg) repeat-x scroll 0 0; height: 189px; border-top: #009933 8px solid; position: relative; bottom: 0px; clear: both; z-index: -1;}

#content								{width: 1000px; margin: 0 auto; padding: 20px 0 15px 0; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -185px; clear: left;}
#hero									{position: relative; bottom: -90px; float: left; width: 420px;}
#product-list							{float: left; width: 280px; padding: 20px 20px 0 0;}
#contact								{float: left; width: 280px; padding-top: 10px; margin-bottom: 10px; float: right;} 
ul.foot-wrap							{width: 1000px; margin: 0 auto; list-style-type: none; padding: 10px 0;}
.footer-li-test							{width: 100%; float: left; padding: 0 20px;}
.footer-li-inc							{width: 330px; float: left; padding-right: 10px;}
.footer-li-opt							{width: 260px; float: left; padding-right: 10px;}
ul.foot-wrap li ul						{list-style-type: none; font-size: 100%; font-weight: bold; position: relative; left: 190px; top: -45px; width: 850px; }
.push 									{height: 20px; clear: both; /* .push must be the same height as .footer */}	
#header h1 a							{background: url(../images/title-1.png) no-repeat scroll 0 0; width: 610px; height: 160px; float: left; text-indent: -9999px; position: absolute; top: 40px;}
#header img.circle						{position: relative; top: 50px; right: -290px;}
ul.foot-wrap li ul	li					{padding: 14px 0 0; font-size:14px}
#disclaimer								{clear: left; margin: 0 auto; padding: 0 0 0 170px; width: 750px;}		
.youtube a {
background:url("../images/youtube.png") no-repeat scroll 0 0 transparent;
display:block;
height:160px;
position:absolute;
text-indent:-9999px;
width:160px;
}
/***************************************
	Contact form
***************************************/

#contact form						{height: 200px; overflow: auto;}

input, select, textarea				{font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif; font-size: 11px; width: 97%}
#contact .field  	   			{ float: left; width: 100%; margin:10px 5px 0 0; font-size:11px;}
#contact .field label 			{ float: left; width: 100%;}
#contact .field input 			{ float: left; width: 94%; border: #009900 1px solid; padding: 3px; margin-top:3px;}
#contact .field textarea 		{ float: left; width: 94%; border: #009900 1px solid; padding: 3px; margin-top:3px; height: 60px;}
#contact .form-button 			{ float: left; padding: 10px 0;}
#contact .field .message-box 	{ float: left; width: 200px; height:100px; border:#fe0379 1px solid;}
#contact .quickbox       		{float: left; width: 85px; background: #1d8038; margin: 30px 0 0 0; text-transform: uppercase; color: #fff; font-size: 24px; font-weight: bold; padding: 0 10px 5px 5px;}
#contact .form-button input 	{font-size: 16px; color: #fff; background: #920202; border: 4px #FFFFFF solid; cursor: pointer; padding: 3px;}
#contact .quickbox span		{text-transform: uppercase; color: #fff; font-size: 32px; font-weight: bold; font-style: italic;}

/***************************************
	Photo reel
***************************************/

#photo-reel							{width: 264px; height: 184px; border: 8px solid #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 10px 0; overflow:hidden; right: 0px;;}
#content .post						{}

#content .photo-holder				{float: right;}

/***************************************
	Inclusions / Extras
***************************************/

ul.extras							{width: 580px; margin: 0 auto; list-style-type: none; padding: 10px 0; float: right;}
ul.extras li.inc					{width: 285px; float: left; padding-right: 5px;}
ul.extras li.extra					{width: 275px; float: left; padding-left: 12px;}
ul.extras li ul li					{list-style-type: disc; margin: 0 15px; }

/***************************************
	Titles
***************************************/

/***************************************
	Titles
***************************************/

h2.callNow 							{background: transparent url(../images/titleSprite.png) no-repeat scroll 0 0; height: 20px; text-indent:-9999px;width: 300px; float: right;}
h2.included							{background: transparent url(../images/titleSprite.png) no-repeat scroll 0 -305px; height: 20px; text-indent:-9999px;width: 280px;}
h2.optional							{background: transparent url(../images/titleSprite.png) no-repeat scroll 0 -335px; height: 20px; text-indent:-9999px;width: 280px;}
h2.appear							{background: transparent url(../images/titleSprite.png) no-repeat scroll 0 -70px; height: 20px; text-indent:-9999px;width: 280px;}
h2.contactForm						{background: transparent url(../images/titleSprite.png) no-repeat scroll 0 -34px; height: 20px; text-indent:-9999px;width: 280px;}
h3.private							{background: transparent url(../images/titleSprite.png) no-repeat scroll 0 -105px; height: 20px; text-indent:-9999px;width: 280px;}
h3.corp								{background: transparent url(../images/titleSprite.png) no-repeat scroll 0 -140px; height: 20px; text-indent:-9999px;width: 280px;}
h3.schools							{background: transparent url(../images/titleSprite.png) no-repeat scroll 0 -172px; height: 20px; text-indent:-9999px;width: 280px;}
h3.retail							{background: transparent url(../images/titleSprite.png) no-repeat scroll 0 -208px; height: 20px; text-indent:-9999px;width: 280px;}
h3.street							{background: transparent url(../images/titleSprite.png) no-repeat scroll 0 -239px; height: 20px; text-indent:-9999px;width: 280px;}
h3.djSanta							{background: transparent url(../images/titleSprite.png) no-repeat scroll 0 -275px; height: 20px; text-indent:-9999px;width: 280px;}


/***************************************
	Single Post
***************************************/

#content .post.single {margin-top: 100px;}
#content .post.single h2 {font-size: 30px;}
#content .post.single p {font-size: 12px; margin-bottom: 10px;}
#content .post.single .textLeft { float: left; width: 300px;}
#content .post.single .picLeft {float: left; margin-left: 20px; width: 257px; border: 8px solid #fff; -moz-border-radius: 8px; }
#content a {color: #fff; border-bottom: 1px solid; text-decoration: none;} 
#content a:hover {color: #FC4453;}