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

/* reset: html5doctor.com/html-5-reset-stylesheet */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0; 
	outline: 0; 
	font-size: 100%; 
	vertical-align: baseline; 
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section { display: block; } /* for future use */

ul { list-style: none; }

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


body { background:#000;font-family:Arial, Helvetica, sans-serif;  font-size:13px; color:#fff; }
p { margin:7px 0; }
.left {float:left;}
.right {float:right;}

#container { width:814px; }

#main { height:385px;  }
/*
#main .right { padding:32px 20px 0 20px; width:367px; }
#main .right p { line-height:1.5em; margin:10px 0; }

*/
.column1{width:397px; margin-right:34px;}
.column2{ width:383px;}
.column2 p {width:326px;}
.column2 li {float:left; width:94px; height:79px; margin-right:17px;}
h2 { font-size:25px; width:372px; margin:52px 0 12px 0; }

div#video-holder { margin:20px 0 5px 0; width:278px; height:152px;  }

.video-text {margin:30px 0 45px 0; }
.video-text a{ color:#fff; font-size:20px; }

#secondary { padding:0 0 0 22px; margin:65px 0 0 0; height:auto; width:792px; }
.product { width:209px; float:left; margin:0 35px 0 20px; } 
.product-name { font-size:15px; }
.product img { float:right; }
.product li { font-size:11px; }
.cta { font-size:15px; display:inline-block; background:url(../images/arrow.png) no-repeat left 5px ; padding:0 0 0 15px; color:#fff; text-decoration:none;  }
.product-des { margin-bottom:27px; }
.product-des li { list-style:disc inside; font-size:10px; }

.logo { margin:42px 0 28px 0; }
.logo ul { margin:0 auto 0 auto; width:170px;  }
.logo ul li { float:left;  margin:0 7px; }

#footer { margin-bottom:55px; }
#footer p { font-size:8px; color:#9a9a9a; }


/*------ Tabs ------*/
.tab-container{margin-left:110px;}
.tab-content h3 { 
margin-bottom:10px;
font-size:16px;
}
.tab-content h4{font-size:14px;}
.tab-content {
margin-top:-11px;
padding:18px 0 18px 15px;
width:575px;
height:213px;
background:#000;
border:solid 1px #b8b8b8;
-webkit-border-radius: 18px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 18px;
border-radius: 18px;
z-index:50;
position:relative;
}
.tab-content ul {margin:0 0 10px 12px; }
.tab-content li {list-style:outside; list-style-type:disc; line-height:125%; font-size:11px; margin-bottom:5px;
 padding:0;}
.tabs li {
list-style:none;
display:inline;
}
.tabs a {
padding:20px 0 0 20px;
display:inline-block;
color:#808080;
font-size:18px;
text-decoration:none;
width:81px;
height:47px;
z-index:1;
position:relative;
border:solid 1px #343536;
border-bottom:none;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.tabs a.active {
color:#fff;
border:solid 1px #b8b8b8;
border-bottom:none;
z-index:100;
position:relative;
background:#000;
height:37px;
}
			
#tab1 {border-top-left-radius:0; padding:57px 0 0 63px; width:527px; height:192px;}

#tab2 {background:url(../images/tab2-graphic.jpg) 331px top no-repeat #000;}
#tab3 {background:url(../images/tab3-graphic.jpg) 331px top no-repeat #000;}
#tab4 {background:url(../images/tab4-graphic.jpg) 331px top no-repeat #000;}
#tab5 {background:url(../images/tab5-graphic.jpg) 331px top no-repeat #000;}
#tab1 h3 { text-align: center;}
/*#tab1 h3 {background:url(../images/tab1-headline.jpg) top left no-repeat; margin:0 0 36px 9px;}
#tab2 h3 {background:url(../images/tab2-headline.jpg) top left no-repeat;}
#tab3 h3 {background:url(../images/tab3-headline.jpg) top left no-repeat; }
#tab4 h3 {background:url(../images/tab4-headline.jpg) top left no-repeat;}
#tab5 h3 {background:url(../images/tab5-headline.jpg) top left no-repeat;}*/


.cta-wrapper div {width:170px; margin-right:60px;}
.cta-wrapper p {margin:0;}
.price {font-size:25px;}