/* CSS Document */

html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
margin: 0px;
padding: 0px;
border: 0px;
}

html, body
{
font-family: Arial, Helvetica, sans-serif;
background: #e1e4d3 url(../images/bg.gif) top repeat-x;
}

body
{
font-size: 12px;
}

.clear
{
clear: both;
font-size: 0;
height: 0;
}

.center
{
text-align: center;
margin: 0 auto;
}

a
{
color: #242424;
}

/*************************************************** Typography ***************************************************/

h1, h2, h3, h4, h5
{
color: #242424;
padding-top: 12px;
font-weight: normal;
border-bottom: 1px solid #b5b5b5;
}

h1
{
font-size: 20px;	
}

h2
{
font-size: 18px;
}

h3
{
font-size: 16px;
font-weight: bold;
padding-bottom: 5px;
}

h4
{
font-size: 15px;
font-weight: bold;
}

h5
{
font-size: 12px;
color: rgb(239,82,37);
font-weight: bold;
padding:1.5em;
border-bottom: none;
}

h6
{
font-size: 13px;
color: rgb(239,82,37);
font-weight: bold;
padding-top:1.5em;
}

p
{
color: #242424;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 5px;
padding-bottom: 14px;
line-height: 1.5;
}

/*************************************************** Layout Divs ***************************************************/

#main-wrapper
{
width: 900px;
margin: 0 auto;
padding-top: 7px;
}

#header
{
width: 900px;
height: 219px;
background: #fff url(../images/header_bg.gif) repeat-x;
z-index:1000;
}

#header #logo
{
float: left;
width: 280px;
padding-right:10px;
margin-top:8px;
height:150px;
background:url(../images/commercial_vizion_logo_web.jpg) no-repeat;
}

#logo{
font-size:20px;
text-align:right;

}

#logo a{
color:#fff;
text-decoration:none;
}

#logo a span{
color:#000;
font-style:italic;
}

#social {
float:left;
width:100px;
height:40px;
padding:10px;
}

#message {
width:610px;
height:26px;
float:right;
margin-top:14px;
background:url(../images/message.gif) no-repeat;
z-index:100;
}

#navigation
{
float: right;
height: 42px;
width: 500px;
margin-right: 60px;
display: inline;
padding-top: 18px;
}

#banner
{
width: 610px;
height: 110px;
float:right;
margin-top:8px;
}

#content-wrapper
{
clear:both;	
background-color: #fff;
}

#footer
{
background-color: #1c2517;
color: #fff;
height: 26px;
}

/*************************************************** Main Content Styles ***************************************************/

#content-wrapper ul
{
padding: 5px 30px 20px 40px;
}

#content-wrapper ul li
{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #161616;
padding-bottom: 5px;
padding-left: 4px;
}

#content-left
{
float: left;
min-height:400px;
height:auto !important;
height:400px;
width: 838px;
margin: 26px 30px 10px 30px;
background-color: #f1f4e8;
display: inline;
}

#content-left h1.main-title
{
width: 537px;
height: 33px;
line-height: 33px;
color: #2d2d2d;
background: url(../images/heading-bg.gif) no-repeat;
padding: 0 0 0 19px;
}

#content-wrapper img.float-left
{
float: left;
padding-right: 24px;
padding-bottom: 8px;
padding-top: 4px
} 

#content-left #padding-container
{
padding: 5px;
} 

#content-left p.top
{
margin-top: 0;
}

#content-left .news-title
{
border-bottom: 1px solid #c4c4c4;
width: 520px;
margin: 0 0 18px 0;
}

#content-left .news-title h3
{
color: #2d2d2d;
padding: 0 0 6px 0;
float: left;
}

#content-left .news-title h5
{
float: right;
padding: 2px 0 0 0;
}

/***** Footer *****/

#footer {
clear:both;
margin:0 auto;
height:28px;
padding:5px 12px 0 10px;
width:878px;
color: #fff;
text-align: center;
}

#footer p {
color: #fff;
padding:0;
margin:0;
}

#footer a {
color:#fff;
background-color:inherit;
text-decoration:underline;
}

#footer a:hover {
text-decoration:underline;
color: rgb(239,82,37)
}

#footer2 {
background-color: #fff;
padding-bottom: 5px;
}

/* form elements - general */

.sidecontent form {
margin: 5px 5px 5px 15px;
padding: 2px 2px 2px 5px;
background: none;
border: none;
}

.sidecontent input {
margin: 5px;
}

form {
margin: 0px;
padding: 10px;
background: #f9f9f9;
border: 1px solid #ccc;
}

form table td {
padding:5px 0 5px 0;
border-bottom: 1px solid #eee;
}

input, textarea {
margin: 2px;
padding: 1px;
font: normal 1em Arial, Verdana, Tahoma, sans-serif;
color:#777;
border: 1px solid #ccc;
}

textarea {
width: 160px;
height:100px;
}

select {
margin: 2px;
padding: 0px 1px 0px 1px;
font: normal 1em Arial, Verdana, Tahoma, sans-serif;
color:#333;
border: 1px solid #ccc;
}

option {
margin: 2px;
padding: 0px 1px 0px 2px;
border-bottom: 1px solid #ccc;
}

checkbox, radio {
margin: 0px;
padding: 0px;
}

.field_checkbox, .field_radio {
clear:left;
float:left;
display:block;
margin: 0.3em 0px 0px 0px;
padding: 0px;
border: none;
}

.checkbox_label, .radio_label {
float:left;
display:block;
margin: 0px;
padding-left: 5px;
line-height:2.1em;
text-align:left;
width:85%;
}

fieldset {
border: none;
}

input.button, input.submit, input.search_submit, input.route_submit {
margin: 0;
padding: 2px 3px;
color: #61162d;
border: 1px solid #61162d;
}

input.button:hover, input.submit:hover, input.search_submit:hover, input.route_submit:hover {
color: #fff;
background:#61162d;
}