/* CSS RESET */

*{
	outline:none;
}

.clear{
	clear:both;
	display:block;
	height:0;
	overflow:hidden;
	width:100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* FONT / BODY */

body{
	font-family:helvetica, arial, sans-serif;
	font-size:14px;
	background-color:#fff;
	line-height:130%;
	color:#000;
}

p{
	padding:5px 0;
	font-size:14px;
}

p a:link,
p a:visited{
	color:#062a5e;
}

/* GLOBAL PAGE STRUCTURE */

#wrapper{
	width:800px;
	margin:0 auto 0 auto;
	position:relative;
}

#wrapper a.home-link{
	color:#062a5e;
	text-transform:uppercase;
	display:inline;
	float:right;
	overflow:auto;
	height:20px;
	line-height:20px;
	margin:15px 5px 15px 0;
	padding:0 5px 0 0;
	border-right:1px solid #062a5e;
}
#wrapper a.about-link{
	color:#062a5e;
	text-transform:uppercase;
	display:inline;
	line-height:50px;
	height:50px;
	float:right;
	overflow:auto;
	margin:0 35px 0 0;
}
#wrapper #left{
	padding:20px 30px 0 20px;
	margin:0 246px 0 0;
}

#wrapper #left.wide{
	padding:20px;
	margin:0;
	font-size:10px;
}

#wrapper #left.wide p{
	font-size:12px;
}
#wrapper #left ul{
	padding:10px 0 0 30px;
}

#wrapper #left ul li{
	background:url(../images/h2bullet.png) no-repeat 0 8px;
	padding:8px 0 8px 15px;
}

#wrapper #left ul li b{
	color:#062a5e;
}

 #wrapper h2 a{
	font-size:16px;
	color:#062a5e;
	font-weight:bold;
	padding:5px 0 5px 15px;
	background:url(../images/h2bullet.png) no-repeat 0 50%;
	margin:0 0 0 -15px;
	text-align:left;
	text-decoration:underline;
	display:block;
}

 #wrapper h2 a:hover{
	text-decoration:none;
}

 #wrapper h2{
	font-size:18px;
	color:#062a5e;
	font-weight:bold;
	padding:15px 0;
}



/* HOME LANDING PAGE */

body#home #wrapper #branding{
	height:221px;
	width:800px;
	border-top:10px solid #f4d00d;
	border-bottom:5px solid #f4d00d;
	background:#062a5e url(../images/header-bg.gif) no-repeat bottom center;
	position:relative;
}

body#home #wrapper #branding h1{
	position:absolute;
	height:125px;
	width:581px;
	top:48px;
	left:57px;
	display:block;
	text-indent:-9999999px;
	background:transparent url(../images/home-h1.gif) no-repeat top center;
}

body#home #wrapper #videos{
	width:800px;
	border-bottom:5px solid #f4d00d;
	background:transparent url(../images/shadow-bg.gif) repeat-x 0 4px;
	padding:16px 0 16px 0;
}

body#home #wrapper #videos p{
	line-height:14px;
	padding:12px 18px;
	width:235px;
	background-color:#c8c9ca;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	float:left;
	overflow:hidden;
	display:inline;
}

body#home #wrapper #videos .vid_content{
	width:88px;
	height:52px;
	background-color:#c8c9ca;
	display:inline;
	float:left;
	position:relative;
	z-index:0;
	overflow:hidden;
}

body#home #wrapper #videos .vid_content img.normal{
display:block;
width:88px;
height:52px;
overflow:hidden;
}

body#home #wrapper #videos .vid_content img.hover{
display:block;
width:88px;
height:52px;
overflow:hidden;
}

body#home #wrapper #videos .vid_content p.label{
position:absolute;
z-index:10;
top:52px;
left:0;
display:none;
width:74px;
background-color:#000000;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-transform:lowercase;
font-style:italic;
font-variant:small-caps;
font-size:11px;
line-height:11px;
padding:4px 7px;
clear:both;
}

body#home #wrapper #right{
	float:right;
	width:196px;
	padding:15px;
	display:inline;
	margin:0 20px 0 0;
	text-align:center;
	background:none;
}

body#home #wrapper #right h2{
	font-size:22px;
	color:#062a5e;
	font-weight:bold;
	margin:10px 0 0 0;
}


body#home #wrapper #left h2 a:hover{
	text-decoration:none;
}

body#home #wrapper #left h3{
	font-size:15px;
	font-weight:normal;
	padding:2px 0 10px 0;
}

body#home #wrapper #left img.book{
	float:left;
	margin:6px 2px 0 0;
}

body#home #wrapper #left #content{
	padding:20px;
	margin:0 0 0 160px;
}

body#home #wrapper #left #content h3{
	font-size:16px;
	font-weight:normal;
	padding:0 0 10px 0;
}

body#home #wrapper #left #content h2{
	padding:0;
}

body#home #wrapper #left #content p{
	padding:0 0 10px 25px;
	font-size:12px;
}

#wrapper #footer{
	color:#a2a2a2;
	font-size:10px;
	text-align:center;
}

#wrapper #footer ul{
	width:800px;
	padding:10px 0;
}

#wrapper #footer ul li{
	display:inline;
	padding:0 3px;
}

#wrapper #footer ul li a{
	color:#a2a2a2;
}

#wrapper #footer ul li a:hover{
	color:#062a5e;
}




/*  INTERIOR PAGES  */

body #wrapper #branding{
	height:106px;
	width:800px;
	border-top:10px solid #f4d00d;
	border-bottom:10px solid #f4d00d;
	background:#062a5e url(../images/splogo-small.gif) no-repeat 661px 20px;
	position:relative;
}

body#newtimes #wrapper #branding{
	height:147px;
	width:800px;
	border-top:10px solid #f4d00d;
	border-bottom:10px solid #f4d00d;
	background:#062a5e url(../images/splogo-small.gif) no-repeat 661px 60px;
	position:relative;
}

body#dvd #wrapper #branding{
	height:165px;
	width:800px;
	border-top:10px solid #f4d00d;
	border-bottom:10px solid #f4d00d;
	background:#062a5e url(../images/splogo-small.gif) no-repeat 655px 80px;
	position:relative;
}

body#testimonials #wrapper #branding{
	height:106px;
	width:800px;
	border-top:10px solid #f4d00d;
	border-bottom:10px solid #f4d00d;
	background:#062a5e url(../images/splogo-small.gif) no-repeat 655px 20px;
	position:relative;
}

body#kit #wrapper #branding{
	height:131px;
	width:800px;
	border-top:10px solid #f4d00d;
	border-bottom:10px solid #f4d00d;
	background:#062a5e url(../images/splogo-small.gif) no-repeat 655px 40px;
	position:relative;
}

body#map #wrapper #branding{
	height:166px;
	width:800px;
	border-top:10px solid #f4d00d;
	border-bottom:10px solid #f4d00d;
	background:#062a5e url(../images/splogo-small.gif) no-repeat 655px 75px;
	position:relative;
}

#wrapper #right h2 a{
	font-size:16px;
	color:#062a5e;
	font-weight:bold;
	padding:5px 0 5px 15px;
	background:url(../images/h2bullet.png) no-repeat 0 50%;
	margin:5px 0 0 15px;
	text-align:left;
	text-decoration:underline;
	display:block;
}

#wrapper #right h2 a:hover{
	text-decoration:none;
}

#wrapper #right p{
	font-size:12px;
	color:#062a5e;
	padding:5px 0 5px 5px;
	text-align:left;
	line-height:170%;
}

#wrapper #right p.r_align{
	text-align:right;
}

#wrapper #branding h1#about{
	position:absolute;
	height:41px;
	width:211px;
	top:34px;
	left:28px;
	display:block;
	text-indent:-9999999px;
	background:transparent url(../images/aboutus.gif) no-repeat top center;
}

#wrapper #branding h1#thanks{
	position:absolute;
	height:41px;
	width:238px;
	top:34px;
	left:158px;
	display:block;
	text-indent:-9999999px;
	background:transparent url(../images/thankyou.gif) no-repeat top center;
}

#wrapper #branding h1#newtimes{
	position:absolute;
	height:102px;
	width:435px;
	top:23px;
	left:168px;
	display:block;
	text-indent:-9999999px;
	background:transparent url(../images/newtimes-h1.gif) no-repeat top center;
}

#wrapper #branding h1#dvd{
	position:absolute;
	height:123px;
	width:438px;
	top:23px;
	left:27px;
	display:block;
	text-indent:-9999999px;
	background:transparent url(../images/dvd-h1.gif) no-repeat top center;
}

#wrapper #branding h1#testimonials{
	position:absolute;
	height:123px;
	width:438px;
	top:33px;
	left:-27px;
	display:block;
	text-indent:-9999999px;
	background:transparent url(../images/testimonials.gif) no-repeat top center;
}

#wrapper #branding h1#tips{
	position:absolute;
	height:83px;
	width:397px;
	top:24px;
	left:174px;
	display:block;
	text-indent:-9999999px;
	background:transparent url(../images/tips-1.gif) no-repeat top center;
}

#wrapper #branding h1#map{
	position:absolute;
	height:116px;
	width:519px;
	top:27px;
	left:23px;
	display:block;
	text-indent:-9999999px;
	background:transparent url(../images/map-h1.gif) no-repeat top center;
}

#wrapper #branding img#thanksbook{
	position:absolute;
	top:-30px;
	left:9px;
}

#wrapper #branding img#newtimes{
	position:absolute;
	top:-30px;
	left:16px;
}

body #wrapper #right{
	float:right;
	width:196px;
	padding:15px;
	display:inline;
	margin:0 20px 0 0;
	text-align:center;
	background:url(../images/sidebarbg.png) repeat-x top left;
	min-height:420px;
}

body#kit #wrapper #right p{
	line-height:120%;
	color:#000;
	font-size:12px;
	padding:2px 0 20px 0;
}

body#kit #wrapper #right h3{
	color:#062a5e;
	text-align:left;
	font-weight:bold;
	margin:0 0 20px 0;
	font-size:16px;
}

body#kit #wrapper #right h4{
	text-transform:uppercase;
	color:#062a5e;
	text-align:left;
	font-weight:bold;
	
}

body#kit #wrapper #left input#vr_submit{
	cursor:pointer;
}

/* Dialog Box */
div#screen_mask {
	background-color:#333333;
	display:none;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:1000;
}
div#dialog {
	display:none;
	left:50%;
	position:absolute;
	top:80px;
	z-index:1001;
	border:2px solid #000000;
	background-color:#FFFFFF;
	width:480px;
	margin-left:-242px;
	height:315px;
}
	div#dialog div.boxtop{
		width:100%;
		height:25px;
		background:#fff url(/images/boxtop.png) repeat-x bottom left;
	}
		div#dialog div.boxtop a.closer{
			text-indent:-99999px;
			background:transparent url(/images/close.png) scroll no-repeat top left;
			display:block;
			width:18px;
			height:17px;
			position:absolute;
			top:4px;
			right:4px;
		}

div#dialog p{
padding:15px;
}


/*	Vertical Response Form  */
	
#wrapper #left #form_container{
	position:relative;
	height:500px;
	color:#000;
	font-size:11px;
	margin:25px 0 0 0;
}

#wrapper #left #form_container div{
	text-align:left;
}

#wrapper #left #form_container div label{
	display:block;
	color:#000;
}

#wrapper #left #form_container #f_name{
	position:absolute;
	top:22px;
	left:0px;
	height:50px;
	width:236px;
}

#wrapper #left #form_container #f_name input{
	width:223px;
}

#wrapper #left #form_container #l_name{
	position:absolute;
	top:22px;
	left:250px;
	height:50px;
	width:236px;
}

#wrapper #left #form_container #address{
	position:absolute;
	top:70px;
	left:0px;
	height:48px;
	width:469px;
}	



#wrapper #left #form_container #address2{
	position:absolute;
	top:116px;
	left:0px;
	height:48px;
	width:469px;
}

#wrapper #left #form_container #address input{
	width:468px;
}

#wrapper #left #form_container #address2 input{
	width:468px;
}

#wrapper #left #form_container #city{
	position:absolute;
	top:165px;
	left:0px;
	height:48px;
	width:233px;
}
	
#wrapper #left #form_container #state{
	position:absolute;
	top:165px;
	left:248px;
	height:48px;
	width:150px;
}	

#wrapper #left #form_container #zip{
	position:absolute;
	top:165px;
	left:417px;
	height:48px;
	width:120px;
}	
	
#wrapper #left #form_container #phone{
	position:absolute;
	top:210px;
	left:0px;
	height:48px;
	width:225px;
}

#wrapper #left #form_container #email{
	position:absolute;
	top:210px;
	left:248px;
	height:48px;
	width:233px;
}

#wrapper #left #form_container #email p{
	font-size:11px;
}

#wrapper #left #form_container #operation_type{
	position:absolute;
	top:266px;
	left:0px;
	height:48px;
	width:120px;
}

#wrapper #left #form_container #operation_size{
	position:absolute;
	top:266px;
	left:130px;
	height:48px;
	width:233px;
}	
#wrapper #left #form_container #other_operation {
height:48px;
left:130px;
position:absolute;
top:266px;
width:233px;
display:none;
}
#wrapper #left #form_container #vr{
	position:absolute;
	top:400px;
	left:0px;
	height:48px;
	width:233px;
}

#wrapper #left #form_container #submit{
	position:absolute;
	top:375px;
	left:0px;
	height:48px;
	width:100px;
}