/* -------------------------------------------------------------- 
   Resets default browser CSS  
-------------------------------------------------------------- */

* {
  margin:0;
  padding:0;
}

h1,h2,h3,h4,h5,h6,b {
  font-size:100%;
  font-weight:normal;
}

table { 
  border-collapse: collapse; 
  border-spacing: 0; 
}
caption, th, td { 
 text-align: left; 
}

ul,ol {
  list-style-type:none;
}

img,fieldset {
  border:0;
}

a {
  text-decoration:none;
}

q:before, q:after {
  content:'';
}

/* -------------------------------------------------------------- 
   Global Styles  
-------------------------------------------------------------- */

body {
  font: 11pt Arial, Helvetica, sans-serif;
  color:#000;
  background-color:#000;
}

#container {
  background-color:#fff;
}



a:hover {
  text-decoration:underline;
}

/* -------------------------------------------------------------- 
   Marquee Styles  
-------------------------------------------------------------- */

	#marquee {
	  background:#750000 url('../img/marquee_bg.gif') repeat-y top left;
	  position:relative;
	  height:170px;
	  border-bottom:1px solid #833131;
	}
	
		#marquee #logo a {
		  display:block;
		  width:209px;
		  height:127px;
		  background: url('../img/logo.gif') no-repeat top left;
		  text-indent:-9999em;
		  position:absolute;
		  top:25px;
		  left:40px;
		}
		
		#marquee #tagline {
		  font:italic 1.2em Myriad Pro, Arial, Helvetica, sans-serif;
		  position:absolute;
		  top:50px;
		  right:20px;
		  color:#fff;
		  width:307px;
		}
		
			#tagline span {
			  display:block;
			  text-align:right;
			}

		/* A modified version of A List Apart - http://alistapart.com/articles/slidingdoors2/ */
		#mainNav {
		  position:absolute;
		  right:10px;
		  bottom:0px;
		}
		
		#mainNav li {
		  float:left;
		  display:inline;
		  background:url("../img/nav-right.gif") no-repeat top right;
		  margin:0 3px 0 9px;
		  padding:0;
		}
		
		#mainNav a {
		  float:left;
		  display:block;
		  position:relative;
		  left:-9px;
		  margin-right:-9px;
		  width:.1em;
		  background:url("../img/nav-left.gif") no-repeat top left;
		  padding:15px 24px 11px;
		  text-decoration:none;
		  color:#6f0321;
		  text-transform:uppercase;
		  font-size:0.7em;
		}
		
		#mainNav > ul a {
		  width:auto;
		 }
		
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#mainNav a {
		  float:none;
		}
		
		/* End IE5-Mac hack */
		#mainNav a:hover {
		  color:#fff;
		}
		
		/* not for IE5.x or IE6 */
		#mainNav li:hover {
		  background-position:bottom right;
		  color:#fff;
		}
		
		#mainNav li:hover a {
		  background-position:bottom left;
		}
		
		#mainNav li.current, #mainNav li.hover {
		  background-position:bottom right;
		}
		
		#mainNav li.current a, #mainNav li.hover a {
		  background-position:bottom left;
		  color:#fff;
		}
		
#spareDiv {
  height:19px;
  background:#4c0000 url('../img/inner_bg.gif') repeat-x top left;
}

.home #spareDiv {
  height: 280px;
  background:#4c0000;
  padding: 20px 0 0 30px;
}

/* -------------------------------------------------------------- 
   Common Content Styles  
-------------------------------------------------------------- */

		
#content {
  padding:0px;
  position:relative;
  width:100%;
}

	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	  font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	  color:#560000;
	  margin:1.75em 0 1em;
	}
	
	#content h1 {
	  font-size:2em;
	  margin-top:0;
	  padding-top:42px;
	}
	
	#content h2 {
	  font-size:1.5em;
	}
	
	#content p {
	  margin:1em 0;
	  font-size: .8em;
	}
	
	#content a {
	  color:#560000;
	}
	
	#homeSub {
	  float:right;
	  padding:3em 0.5em 0 2.5em;
	}
	
		#homeSub li {
		  margin-bottom:1.5em;
		}
		
	#content ul.basicList, #content ul.appList {
	  margin:1em 0;
	}
		
	#content ul.basicList, #content ul.appList, #content ul.picBoxes {
	  font-size:0.8em;
	}
	
		#content ul.basicList li:before {
		  content:'»';
		  padding-right:5px;
		}
		
			#content ul.basicList ul {
			  padding:1em;
			}
	
	#content ul.vendorList li {
		display: block;
		text-align: center;
		margin: 20px;
		border: 1px solid #ccc;
		padding: 4px;
		width: 200px;
	}
	
	#content ul.appList {
	  list-style-type:square;
	  padding-left:15px;
	}
	
		#content ul.appList li {
		  margin:0.3em 0;
		}
	
	#content ul.picBoxes li {
	  text-align:center;
	  font-style:italic;
	  margin:1.5em 0;
	}
		
		
/* -------------------------------------------------------------- 
   Inner Page Styles  
-------------------------------------------------------------- */
		
#mainContent {
  margin:0 280px;
  padding-bottom:15px;
}

#mainContent a {
	text-decoration: underline;
	font-weight: bold;
}

#mainContent a:hover {
	text-decoration: none;
}

.home #mainContent {
  margin:0 20px 0 42px;
}

#subContent, #portfolioRail {
  position:absolute;
  top:0;
  width:260px;
  padding-bottom:15px;
}

#subContent {
  left:0;
  background-color:#750000;
}

#portfolioRail {
  right:0;
  background-color:#ccc;
}

	#subContent h2 {
	  color:#fff;
	  margin:2.5em 25px 1em;
	  border-left:3px solid #b50000;
	  line-height:1em;
	  font-size:1.2em;
	  padding-left:5px;
	}
	
	#subContent #tease_01, #subContent #tease_02 {
		text-align: center;
		margin: 20px auto;
	}
	
	#subContent ul.subNav {
	  margin:1em 25px;
	  color:#fff;
	}
		
		#subContent ul.subNav li {
		  padding:10px 0;
		  border-bottom:1px dotted #ba8080;
		  font-size: .8em;
		}
		
		#subContent ul.subNav li:before {
		  content:'»';
		  padding-right:5px;
		}
		
		#subContent ul.subNav li:last-child {
		  border:0;
		}
		
			#subContent ul li a {
			  color:#fff;
			}
			
			#subContent ul.subNav li ul {
				margin: 0 0 0 20px;
				font-size: 11px;
				list-style: none;
			}
			
			#subContent ul.subNav li ul li {
				border: none;
				padding: 5px;
			}
			
			#subContent ul.subNav li ul li:before {
				content: "-";
			}
			
	#subContent ul.subList {
	  text-align:center;
	}
	
		#subContent ul.subList li img {
		  border:1px solid #fff;
		  margin-bottom:1.2em;
		}
		
	#subContent .vcard {
	  color:#fff;
	  margin:1em 25px;
	}
	
		.vcard .type {
		  display:none;
		}
		
		#subContent .vcard a {
		  color:#fff;
		}
			
	#portfolioRail {
	}
	
		#portfolioRail ul { 
		  padding-top:3em;
		  text-align:center;
		}
		
			#portfolioRail li {
			  margin-bottom:0.5em;
			}
	
		#portfolioRail img {
			border: #ccc 1px solid;
			background: #fff;
			padding: 5px;
		}

blockquote {
  padding:0.2em 2.5em 0.2em 1.5em;
  margin:1em 0;
  font-weight:bold;
  color:#777;
  background:url('../img/quotes.gif') no-repeat 100% 10px;
  border:1px dotted #ccc;
  border-width: 1px 0 1px 0;
}

#contactForm {
  padding-bottom:30px;
}

form label {
  display:block;
  width:100px;
  float:left;
}

form p {
  float:none;
  clear:both;
}

form p.nofloat label {
  display:inline;
  width:auto;
  float:none;
}

	label[for=city] {
	  padding-right:80px
	}
	
	#state, #phone, #phone2 {
	  width:30px;
	}
	
	#phone3 {
	  width:40px;
	}
	
	#zip {
	  width:50px;
	}
	
	#budget {
	  width:72px;
	}

	span.error {
	  padding:3px;
	  background-color:#750000;
	  color:#fff;
	  font-weight:bold;
	  margin-left:3px;
	}
	
	p.message span.error {

	}

#content .pressList p.title {
  font-size:1.1em;
}

#content p.center {
  text-align:center;
}
			
.top {
	text-align: right;
	margin: 10px 0;
}
			
		
/* -------------------------------------------------------------- 
   Footer Styles  
-------------------------------------------------------------- */	
		
#footer {
  clear:both;
  float:none;
  background:#560000 url('../img/footer_bg.gif') repeat-x top left;
  height:156px;
  text-align:center;
}

	#footer ul {
	  font-size:0.8em;
	  padding:60px 0 26px 0;
	}

		#footer ul li {
		  display:inline;
		  padding:0 10px;
		}
		
		#footer ul li:after {
		  content:'|';
		  padding-left:20px;
		  color:#fff;
		}
		
		#footer ul li:last-child:after {
		  content:'';
		  padding:0;
		}
		
			#footer li a {
			  color:#fff;
			}
			
	#footer p.copyright {
	  color:#8b5454;
	  font-size:0.8em;
	}
	
		#footer p.copyright a {
		  color:#8b5454;
		}
		
/* -------------------------------------------------------------- 
   Clearfix Styles  
-------------------------------------------------------------- */
			
.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%;
}