/* 
    Document   : style
    Created on : Jul 19, 2011, 9:18:41 PM
    Author     : david
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: inside;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
    background:#222 url(./images/silver_alum.gif);
    color:#fff;
    text-align: center;
    font: normal normal normal 1.1em/1em arial, helvetica, tahoma, sans-serif;
}

.clear{
    clear:both;
}
h1{
    font: normal normal bold 1.7em/51px arial, helvetica, tahoma, sans-serif;
    float:left;
    margin:0 0 20px 0; 
    height:51px;
    width:520px;
}
h2{
    font: normal normal bold 1.3em/1.2em arial, helvetica, tahoma, sans-serif;
    float:left;

}
h3{
    margin:10px 0 10px 0;
    font-weight: bold;
}

ul li{
    margin:2px 14px;
    
}
#wrapper{
    width:1000px;
    margin:0 auto;
    text-align: left;
}

#header{
    margin:0 0 ;
    
}

#phone{
    float:right;
    margin: 0 24px 0 0;
    font:normal normal bold 1.3em/1em arial, helvetica, tahoma, sans-serif;

    
}
.header_image{
    float:right;
    margin:-20px 0 0 0;
}

#logo{
    float:left;
    margin: 0;
    width:1000px;
    height:250px;
    background: url('./images/header_mid.jpg');
}

#nav{
    float:right;
    margin:175px 30px 0 0;
    height:66px;
    font: normal normal normal 1em/1em arial, helvetica, tahoma, sans-serif;
}

#nav ul li{
    display: block;
    float:left;
    margin: 0 5px;
    text-align: center;
    font:normal normal normal 1em/66px Tahoma, arial, helvetica, tahoma, sans-serif;
    width:130px;
    height:66px;
    background:url(./images/nav_bg.png) no-repeat;
    
}

#nav ul li a{
    display: block;
    color:#58584B;
    text-shadow:0px -1px 0px #000;
    text-transform: uppercase;
    text-decoration: none;
    width:130px;
    height:66px;    
    
}
#nav ul li ul{

    background:#666;
    margin:0;
    padding:0;
    display: none;
    z-index: 9999;
    
}
#nav ul li ul li{

    background:#666;
    margin:0;
    padding:0;
    color:#fff;
    z-index: 99999;
    
}
#nav ul li ul li a{

    background:#666;
    margin:0;
    padding:0;
    color:#fff;
    z-index: 99999;
    
    
}

#content{
    margin:0;
    padding: 20px 10px 50px 10px;
    background:url(./images/black_bg.png);
}

#content div{
    line-height: 1.2em;
}

#content_bg{
    margin: 0 -11px -53px -240px;
    float:right;

}

.theme-default #slider {
    float:right;
    margin:10px auto 50px auto;
    width:400px; /* Make sure your images are the same size */
    height:237px; /* Make sure your images are the same size */
}


.logos-area {


}

#footer{
    width:1000px;
    color:#000;
    margin: 0 auto;
   padding:10px;
    
}
#footer_gears{
    margin: -10px 0 0 0;
    float:left;

}
#footer .variuxcms-content-block{
    margin:10px;
}

#footerstripe{
    background:#FDB728;
    text-align: left;
}
/***** FORMS *****/

.vform-fieldset{
    
    margin:10px;
    padding:5px;
    border:none;
    
}

.vform-required{
    
    color:red;
    font-weight: bold;
    
}

.vform-text-input{
    
    width:250px;
    height:20px;
    padding:5px;
    
}

.vform-text-area{
    
    width:250px;
    padding:5px;
    
}

.vform-field-error{
    
    background:red;
    color:#fff;
    font-weight: bold;
    
}

.vform-field-error legend{
    
    background:red;
    color:#fff;
    font-weight: bold;
    padding:5px;
    
}

/**** user login *****/
.variuxcms-user-login-form{
    
    margin:5px;
    padding:5px;
    width:300px;
    
}

.variuxcms-user-login-form input[type=text],.variuxcms-user-login-form input[type=password]{
    
    padding:5px;
    margin:2px;
    width:180px;
    font-size: 18px;
    line-height: 18px;

    
}
.variuxcms-user-login-form label{
 

    
}

.logos-area1{
    float:left;

    margin: -160px 0 0 450px;
}

.logos-area1 img{

}

.logos-area2{
    float:left;

    margin: 0 0 0 20px;
}

.logos-area2 img{

    margin:1px;
}