* {margin: 0; padding: 0;}

body {
font-family: Lucida Sans, Lucida Grande, Arial, sans-serif;
background: #6699ff url(../images/stratti-bg_01.png) top left repeat-x;
color: #000000;
}
#content a:link {color: #003399; text-decoration: none;}     /* unvisited link */
#content a:visited {color: #003399;text-decoration: none;}  /* visited link */
#content a:hover {color: #003399; text-decoration: underline;}   /* mouse over link */
#content a:active {color: #003399;}   /* selected link */

#footer a:link {color: #003399; text-decoration: none;}     /* unvisited link */
#footer a:visited {color: #003399;text-decoration: none;}  /* visited link */
#cfooter a:hover {color: #003399; text-decoration: underline;}   /* mouse over link */
#footer a:active {color: #003399;}   /* selected link */

ul {
list-style:none;
}
#page-wrap {
	width: 841px;
	margin: 0 auto;
}
.top-links-left {
float: left;
color: white;
margin-top: 5px;
font-weight:bold;
font-size: 70%;
margin-right: 15px;
margin-left: 10px;
text-align: right;
}

.top-links-left span {
color: yellow;

}
#top-links-right {
float: right;
color: white;
margin-top: 10px;
font-weight:bold;
}

.top-links-left a{
color: yellow;
text-decoration: none;
}
.top-links-left a:hover{
color: yellow;
text-decoration: underline;
}
#top-links-right ul li {
margin-right: 15px;
display: inline;
font-size: 70%;
}
#top-links-right ul li a{
color: #ffffff;
text-decoration: none;

}
#top-links-right ul li a:hover{
color: #ffffff;
text-decoration: underline;
}
#top-links-right ul li span {
color: red;
}
#header {
height:301px;
background: url(../images/strattiround_02.jpg) no-repeat;
}
#header h1 {
text-indent: -9999px;
}

#nav {
width: 841px;
text-align: center;
margin-top: 205px;
margin-left: auto;
margin-right: auto;
}
img{border: none;}

#content-bg {
z-index:-1;
background: url(../images/strattiround_04.jpg) repeat-y;

}
#content {

float: left;
width: 841px;

background: url(../images/strattiround_04.jpg) repeat-y;

}
#contentin {

float: left;
width: 641px;
margin-top: 0px;

}
#contentinbig {

float: left;
width: 841px;
margin-top: 0px;
}
#contentinbig  img {
padding-left: 30px;
padding-right: 10px;
float: left;
}
.front {
padding-left: 20px;
padding-right: 10px;
float: left;
}
#contentinbig  p {
padding-left: 1px;
padding-right: 1px;
}

#content h2 {
font-size: 98%;
font-weight: bold;
margin: 15px;
background: #003399;
padding: 4px;

color: #ffffff;
}
#content h3 {
font-size: 75%;
font-weight: bold;
color: #003399;
margin: 15px;
padding: 3px 3px 3px 5px;
background: #003399;

color: #ffffff;
clear: both;
}
#content p {
margin: 20px 30px 20px 30px;

}
p {
font-size: 12px;}
#content ul{
margin: 20px 30px 50px 30px;
font-size: 75%;
}
#content ul ul{
margin: 10px 10px 10px 30px;
font-size: 100%;
}
#content ul ul li{
margin: 5px 5px 5px 5px;
list-style-type: circle;
}

#content .list {
margin: 20px 30px 20px 50px;
font-size: 75%;

}
#contentin .left {
margin: 15px 20px 60px 20px ;
float: left;
}
.right {
margin-right: 20px;
float: right;
}
#side-bar {
float: right;
width: 200px;
min-height: 400px;
margin-top: 10px;
}
address {
font-family: Lucida Sans, Lucida Grande, Arial, sans-serif;
margin: 20px 30px 20px 30px;
font-size: 75%;
}

.side-head {
margin: 10px;
background: #003399;
font-size: 75%;
}
.side-head h4 {
color: white;
padding: 4px;
font-size: 90%;
padding-left: 6px;
}
#side-bar span {
margin-top: -100px;
font-size: 55%;
color: #000000;
}

#side-bar p {
margin: 15px;
color: #003399;

}

#side-bar ul{
	width: 180px;
	margin: 10px;

	font-size: 65%;
		list-style:none;
	}

	
#side-bar li a {
	height: 35px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 22px;
	text-decoration: none;
	list-style:none;
	}	
	
#side-bar li a:link, #side-bar li a:visited {
	color: #666;
	display: block;
	background:  url(../images/side-bar.gif);
	padding: 10px 0 0 35px;
	}
	
#side-bar li a:hover {
	color: #000000;
	background:  url(../images/side-bar.gif) 0 -32px;
	padding: 10px 0 0 35px;
	font-size: 11px;
	}

#footer {
background: url(../images/strattifooter_06.png) bottom center no-repeat;
clear: both;
width: 841px;
padding-top: 10px;
margin-bottom: 20px;
}

#footer p {
padding-bottom: 20px;
color: #003399;
text-align: center;
font-size:75%;
}

/***********ERROR MESSAGES ***********/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 20px 10px 20px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	
}
.player {
float: left;
width: 500px;
}
.ytapiplayer {
width: 500px;
float: left;
}
#bigfontcontact {
    border: 2px solid;
    margin: 10px 20px 10px 20px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
	font-size: 16px;
	    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
	}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
 background-image: url('../images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/error.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../images/validation.png');
}

.item {
    border-top: 1px solid #cccccc;
	margin: 20px;
	clear: left;
min-height: 140px;
}
.videosep {
display:block;
clear:both;
min-height: 140px;
}

.videotitle {
color: #003399;
font-weight: bold;
}

.item .vidpic {
width: 130px;
height: 197px;
margin: 4px 20px 10px 30px ;
float: left;
}

#random_image {
width: 176px;
margin: 0 auto;
margin-top: -10px;
text-align: center;
border: 2px solid #003399;
height: 140px;
}

#random_image img {
margin-top: 10px;
}
.half_div {
float: left;
width:250px;
}
.half_div _right{
float: left;
width:290px;
}
.pic_box {
clear: both;
margin: 10px;
width: 600px;
margin: 0 auto;
text-align: center;
}
.pic_box  .product_img {
margin: 2px;
padding: 1px;
}

#spectable {
	width: 520px;
	padding: 0;
	margin: 0 auto
	
}

#spectable caption {
	padding: 0 0 5px 0;
	width: 520px;	 
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#spectable  th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

#spectable  th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#spectable  td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/********************** Dock Menu - degradable unlike fisheye ****************************/
#nav ul {

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

/*************** spec table css *******************/
#specs {
margin: 45px;
width: 450px;
text-align: left;
border-collapse: collapse;
font-size: 12px;
}
#specs th {
padding: 12px 15px;
color: #039;
width: 30%;
}
#specs td {
padding: 10px 15px;
color: #339;
border-top: 1px solid #e8edff;
}
.oce-first {
background: #c3d6fc;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
#pics a{
color: white;
}
.right {
text-align: right;
}
/****************** contact form *****************/
form {
margin-left: 30px;
}

label{
float: left;
width: 120px;
font-weight: bold;
font-size: 75%;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

form br{
clear: left;
}

.imagelink {
                        background: url("../img/imglink.png") no-repeat;
                        width: 200px; 
						height: 30px;
                        z-index: 8;
                        margin-bottom: 4px;
						text-align: center;
						clear:both;
						float:right;

						
						
						
                    }
p .imagelink {
					line-height: 30px;
					font-weight: bold;
					}

.linkright {
					float: right;
					clear: both;
					}
form {
	width: 460px;

}
label {
	clear: left;
	float: left;
	width: 100px;
	margin: 6px 0 10px 0;
}
fieldset {
	border: 0;
}
legend {
	display: none;
}
input, select, textarea {
	float: left;
	margin-bottom: 10px;
	width: 340px;
	padding: 3px;

	font: 90% "Arial", "Verdana", "Tahoma", sans-serif;
}
input.button {
	clear: both;
	float: none;
	display: block;
	margin-left:100px;
	width: auto;

}
.required {
color: red;
}
#sticky {
background-color: #1f3198;
height: 30px;
text-align: center;
font-size:10px;
color:#CC0000;
font-family:Verdana;
border-bottom: 2px #2c45aa solid;
width: 100%;
position:fixed;
left: 0px;
top: 0px;
z-index:99;
}
#sticky-right img  {
margin-right: 0;
padding: 0;
border-right: 2px #2c45aa solid;
}
#sticky-left {
float: left;
width: 220px;
border-right: 2px #2c45aa solid;
}
#sticky-left p {
font-size: 16px;
color: #ffffff;
line-height: 30px;
font-weight: bold;
margin-left: 10px;
}
#sticky-right {
float: left;
margin-left:0;

}