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

* {
	margin: 0;
	padding: 0;
	}

html {
	background: #1f1f1f;
	}
	
body {
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .2px;
	margin: 0 auto;
	width: 775px;
	}
	
#wrapper {
	background: url(../images/centertile.gif) top center repeat-y;
	margin: 0 auto;
	padding-top: 10px;
	width: 775px;
	}	
	
#content_wrap {
	background: url(../images/bottomscene.gif) bottom left no-repeat;
	width: 100%;
	}
	
p {
	font-size: 11px;
	line-height: 1.8em;
	padding-bottom: 15px;
	}	
	
ul {
	font-size: 12px;
	line-height: 1.8em;
	list-style: none;
	padding-bottom: 15px;
	}		
	
a {
	text-decoration: none;
	}
	
a img {
	border: none;
	}
	
#banner {
	width: 700px;
	margin-left: 36px;
	}	
	
#slideshow_outerwrap {
	background: url(../images/vidplusinfo_gradient.gif) top left repeat-x;
	height: 344px;
	width: 700px;
	margin-left: 35.5px;
	}

#slideshow_wrapper {
	padding: 10px 0 0 10px;
	height: 324px;
	}	
	
#aboutvideo {
	float: right;
	background: url(../images/info_gradient.gif) top left repeat-x;
	border: 1px solid #000;
	height: 322px;
	margin: -324px 10px 10px 0;
	width: 261px;
	}

h5#contactus {
	color: #f5c04b;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	}
	
h5#form_below {
	color: #dda834;
	font-size: 10px;
	text-align: center;
	font-style: italic;	
	}
	
img.contactus_stripe {
	padding: 10px 0 0 50px;
	}		
	
#aboutvideo h2 {
	color: #f5c04b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	padding: 15px 0 8px 0;
	text-align: center;
	}
	
#aboutvideo p {
	font-size: 11px;
	line-height: 1.8em;
	padding: 17px 18px 0 22px;
	}				
	
#aboutvideo p.last {
	padding-bottom: 45px;
	}	
	
/*======================= HOME ========================*/	

#slideshow_home {
	background: url(../images/gradient_tall.gif) top left repeat-x;
	width: 700px;
	margin-left: 35.5px;
	}
	
/*
#slideshow_home img {
	margin: 20px 0 0 20px;
	}	
*/

#aboutvideo_home {
	background: #171717;
	height: 63px;
	width: 700px;
	}	
	
#aboutvideo_home h2 {
	color: #f5c04b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 3px 10px;
	}
	
#aboutvideo_home p {
	color: #f5f5f5;
	padding-left: 20px;
	}			
	
/*=========================== MISC ============================*/
	
.clear {
	clear: both;
	}
	
.center {
	text-align: center;
	}
	
.spacer {
	height: 1px;
	clear: both;
	width: 100%;
	}	
	
.skip {
	height: 0;
	width: 0;
	overflow: hidden;
  	position: absolute; /* for the benefit of IE5 Mac */
	}
	
.pad {
	padding-top: 15px;
	}	
		
	
/*=========== HEADER ============*/

#header {
	background: #313131;
	padding-bottom: 29px;
	position: relative;
	width: 775px;
	}	
	
/*======= navigation =========*/
	
#nav {
	position: absolute;
	top: 135px;
	right: 27px;
	}

#nav li {
	float: left;
	list-style: none;
	margin-right: 1px;
	}
	
#nav a {
	height: 29px;
	display: block;
	}
	
#nav a#home {
	background: url(../images/nav/home.gif) no-repeat;
	width: 78px;
	}
	
#nav a#menu {
	background: url(../images/nav/about.gif) no-repeat;
	width: 108px;
	}
	
#nav a#coffee {
	background: url(../images/nav/services.gif) no-repeat;
	width: 101px;
	}	
	
#nav a#locations {
	background: url(../images/nav/work.gif) no-repeat;
	width: 149px;
	}
	
#nav a#contact {
	background: url(../images/nav/contact.gif) no-repeat;
	width: 98px;
	}

#nav a:hover#home,
#nav a:hover#menu,
#nav a:hover#locations,
#nav a:hover#coffee,
#nav a:hover#products,
#nav a:hover#contact,
#nav a:active#home,
#nav a:active#menu,
#nav a:active#locations,
#nav a:active#coffee,
#nav a:active#products,
#nav a:active#contact {
	background-position: 0 -29px;
	}
	
#nav #home.active,
#nav #menu.active,
#nav #locations.active,
#nav #coffee.active,
#nav #products.active,
#nav #contact.active {
	background-position: 0 -29px;
	}
	
/*================= contact form ================*/
	
#news h3 {
	margin: -30px 0 15px 11px;
	font-size: 12px;
	text-transform: uppercase;
	}	

span#indicates {
	font-size: 10px;
	padding-left: 10px;
	}
	

		
	
/*============== news column =====================*/	
	
#news {
	float: right;
	background: #282828;
	margin: 18px 60px 20px 0;
	width: 241px;
	}			
	
#news h2 {
	margin: -30px 0 10px 11px;
	font-size: 12px;
	text-transform: uppercase;
	}	
	
#news a, #aboutvideo a, #mainarea a {
	color: #f5c04b;
	border-bottom: 1px solid #f5c04b;
	}	
	
#news a:hover, #aboutvideo a:hover, #mainarea a:hover {
	border-bottom: none;
	}	
	
#news p {
	font-size: 10px;
	line-height: 1.7em;
	padding: 17px 14px 17px 42px;
	}	
	
.goldstripe {
	padding-left: 10px;
	}	
	
.goldstripe-info {
	padding-left: 20px;
	}	
	
#news p#camera {
	background: url(../images/camera_icon.gif) 9px 18px no-repeat;
	}
	
	
#news p#tower {
	background: url(../images/tower_icon.gif) 9px 21px no-repeat;
	}	
	
	
#news p#screen {
	background: url(../images/screen_icon.gif) 9px 14px no-repeat;
	}	
	
/*============= MAIN AREA ===============*/

#mainarea {
	float: left;
	margin: 18px 0 0 60px;
	width: 355px;
	}
	
#mainarea span, #mainarea span.about, #mainarea span.services {
	background: url(../images/welcome.gif) no-repeat;
	display: block;
	width: 185px;
	height: 33px;
	}
	
#mainarea span.about {
	background: url(../images/about.gif) no-repeat;
	}	
	
#mainarea span.services {
	background: url(../images/services.gif) no-repeat;
	}	
	
#mainarea span.work {
	background: url(../images/work.gif) no-repeat;
	}	
	
#mainarea span.contact {
	background: url(../images/contact.gif) no-repeat;
	}	
	
#mainarea span.thankyou {
	background: url(../images/thankyou.gif) no-repeat;
	}						

	
/*================== FOOTER ================*/

#footer	{
	background: url(../images/footerbackground.gif) bottom left repeat-x;
	height: 51px;
	width: 775px;
	}
	
#footer ul {
	color: #f5c04b;
	font-size: 11px;
	padding-top: 20px;
	text-align: center;
	}	
	
#footer li {
	display: inline;
	padding-right: 7px;
	}
	
#footer a {
	color: #f5c04b;
	}	
	
#footer a:hover {
	border-bottom: 1px #f5c04b solid;
	}