﻿/* Background Styling Header/Main/Footer */
#header-wrapper,
#main-wrapper{
	background:url('../images/black-370118_1280.png');
	background-size:cover;
	background-repeat: no-repeat;
}
/* Homepage Feature Styling */
.box.feature1{
	text-align:justify;
}

/* Image Styling */
.shrink img{
	vertical-align:bottom;
}
/* Overridding Previous Styles */
.lowercase, 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, #banner p, header p, li .lowercase{
	text-transform: none;
}
h1, h2, h3, h4, h5, h6, p, header p{
	text-shadow: none;
}
p, header p{
	color: rgba(255,255,255,0.75);
}
#header,
#header .inner{
	border-radius: 0px;
}
#banner,
#header-wrapper{
	padding-bottom: 0px;
}
#footer-wrapper{
	padding-bottom: 0px;
}
#wrapper.style1{
	padding:6em 0 7em 0;
}
.image.home{
	margin: 0em;
}
.image.featured{
	margin-top: 5em;
	margin-bottom: 5em;
}

/* Product Table Styling */
.tableHeader {
	text-align: left;
	display: block;
	line-height:1em;
	color: #fff;
	font-size: 2.05em;
}
.container2 td {
	font-weight: normal;
	font-size: 1em;
	color: #ffffff;
}

.container2 {
	text-align: left;
	width: 100%;
	margin: 0 auto;
	display: table;
	padding: 0 0 8em 0;
}

.container2 td, .container2 th {
	padding-bottom: 2%;
	padding-top: 2%;
	padding-left:2%;  
}

/* Background-color of the odd rows */
.container2 tr:nth-child(odd) {
	background-color: #A9A9A9;
}

/* Background-color of the even rows */
.container2 tr:nth-child(even) {
	background-color: #696969;
}

/* Misc */
.compatibilityDesc{
	margin-bottom: 1em;
}
.cyber{
	background: rgba(0,0,0,.1);
}
.compareTitle{
	font-size: 2em;
}
/* Responsive Design and Media Queries */
@media (max-width: 480px){
.container td{
	font-size: .7em;
}
}
@media (max-width: 767px){
	
}
@media (min-width: 768px) and (max-width: 979px){
html .homepage{
	max-width:967px;
	min-width: 0px;
}
#header-wrapper .container{
	width: 95%;
}
#main-wrapper .wrapper{
	padding: 5em 1em 3em;
}
div.main-desc{
	width: 767px;
	margin-left: 10px;
}
#footer.container{
	width: 751px;
}
section.container.box.feature1{
	width: 751px;
}
.menu li.rights,
.menu li.shrink2{
	margin-left: 0px;
	padding-left: 0px;
}
li.shrink{
	width: 100%;
}
#banner{
	width: 751px;
	margin: 0 auto;
}
#main-wrapper .wrapper.style2{
	padding-bottom: 5em;
	padding-top: 0;
}
#main-wrapper .wrapper .inner .container .row .main-desc{
	padding-left: 5px;
	padding-right: 5px;
}
}
@media (min-width: 980px) and (max-width: 1023px){
html .homepage{
	max-width: 963px;
	min-width: 0px;
}
#header-wrapper .container{
	width: 95%;
}
/* Respace Nav Bar Elements */
#nav{
	right: 0;
}
	#nav > ul > li {
		padding: 0 0 0 0;
	}
	#nav > ul > li > a,
	#nav > ul > li > span{
		font-size: 0.75em;
		letter-spacing: 0.07em;
	}
	#nav > ul > li #divider{
		font-size: 1.75em;
		padding: 0 0 0 0;
	}
#banner{
	width: 751px;
	margin: 0 auto;
}
div.main-desc{
	width: 979px;
	margin-left: 10px;
}
#footer.container{
	width: 963px;
}
section.container.box.feature1{
	width: 963px;
}
.row .sitemap{
	padding-left: 45px;
}
.menu li.rights,
.menu li.shrink2{
	margin-left: 0px;
	padding-left: 0px;
}
li.shrink{
	width: 100%;
}

#main-wrapper .wrapper.style2{
	padding-bottom: 5em;
	padding-top: 0;
}
dl.contact dd{
	margin-left: 4em;
}
div .row .call{
	padding:35px 0 0 10px;
}
#main-wrapper .wrapper.style3{
	padding-top: 15em;
}

}
@media (min-width: 1024px) and (max-width: 1279px){
#main-wrapper .wrapper{
	padding-top: 7em;
	padding-bottom: 3em;
	width: 940px;
	margin-left: auto;
	margin-right:auto;
}
#main-wrapper .wrapper.style3{
	padding-top: 20em;
}
.shrink.shrink2 img{
	margin-right: -11px;
}

#main-wrapper .wrapper.style2{
	padding-bottom: 5em;
	padding-top: 0;
}
.container{
	width: 940px;
}
.row{
	margin: -50px 0 0 0;
}
#header-wrapper .container{
	width:95%;
}
/* Respace Nav Bar Elements */
#nav{
	right: 0;
}
	#nav > ul > li #divider{
		font-size: 1.75em;
		padding: 0 0 0 0;
	}
#footer-wrapper .container{
	width:1000px;
}
#footer-wrapper .container .row{
	margin: -50px 0 0 -50px;
}
#footer-wrapper .container .row> div{
	padding: 50px 0 0 50px;
}
dl.contact dd{
	margin-left: 4em;
}
#footer-wrapper .container .row .callUs{
	padding-left: 30px;
}
#main-wrapper .wrapper .inner .container .row .main-desc {
	padding: 35px 0 0 0;
}
#main-wrapper .wrapper .inner .container .row .main-desc2{
	padding: 100px 0 0 0;
}
.container2 .models{
	font-size: 1.2em;
	font-weight:bold;
}

}
@media (min-width: 1280px) and (max-width: 1599px){
#main-wrapper .wrapper{
	padding-top: 7em;
	padding-bottom: 3em;
	width: 940px;
	margin-left: auto;
	margin-right:auto;
}
.container{
	width: 940px;
}
.row{
	margin: -50px 0 0 0;
}
#main-wrapper .wrapper.style2{
	padding-bottom: 5em;
	padding-top: 0;
}
.row>*{
	padding: 50px 0 0 0;
}
#header-wrapper .container{
	width:95%;
}
#footer-wrapper .container{
	width:1200px;
}
#footer-wrapper .container .row{
	margin: -50px 0 0 -50px;
}
#footer-wrapper .container .row>*{
	padding: 50px 0 0 50px;
}
dl.contact dd{
	margin-left: 4em;
}
div .row .call{
	padding:35px 0 0 25px;
}
.container2 .models{
	font-size: 1.2em;
	font-weight:bold;
}

}
@media (min-width: 1600px) and (max-width: 1899px){
div .row .call{
	padding:35px 0 0 25px;
}
#main-wrapper .wrapper{
	padding-top: 7em;
	padding-bottom: 3em;
	width: 940px;
	margin-left: auto;
	margin-right:auto;
}
.container{
	width: 940px;
}
.row{
	margin: -50px 0 0 0;
}
#main-wrapper .wrapper.style2{
	padding-bottom: 5em;
	padding-top: 0;
}
.row>*{
	padding: 25px 0 0 0;
}
#header-wrapper .container{
	width:95%;
}
#footer-wrapper .container{
	width:1200px;
}
#footer-wrapper .container .row{
	margin: -50px 0 0 -50px;
}
#footer-wrapper .container .row>*{
	padding: 50px 0 0 50px;
}
.container2 .models{
	font-size: 1.2em;
	font-weight:bold;
}

}
@media (min-width: 1900px){
div .row .call{
	padding:35px 0 0 25px;
}
#main-wrapper .wrapper{
	padding-bottom: 5em;
	width: 940px;
	margin-left: auto;
	margin-right:auto;
	padding-top: 3em;
}
.container{
	width: 940px;
}
.row{
	margin: -50px 0 0 0;
}
#main-wrapper .wrapper.style2{
	padding-bottom: 5em;
	padding-top: 0;
}
.row>*{
	padding: 25px 0 0 0;
}
#header-wrapper .container{
	width:95%;
}
#footer-wrapper .container{
	width:1200px;
}
#footer-wrapper .container .row{
	margin: -50px 0 0 -50px;
}
#footer-wrapper .container .row>*{
	padding: 50px 0 0 50px;
}
.container2 .models{
	font-size: 1.2em;
	font-weight:bold;
}

}