/*CSS styles for OutdoorHDTV.com*/
* {
margin: 0;
padding: 0;
}

ul, li{
list-style-type: none;
}

body {
background-color: #CCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px
}

#container {
width: 1002px;
margin: 0 auto;	
}

/*VARIOUS STYLES*/
span {
color: #333;
font-weight: bold;
}

.clear {
clear: both;
}

p {
padding: 10px;
}


/* HEADER LAYOUT*/
#header {
width: 1002px;
height: 224px;
background: url(../images/header.jpg) no-repeat top center;
}

#header1 {
width: 1002px;
height: 224px;
background: url(../images/header_ofsple.jpg) no-repeat top center;
}

#header2 {
width: 1002px;
height: 224px;
background: url(../images/header_odtv2.jpg) no-repeat top center;
}

#header3 {
width: 1002px;
height: 224px;
background: url(../images/header_ecuwm.jpg) no-repeat top center;
}

#header4 {
width: 1002px;
height: 224px;
background: url(../images/header_eng.jpg) no-repeat top center;
}

#header5 {
width: 1002px;
height: 224px;
background: url(../images/header_ds.jpg) no-repeat top center;
}

#header6 {
width: 1002px;
height: 224px;
background: url(../images/header_odtv1.jpg) no-repeat top center;
}

#leftside {
width: 295px;
float: left;
}

#leftside h1{
font-size: 150%;
color:#0539A6;
padding-top: 150px;
margin: 0;
}

#leftside ul, #leftside li {
position: relative;
display: block;
padding: 0;
font-size: 110%;
}
	
#leftside ul {
width: 100px;
height: 50px;
margin: 0;
}

#leftside li {
float: left;
width: 295px;
padding-top: 3px;
color:#0539A6;
font-weight: bold;
text-align: center;
}

#leftside li a {
color:#0539A6;
font-size: 110%;
}

#leftside li a:hover {
color: #FFF;
}

#flash{
width: 693px;
height: 217px;
float: right;
padding: 6px 10px 0 0;
margin: 0;
}

/* CONTENT LAYOUT*/
#content{
width: 1002px;
background: #CCC url(../images/body_wide.jpg);
}

#rightcol{
width: 695px;
float: left;
text-align: left;
margin-left: 2px;
}

#rightcol a:hover{
color: #777;
}

#indexpage {
width: 1002px;
background: url(../images/body_index.jpg) repeat-y;
}

.column{
width: 280px;
float: left;
text-align:left;
padding: 0 10px 10px 10px;
}

.column2{
width: 380px;
float: left;
text-align:left;
padding: 0 10px 10px 10px;
}

.column ul, .column li{
position: relative;
}

.column a{
font-size: 105%;
}

#footer{
width: 1002px;
height: 21px;
padding-top: 4px;
/*margin-top: 5px;*/
text-align: center;
background: #CCC url(../images/navbar.gif) repeat-x;
}

#subfooter {
height: 43px;
padding-top: 2px;
background: url(../images/footer_wide.jpg) no-repeat 0 0;
text-align: center;
font-size: 80%
}

#subfooter a{
font-size: 95%;
}



/*PRODUCT PAGE LAYOUT*/
.productbox {
width: 226px;
height: 207px;
background: url(../images/productbox.gif) no-repeat;
float: left;
margin-left: 2px;
}

.productbox p{
text-align: center;
padding: 15px 8px 0 8px;
font-size: 95%;
}

.productbox p.left{
text-align: left;
font-size: 95%;
}

.productbox img{
float: right;
margin: 15px 5px 0 5px; 
}

ul.product li{
list-style-type:  circle;
margin-left: 12px;
}

ul.product{
padding: 10px;
}	


/*DATASHEETS LAYOUT*/
#whitebg {
width: 1002px;
background: url(images/gallery_wide.jpg) repeat-y;
margin-bottom: -5px;
}
		
.box{
width: 300px;
height: 200px;
background: transparent url(../images/box.jpg) no-repeat;
margin-left: 25px;
margin-bottom: 10px;
float: left;
}

ul.datasheets{
width: 200px;
float: left;
padding-left: 10px;
}

img.data {
width: 150px;
margin: 0 10px 20px 0;
float: right;
}

.box h2{
padding-bottom: 0;
}

.box h3{
padding: 5px 10px;
}

/*IMAGES*/
img {
border: 0;
margin: 5px 0;
}

img.float-right{
float: right;
margin: 0 50px 10px 10px;
}

img.float-left{
float: left;
margin: 0 25px 10px 25px;
}

img.center{
margin: 10px 50px 10px 70px;
float: left;
}


/*LINKS*/
a {
color:#0539A6;
text-decoration: none;
font-weight:bold;
}

a:hover {
color:#333;
}

/*HEADINGS*/
h1, h2, h3, h4, h5{
color: #333;
text-align: center;
font-variant: small-caps;
font-weight: bold;
}

h1 {
font-size: 160%;
padding-top: 10px;
}

h2 { 
font-size: 150%;
padding: 10px 0 15px 0;
text-align:center;
font-style: italic;
}

h3 {
font-size: 120%;
padding: 10px;
text-align:left;
font-style: italic;
}

h4 { 
font-size: 120%;
padding: 10px 0 15px 0;
text-align:center;
font-style: italic;
}

h5{
padding: 0 0 5px 10px;
font-size: 110%;
text-align:center;
font-style: italic;
}


/*BEGIN TOP NAVIGATION STYLING CENTER HORIZONTAL*/
.menu {
height: 25px;
width: 700px;
padding-right: 300px;
clear:left;
background: url(../images/navbar.gif)
}

.cssnav	{
position: relative;
float: right;
margin: 0;
width: 100px;
height: 25px;	
}

.cssnav a {
display: block;
width: 100px;
height: 25px;
float: right; 
text-decoration: none;
}

.cssnav img {
width: 100px; 
height: 25px; 
border: 0;
}
			 
* html a:hover {
visibility:visible;
height: 25px;
}
			
.cssnav a:hover img{
visibility: visible;
}


/* SIDE NAVIGATION*/
.buttons a {
height: 25px;
width: 180px;
margin-left: 50px;
background: url(../images/navbar.gif);	
padding: 1px 5px 0px 0px;
display: block;
font-size: 12px ;
font-weight: bold;
text-decoration: none;
text-align: center;
margin-top: 2px;
}

.buttons a:hover {
text-decoration: none;
}
.nav-selected {
color: #000;
}


/*FORM ELEMENTS*/
.contact{
	width: 530px;
	float: left;
	padding: 5px 20px;
	margin-bottom: 10px; 
}
label {
	display:block;
	margin:5px 0;
	color: #333;
	font-weight:bold;
	font-size: 90%;
}
input {
	padding: 2px;
		
}
textarea {
	width: 500px;
	margin-top: 3px;
	padding:2px;
	height:78px;
	display:block;
	color:#000;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #999;
	background: #a4a4a4; 
	padding: 2px 3px; 
	color:  #FFF;	
}

#forms {
width: 1002px;
background: url(../images/gallery_wide.jpg) repeat-y;
min-height: 280px;
}

#forms p{
width: 700px;
margin: 0 auto;
padding-top: 5px;
text-align: center;
}