/* flashy */
@charset "UTF-8";

* html {margin: 0;}
body { font-family:Helvetica, verdana, sans-serif; background-color:#000; background-image:url(images/index-bg.jpg); background-position:top center; background-repeat:no-repeat; margin: 0px; font-size:11px; color:#fff }
p { margin: 0px 0px 10px 0px; line-height: 1.3em; font-family: Arial, Helvetica, sans-serif }
a { text-decoration:none; color:#7DCE21 }
img { border: 0px; margin: 0px; padding: 0px }

/* Layout */
#container { background-image:url(images/container-bg.png); background-repeat:no-repeat; background-position:top; position:relative; top: -800px; }

#col1 { top: 0px; left: 76px; width: 460px; height: auto; position: absolute; text-align: justify; }
#blurb { top: 225px; left: 110px; width: 310px; height: auto; position: absolute; }
#logo { top: 182px; left: 0px; width: 460px; height: 20px; position: absolute; filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; }
#samples { top: 459px; left: 110px; width: 310px; height: 180px; position: absolute; margin: 0px; padding: 0px; }
#samplesTitle { top: 483px; left: 0px; width: 100px; height: 49px; position: absolute; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
#footer { top: 670px; left: 0px; width: 460px; height: 20px; position: absolute; text-align: center; filter: alpha(opacity=70); -moz-opacity: 0.7 ; opacity: 0.7; }

#contentArea p { color:#fff }

.content { display:block; margin: 0px; padding: 0px 0px 15px 0px; border-width: 0px 1px; border-style: dashed; border-color:  #666; position:absolute; top: 0px; left: 100px; width:505px; height: 288px; background-image:url(images/content_bg.png); background-repeat:repeat-x; filter:alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; }

.popup { height: 100%; margin: 0px; padding: 0px 25px 0px 25px; border-width: 1px; border-style: dashed; border-color:  #666; background-image: url(images/popup_bg.jpg); background-repeat: no-repeat; background-position: top left; }
.popup h1 { margin: 25px 0px 20px 0px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 24px; font-weight: lighter }
.popup h1 img { margin-top: 7px; }
.popup h3 { font-size: 13px; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 10px; }
.popup .box { border-style: solid; border-width: thin; border-color: #F47B20; padding: 10px; margin: 7px 0px; }
.box td {border-bottom: #CCC thin solid; padding: 8px 0px 2px 0px; } 

.videoleftframe { position:absolute }

.clientsList { padding-left: 10px; line-height: 1.2em; border-left: 1px #D06F1A solid; }
.clientsList a:link { font-size: 10px; letter-spacing: 1px }
.clientsList a:hover { font-size: 11px; }

/* Nav */
/* A Image Swap */
#nav { top: 253px; left: 0px; width: 100px; height: 80px; position: absolute; display: block; margin: 0px }

/* Setup */
#cssmenu { display:block; list-style: none; margin: 0px; padding: 0px }
.displace { position: absolute; left: -5000px; }
#cssmenu li { float: none; position: relative; padding: 0px; margin: 0px; background:none; }
#cssmenu li a { display: block; text-decoration: none; /* IE is the myspace of browsers!*/ position: relative; width: 100px; height: 20px; background-image:url(images/mainNav-sprite.png); background-repeat:no-repeat; }
/*#cssmenu li a:hover { border-right: 123px solid #D06F19; }
#cssmenu li a:active { border-right: 123px solid #000; border-left: 25px solid transparent;}*/

/*.curnav { background-color: #191919; }*/
#cssmenu li.rates_handle a { background-position: 0 0; }
#cssmenu li.prep_handle a { background-position: 0 -20px; }
#cssmenu li.contact_handle a { background-position: 0 -40px; }
#cssmenu li.drop_handle a { background-position: 0 -60px; }

/* About Nav */
/*.cursubnav { border-bottom: #D06F19 4px solid; background-color:#D06F19 }*/
#aboutNav { display: block; margin: 0; padding: 0; position: absolute; right: -206px; top: 0px; width: 260px; height: 36px }
#aboutNavLinks { font-size: 12px; height: 36px; overflow: hidden; /* border-bottom: 1px solid #eee;*/ margin: 0; padding: 0; float: left; list-style: none; position: relative }
#aboutNavLinks li, #aboutNavLinks li a { display: block; position: relative; float: left; height: 29px; background: url(images/about_nav.png) 0 0 no-repeat; margin: 0; padding: 0; }
#aboutNavLinks li a { background-color:#FFF; margin: 0; padding: 0; }
/*#aboutNavLinks li a:hover img { border-bottom: 4px solid #D06F19; border-left: 0px }
#aboutNavLinks li a:hover { background-color: #D06F19; }
#aboutNavLinks li a:active { background-color: #fff; }*/


/* Portfolio Nav */
#portfolioNav { display: block; margin: 0px; position: absolute; right: -206px; top: 0px; width: 260px; height: 36px }
#portfolioNavLinks { font-size: 12px; height: 36px; overflow: hidden; /* border-bottom: 1px solid #eee;*/ padding: 0px; float: left; list-style: none; position: relative }
#portfolioNavLinks li { display: block; position: relative; float: left; height: 29px; background: url(images/about_nav.png) 0 0 no-repeat; margin: 0px; padding: 0px; }
#portfolioNavLinks li a { display: block; position: relative; float: left; height: 21px; width: 18px; /* background-color:#232323; */ color: #FFF; background-color:#232323; margin: 0px; padding: 8px 0px 0px 10px }
#portfolioNavLinks li a:hover { border-bottom: #D06F19 4px solid; background-color:#D06F19 }



/* General Styles */
a:link { color: #797A80; text-decoration: none; }
a:visited { color: #797A80; text-decoration: none; }
a:hover { color: #D06F19; text-decoration: none; }
hr { border-style: solid; border-width: 1px; border-color: #D06F19; }

.design { font-size: 12px; letter-spacing: 0.2px; margin-top: 0px; }

.alert { color: #CC3399; }
.alert2 { color: #D06F19; }
.alert3 { color: #FFDA26 }
.alert4 { color: #6C0; }
.middle { vertical-align: middle; }
.right { text-align: right; }

h1 { font-size: 29px; font-weight: normal; line-height: 26px; margin-left: 10px; margin-right: 250px; margin-top: 10px; margin-bottom: 10px; }
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFD500;
	font-size:13px;
	text-align: left;
	margin: 8px 0px 5px 0px;
	padding: 5px 0px 0px 0px
}

.index h2 { font-size: 14px ; text-decoration: none; }
.index h2 a:link, h2 a:visited { font-size: 14px ; color: #F47B20 ; text-decoration: none; }

h3 { font-size: 16px; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 5px; }
.logo { text-align: center; margin-top: 150px; }


/* Footer Styling */
.footer { text-decoration: none; font-weight: normal; font-size: 11px; letter-spacing: 1px; color: #666 }
.footer a:link, .footer a:visited { color: #666; text-decoration: none; font-weight:normal }

/* TopNav */
#topnavText { font-size: 12px }
#topnavText a:link { color:#666#09F }
#topnavText a:visited { color:#666#09F }
#topnavText a:hover { color: #09F }

/* Div Layout */
#burst { position:absolute; background-image:url(../images/burstA-bkgd.png); background-repeat:no-repeat; background-position:bottom right; left:0px; top:0px; width:300px; height:275px; z-index:1 }