/*	Desc: screen.css
	Author: Josh Hamilton
	Date: 8/2/07
	
=== === === === === === === === === === */

/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/*PDF Links - adds a small PDF icon to all PDF links*/
.work-for-us a[href$=".pdf"] {background: url(../img/page_pdf.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}

/*DOC Links - adds a small word doc icon to all word document links*/
a[href$=".doc"] {background: url(../img/page_word.png) no-repeat right top; padding-right:22px; padding-bottom:5px;}


/*=COMMON
=== === === === === === === === === === */

html {
  text-align:center;  
 }
 
 
body {
  font:85%/1.5 'Myriad', verdana, arial, hevetica, sans-serif;
  text-align:left;
  background:#2E2E2E url('../img/top.gif') left top repeat-x;

 }


* {
  padding: 0;
  margin: 0;
  
 }
 
h2, h3 {
padding : 0;
margin :5px 0 5px 0;
color : #5592CE;
font-weight : bold;
} 

h2 {
font-size : 1.75em;
}
h3 {
font-size : 1.25em;
}

em {
font-size : 1.0em;
}

p, li {
  line-height:140%;
  
 }
 
img {
  border: 0;
  
 }

a { 
  outline:none;
  text-decoration:none;
 }
 
 a{-webkit-transition: color .6s linear;}
a:hover{-webkit-transition: color .2s linear; opacity:1;}
 
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE5/Mac */

.left	{float:left;}
.right	{float:right;}
.clear	{clear:both;}
.return	{display:block;}


/*=STRUCTURE
=== === === === === === === === === === */

div.container {
  position:relative;
  margin:0 auto;
  width:900px;

}

 
 
div.rule {
  background:transparent url('../img/hr.gif') top left repeat-x;
  height:2px;
  width:100%;
  padding:6px 10px 0 10px;
  clear:both;
   
 }

.feature {
	overflow:hidden;
	margin:-15px 0 25px 0;
	padding:10px;
	width:100%;
}

body#home #feature {
	position:absolute;
	top:310px; right:0;
	width:495px;
	height:300px;
	background-color:#232323;
	border:1px solid #000000;
	padding:10px;
	z-index:99999;
	}
	
	img[alt="vinyl-maufactures"] {
	margin:0 auto;
	position:absolute;
	top:646px;
	right:20px;
	width:476px; 
}

.feature h4 {
	font-size:16px;
	line-height:18px;
	color:#5592CE;
	margin:3px 0 10px 0;
	text-transform:uppercase;
}

.feature p, #news p {
	color:#999999;
	line-height:20px;
}

.mag-cover-img img {
	margin-right:10px;
}

.mag-cover {
	width:63%;
	padding:20px;
	background-color:#232323;
	border:1px solid #000000;
}

.shooting-star {
	position:absolute;
	top:290px;
	left:605px;
	width:342px;
	height:269px;
}

.intro-copy { display:block; padding:0px 0 15px 0; margin-bottom:45px; width:355px; }
.intro-copy p { padding-bottom:10px; color:#999999; line-height:20px; }
.intro-copy em, .intro-copy a  { color:#5592CE; }
.intro-copy a:hover  { color:#fff; }




/*=BRANDING
=== === === === === === === === === === */

div#branding {
  position:relative;
  width:100%;
  height:225px;
  padding:0 10px;
 }
 
 
 div.container div#branding h1 {
  text-indent:-9999px;
  }
 
  div.container div#branding div.logo a {
  float:left;
  width:45%;
  height:225px;
 }

 
 div#branding div#slogan {
  float:right;
  width:495px;
  margin:0;
  text-align:center;
 }
 
 div#branding div#slogan div.rule {
  background:transparent url('../img/hr.gif') top left repeat-x;
  height:2px;
  margin:5px 0;
  width:100%;
  padding:6px 0 0 0;

 }
 
 div#branding div#slogan p {
  text-align:center;
  color:#999999;
  font-weight:bold;
  font-size:130%;
    
 }
 
div#branding div#slogan h3 {
  text-align:center;
  color: #5592CE;
  text-transform:uppercase;

 }
 
div#branding div#slogan ul.aff {
  list-style:none; 
  }
 
div#branding div#slogan ul.aff li {
  float:left;
  display:inline;
  margin-right:55px;
 }
 
 
  div#branding div#slogan ul.aff li.last { margin-right:0; display:block;}
 




/*=NAVIGATION
=== === === === === === === === === === */

div.navigation {
  color:#5592CE;
  position:relative;
  height:23px;
  margin:48px 0 36px 0;
  padding:6px 10px 0 10px;
  border:#6E6E6E 1px solid;
  font-size:80%;
 
 }
 
 body#home div.navigation {
  color:#5592CE;
  position:relative;
  height:23px;
  margin:26px 0 25px 0;
  padding:6px 10px 0 10px;
  border:#6E6E6E 1px solid;
  font-size:80%;
  clear:both;
 
 }
 
div#site_info div.navigation {
  color:white;
  border: #85B0D4 1px solid;
 
 }
 
 div.navigation li, div#site_info div.navigation li {
  float:left;
  list-style:none;
  margin-left:0;
 
 }
 
  
div.navigation li a {
  color:#5592CE;
  padding:0 10px;
  text-decoration:none;
 
 }
 
div#site_info div.navigation li a {
  color:white;
  padding:0 10px;
 
 }
 
div#site_info div.navigation li a:hover {
  color:black;
 
 }
 
 div.navigation li a:hover {
  color:#ffffff;
 
 }
 
 
 /*=WORK
=== === === === === === === === === === */
 
 div.thumbnails {
  position:relative;
  width:900px;
  margin:4px 0 25px 0;
  padding:6px 10px 0 10px;
  overflow:hidden;
  
}

 div.thumbnails h3 {
  margin:0 0 20px 0;
  
}

div.thumbnails ul.thumb {
  float:left;
  width:100%;  
 }

 
div.thumbnails ul.thumb li  {
  float:left;
  list-style:none;
  margin:0 21px 21px 0;
 }

 
div.thumbnails ul.thumb li a  {
  float:left;
  display:block;
  width:117px;
  height:117px;
  border:#5592CE 4px solid;
 }
 
 div.thumbnails ul.thumb li a:hover  {
  border:black 4px solid;
 } 
 
 /*=SLIDESHOW
=== === === === === === === === === === */
#gallery-slideshow { background-color:#2E2E2E; width:900px; height:480px; margin:0 auto; outline:none; border:none; }

.no-flash { padding:150px 15px 15px 15px; margin:0 auto; width:750px; text-align:center; color:#999; } 
	.no-flash p a { color:#5592ce; }
	.no-flash p a:hover { color:#999; }

/*=ABOUT
=== === === === === === === === === === */

 div#about, div#news {
  position:relative;
  width:100%;
  margin:36px 0 0 0;
  padding:6px 10px 0 10px;

 }
 
 div#about p {
   color: #999999;
   margin-bottom:40px;
  }
 
 
 div#about_main {
  float:left;
  clear:left;
  width:50%;
  margin-right:20px;
 
 }
 
 div#installers {
	clear:both;
	width:100%;
	margin-bottom: 10px;
	overflow:hidden;
 }
 
div#installers p {
	color: #999999;
	margin-top:5px;
	margin-bottom: 10px;
 }
 
 div#installers p a {
	color: #5592CE;
 }
 
  div#installers p.small {
	font-size:11px;
 }

 
div#installers li {
   color: #999999;
   margin-bottom:10px;
   list-style:none;
 
 }
 
div#installers p.highlight, #extreme p.highlight {
 color:#5592CE;
 margin-bottom:10px;

}

div#installers li a {
  float:left;
  display:block;
  width:117px;
  height:117px;
  border:#5592CE 4px solid;
  margin:4px 15px 15px 0;
 }
 
 div#installers li p a.reg {
  color: #5592CE;
  display:inline;
  border:none;
  width:auto;
  height:auto;
 }
 
  div#installers li p a.reg:hover {
  color: #fff;
 }
 
 div#installers li a:hover {
  border:black 4px solid;
 }

 div#installers li.rule {
  background:transparent url('../img/hr.gif') top left repeat-x;
  height:2px;
  margin:0 0 20px 0;
  width:100%;
   
 }
 
div#installers em {
   color: #5592CE;
   font-style:normal;
   font-weight: bold; 
 }
 
div#installers h3 {
  color:#5592CE;
  margin-bottom:10px;
}

div.work-for-us	{width:100%;}
 
div#about_main a {
  color:#5592CE;
 
 }
 
div#about_main a:hover {
  color:#ffffff;
 
 }
 
 div#about h2 {
  color:#5592CE;
  margin-bottom:10px;
 
 }
 
 div#about_sub {
  float:left;
  width:50%;
  margin-right:20px;
 
 }
 
 div#about div.info {
  float: right;
  width:40%;
  margin-top:18px;
}

 div#about div.info p {
  margin:25px 0;
}

 div#about_main, div.info h3 {
  color:#5592CE;
}

 div#about div.info dd {
  border-bottom:1px #5592CE; 
}
 
 div#about div.info dl dt {
  clear: left;
  color: #5592CE;
  display: block;
  float: left;
  margin-bottom: 8px;
  width: 40%;
}


div#about div.info dl dd {
  color: #5592CE;
  display: block;
  margin-bottom: 8px;
}
 
 
 /*=SITE INFO
=== === === === === === === === === === */

 div#site_info {
  float:left;
  width:100%;
  background:#6699CC url('../img/c_bg.gif') bottom left repeat-x;
  margin:50px 0 0 0;
 
 }
 
  div#contact {
  position:relative;
  width:100%;
  margin:36px 0 70px 0;
  color:white;
  padding:6px 10px 0 10px;


 }
 
 div#contact div#contact_main p {
   line-height:180%;
   font-size:95%;
   margin-top:10px;
 }
 
div#contact h2 {
  color:white;
  margin-bottom:10px;


}
 
  div#contact_main {
  float:left;
  width:510px;
  border-right:1px solid #273E63;
  padding-right:30px;

 }
 
 div#contact_main p a {
  color:black;
  text-decoration:none;

 }
 
 div#contact_main p a:hover {
  color:white;

 }
 
 div#contact_main span {
  color:black;
 }
 
 
 div#contact_sub {
  float:right;
  width:35%;
  height:100px;
  padding:25px 0 0 0;
 
 }
 
div#contact_sub ul.aff {
  float:left;
  width:85%;
  text-align:center;
  margin-top:-35px;
 }
 
div#contact_sub ul.aff li {
  float:left;
  list-style:none;
  margin:0 15px 15px 15px;
  }
  
  div#contact_sub ul.aff li.3m {
  margin-top:25px;
  }
  
div#contact_sub ul.aff li.pdaa {
  margin-right:65px;
  }



div#contact_sub h3 {
  color:#273E63;

 }

.training {
	text-align: center;
	font-size: 130%;
	color: #FF6600;
	margin: 5px 0 5px 0;

}

ul.404-list { padding-bottom:25px;}


/*------------
FORM
-------------*/

.contact-form	{ margin:0; font-size:13px; overflow:hidden;}

form	{margin:10px auto; background-color:#282828; padding:10px 0; }

legend	{color:#5592CE; position:relative; left:-8px; margin-bottom:1em;}

.g-info, .c-info	{ width:45%;}

fieldset	{padding:10px 20px 0 20px; width:100%;}

fieldset li	{ float:left; width:100%; padding-bottom:.25em;}

.submit	{float:none; padding:0 0 10px 15px;}

.button	{ border:1px solid #999999; background-color:#282828; padding:.5em; color:#5592CE; cursor:pointer;}

fieldset li label	 { float:left; width:10em;}

fieldset li input	{padding:2px;}

fieldset li img {margin-top:.5em; clear:both;}

fieldset.alt	{background-color:#1E1E1E; clear:both; margin-top:10px;}

fieldset.alt li input.fmfile	{display:block;}

.fmfile	{color:#1E1E1E; width:50%; float:none;}

.error	{padding:1em; background-color:#EE8B81; border:1px solid #FF0000; margin:1em 0; font-size:11px;}

.ddfmerrors	{ font-size:16px; margin-bottom:.5em; font-weight:bold; color:#FF0000;}

.thanks	{padding:1em; margin:1em 0; width:100%; background-color:#99CC66; border:1px solid #99FF33;}
#installers .thanks p	{color:#000000;}

/*====================
EXTREME PAGE
====================*/
#extreme { width:100%; overflow:hidden; }
#extreme p { color:#999; padding-bottom:10px; line-height:18px; }
/*#extreme h2.xheadline { margin:0 0 20px 0; text-indent:-99999px; background:transparent url(../img/extreme-head.gif) no-repeat left 0; height:57px;}*/
#col-1 { float:left; width:350px; }
#col-2 { float:right; width:525px; }

.work { clear:both; background-color:#2E2E2E; }
.work h4 { color:#999; margin-top:20px; font-weight:normal; }
.wcol { background: transparent url(../img/x-photo-bgd.png) no-repeat left 0; height:210px; padding:10px; margin-bottom:15px; }

ul.xlist { margin-bottom:15px; color:#999; }
ul.xlist li { line-height:18px; display:block; background:#282828 url(../img/bullet.gif) no-repeat 10px 50%; padding:6px 6px 6px 25px;}
ul.xlist li.alt { background-color:#1E1E1E;  }  

ul#xheadline { margin:-25px 0 20px 0; height:65px; overflow:hidden; }
ul#xheadline li { height:65px; margin-bottom:10px; }
#col-1 h2 {text-indent:-999999px; margin:0;}

#col-2 p.highlight strong { font-weight:bold; color:#fff; }