/* black: #00000m, lighter black: #0d0d0d */

body {
margin: 0;
padding: 0;
text-align:center;
background-color: #000;
background-image: url("images/mainbg.jpg");
background-position: top center;
background-repeat: no-repeat;
}

h1 {
clear:both;
font: bold 110% arial, sans-serif;
color: #ccc;
text-align:left;
}

h2 {
float: left;
font: bold 90% arial, sans-serif;
color: #ccc;
text-align:left;
}

h3 {
clear:both;
font: bold 90% arial, sans-serif;
color: #b9975c;
text-align:left;
}

img {
border: none;
}

a {
color: #b9975c;
}


#maincontainer {
width: 1002px;
margin: 0 auto 20px auto;
}

#masthead {
width: 1002px;
}

#menu {
height: 30px;
margin: 180px 0 0 0;
z-index: 3;
}

#menuwrapper {
margin: 0 auto;
}


#menu ul {
float:left;
padding: 0;
margin: 0;
}

#menu li  {
float:left;
display: inline;
padding: 0 30px 0 30px;
}

#menu li a {
font: 80% arial, sans-serif;
color: #b9975c;
text-decoration: none;
}

#menu li a:hover {
color: #fff;
}

/*
dropdowns


.dropdownwrapper {
width: 100px;
position: absolute;
top: 200px;
left: 360px;
z-index: 5;
padding: 0 0 0 0;
}

.detection {
height: 170px;
width: 260px;
position: absolute;
top: 200px;
left: 350px;
z-index: 4;
background-color:#0d0d0d;
padding: 0 0 0 0;
opacity: 0;
}

#second {
height: 160px;
width: 150px;
position: absolute;
background-color: #0d0d0d;
z-index: 5;
display:none;
padding: 0 0 0 0;
}

#second ul {
width: 150px;
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
}

#second li {
text-align:left;
list-style-type: none;
list-style: none;
padding: 2px 0 2px 10px;
}

#second li:hover {
background-color: #555;
}

#second li a {
font: 70% arial, sans-serif;
color: #fff;
text-decoration: none;
}

#second li a:hover {
text-decoration:underline;
}

#third {
height: 100px;
width: 100px;
position: absolute;
background-color: #555;
left: 130px;
z-index: 5;
padding: 0 0 0 0;
display: none;
}

#third  ul {
width: 100px;
padding: 0 0 0 0;
margin: 0 0 0 0;
float: left;
}

#third  li {
text-align:left;
list-style-type: none;
list-style: none;
padding: 2px 0 2px 10px;
}

#third  li:hover {
background-color: #444;
}

#third  li a {
font: 70% arial, sans-serif;
color: #fff;
text-decoration: none;
}
*/

.dropdownwrapper {
height:10px;
padding: 0 0 0 0;
position: absolute;
}

.detection {
width: 155px;
padding: 0 0 0 0;
opacity: 0;
top: 210px;
position: absolute;
z-index: 1;
}

#second {
width: 145px;
display:none;
padding: 0;
position: absolute;
margin: 10px 0 0 5px;
z-index: 4;
background-color:#0d0d0d;
}

#second ul {
padding: 5px;
margin: 0 0 0 0;
}

#second li {
width: 100%;
clear:both;
text-align:left;
list-style-type: none;
list-style: none;
padding: 4px 4px 4px 0;
border-bottom: 1px dotted #222;
}

#second li:hover {

}

#second li a {
font: 75% arial, sans-serif;
color: #fff;
text-decoration: none;
}

#second li a:hover {
text-decoration:underline;
}

#third {
display: none;
height: 100px;
width: 80px;
padding: 5px;
background-color: #555;
position: absolute;
left: 100px;
top: 30px;
z-index: 5;
}

#third  ul {
width: 80px;
margin: 0 0 0 0;
float: left;
border: 1px dotted #666;
}

#third  li {
clear:both;
width: 100%;
text-align:left;
list-style-type: none;
list-style: none;
padding: 2px;
}

#third  li:hover {
background-color: #444;
}

#third  li a {
font: 75% arial, sans-serif;
color: #fff;
text-decoration: none;
}

#banner {

}

#bannerwrapper {
width: 1002px;
}

#bannercontact {
float:left;
width: 490px;
height: 200px;
padding: 0 0 0 5px;
margin: 0 0 0 0;
}

#bannercontact p {
font: bold 135% georgia,'Times New Roman', serif;
padding: 50px 0 0 0;
margin: 0 0 0 0;
text-align:left;
}

#bannerinfo {
clear:both;
float:left;
width: 450px;
margin: 0 0 0 0;
}

#bannerinfo p {
font: 105% georgia,'Times New Roman', serif;
padding: 65px 0 0 25px;
margin: 0;
text-align:left;
line-height: 24px;
}


#banner img {
margin: 15px 0 0 0;
}

#content {
width: 100%;
height: auto;
margin: 25px 0 20px 0;
padding: 0 0 30px 0;
display: inline-block;
background-color: #0d0d0d;

}

#contentwrapper {
width: 1002px;
}

.special {
clear: both;
display: inline-block;
background-color: #333;
height: 40px;
width: 90%;	
margin: 0 0 15px 0;
border: 1px dashed #444;
}

.special p {
color: #eee;	
padding: 0;
margin: 10px 0 0 0;
font: 100% georgia,'Times New Roman', serif;
}

/* Content Columns */

#singlecol {
float:left;
width: 700px;
padding: 0 25px 0 25px;
margin: 0 0 30px 0;
}


#singlecol ul {
width: 90%;
float: left;
font: bold 75% airal, sans-serif;
padding: 0 0 0 0;
margin: 10px 10px 10px 20px;
color: #b9975c;
text-align:left;
line-height: 20px;
}

#singlecol li {
padding: 3px 0 3px 0;
}


#singlecol p {
float:left;
clear:both;
padding:0;
margin: 0 0 15px 0;
text-align: left;
font: 80% airal, sans-serif;
line-height: 20px;
color: #a3a1a1;
}

#fullcol {
float:left;
width: 950px;
padding: 0 25px 0 25px;
margin: 0 0 30px 0;
}


#fullcol ul {
width: 90%;
float: left;
font: bold 75% airal, sans-serif;
padding: 0 0 0 0;
margin: 10px 10px 10px 20px;
color: #b9975c;
text-align:left;
line-height: 20px;
}

#fullcol li {
padding: 3px 0 3px 0;
}


#fullcol p {
float:left;
clear:both;
padding:0;
margin: 0 0 15px 0;
text-align: left;
font: 80% airal, sans-serif;
line-height: 20px;
color: #a3a1a1;
}

#sidebar {
float: left;
width: 230px;
margin: 10px 20px 10px 0;
}

#sidebar ul {
background-color: #222;
border: 1px solid #000;
margin: 0;
padding: 0 0 0 0;
text-align: left;
list-style: none;
list-style-type: none;
}

#sidebar li {
border-bottom: 1px solid #000;
padding: 4px;
}

#sidebar li:hover {
background-color: #111;	
}

#sidebar li a {
width: 100%;
font: 80% airal, sans-serif;
display: inline-block;
text-decoration: none;
}

#sidebar li a:hover {
color: #fff;	
}

#leftcol {
float:left;
width: 440px;
padding: 0 25px 0 25px;
margin: 0 0 30px 0;
}

#leftcol p {
float:left;
padding:0;
margin: 0 0 15px 0;
text-align: left;
font: 80% airal, sans-serif;
line-height: 20px;
color: #a3a1a1;
}

#leftcol  ul {
width: 80%;
float: left;
font: bold 75% airal, sans-serif;
padding: 0 0 0 0;
margin: 10px 10px 10px 20px;
color: #a3a1a1;
text-align:left;
line-height: 20px;
}

#leftcol  li {
padding: 3px 0 3px 0;
}

#rightcol {
float:left;
width: 465px;
padding: 0 0 0 15px;
margin: 0 0 30px 0;
}

#rightcol p {
float:left;
padding:0;
margin: 0 0 15px 0;
text-align: left;
font: 80% airal, sans-serif;
line-height: 20px;
color: #a3a1a1;
}

#rightcol ul {
width: 80%;
float: left;
font: bold 75% airal, sans-serif;
padding: 0 0 0 0;
margin: 10px 10px 10px 20px;
color: #a3a1a1;
text-align:left;
line-height: 20px;
}

#rightcol  li {
padding: 3px 0 3px 0;
}


.indexinfo {
float:left;
margin: 0 50px 15px 0;
}

.indexinfo ul {
text-align:left;
margin: 0;
}

.indexinfo li {
font: 80% arial, sans-serif;
color: #a3a1a1;
padding: 2px 0 2px 0;
}

.productshowcase {
float:left;
margin: 0 15px 15px 0;
}

#showcasewrapper {
clear:both;
padding: 0 20px 0 20px;
}

.showcaseitem {
width: 205px;
float:left;
margin: 0 35px 30px 0;
}

.showcaseitem img {
margin: 0 0 10px 0;
}

.showcaseitem p {
padding:0;
margin: 0;
text-align: left;
font: 80% airal, sans-serif;
line-height: 18px;
color: #a3a1a1;
}

#testimonial {
float:left;
width: 236px;
height: 268px;
padding: 0;
margin: 0 0 30px 0;
background-image: url("images/quoteframe.gif");
background-repeat: no-repeat;
}

#testimonial p {
width: 210px;
padding: 0 0 0 15px;
margin: 15px 0 0 0;
font: 90% arial,sans-serif;
text-align: left;
line-height: 22px;
color: #7393e5;
}

#footer {
clear:both;
width: 1002px;
min-height: 200px;
background-image: url("images/footer_pattern.jpg");
background-position: top;
background-repeat: repeat-x;
}

#footericons {
float:left;
margin: 20px 0 0 20px;
}	




#footerinfo {
float:left;
clear:both;
margin: 20px 0 0 20px;
}

#footerinfo ul {
float:left;	
padding: 0;
margin: 0;
}

#footerinfo li {
list-style:none;
list-style-type: none;
color: #a3a1a1;
font: 80% verdana, arial, sans-serif;
text-align:left;
padding: 5px 0 8px 0;
}	

#footerinfo ul.contact {
width: 180px;
margin: 0 0 0 30px;
}


#footerinfo ul.social {
float: left;
width: 50px;
}
#footerinfo ul.social img {
margin: 0 0 0 0;
}

#footerinfo img {float:left;}

#footerlinks {
float:right;
margin: -40px 0 0 0;
}

#footerlinks img {
float:left;
margin: 0 15px 0 15px;
}

#footerlinks ul{
float:left;
width: 125px;
padding: 0;
margin: 0 0 0 0;
}

#footerlinks ul li {
list-style: none;
text-align: left;
padding: 1px 0 1px 0;
}

#footerlinks li a {
font: 80% arial, sans-serif;
color: #b9975c;
text-decoration: none;
}

#footerlinks li a:hover {
text-decoration: underline;
}

#copyright {
clear:both;
margin: 0 auto;
font: 80% arial, sans-serif;
color: #2f3158;
}

#copyright img {
margin: 0 0 10px 0;
}


.left {
float:left;
padding: 10px 15px 10px 0;
}

.right {
float:right;
padding: 10px 0 15px 10px;
}

.icon {
padding: 3px 0 0 0;
}

.video {
float:left;
margin: 10px 50px 15px 0;
}