﻿*{
				margin: 0;
				padding: 0;
				font-weight: normal;
				text-align: left;
}
body{margin:0;
padding:0;
width:100%;
height:100%;
font-family:Helvetica,Arial,Garuda,sans-serif;
background:#E6E7E1;
}
#bgwrap1{width:100%;height:100%;
background:#F8FAF7;background-image: url('images/topre.jpg');background-position:0 0;background-repeat:repeat-x;}
#bgwrap2{width:100%;height:100%;background-image: url('images/botre.jpg');background-position:bottom left;background-repeat:repeat-x;}
#topper{width:960px;height:166px;background-image: url('images/topper.jpg');background-repeat:no-repeat;}
#nav{
width:960px;
height:47px;
background-image: url('images/nav.jpg');
background-repeat:no-repeat;
float:left;
margin:0;
padding:0;
}
#nav ul{list-style:none; width:920px; margin:0 auto;}
#nav li{
display:inline;
padding:0;
margin:0;
}

#nav ul li a{
display:inline-block;
height:35px;
padding:14px 7px 0px 8px;
font-size:9pt;
line-height:14px;
text-decoration:none;
color:white;
font-weight: 700;
float:none;
background-image:url(images/seperate.jpg);
background-repeat:no-repeat;
}
#nav li a:hover{color:#D8E3FF;}
#nav a:hover{color:#D8E3FF;}
#contentwrap{
width:960px;
margin:0 auto;
}
#content{float:left;}
#contentwrapper{

}
#col1{
padding:30px 0 33px 0; 
width:643px;
float:left;
}

.graybox{
				background: #EDEDED;
				width: 560px;
				margin: 0px auto 0px auto;
				color: #3C3C3C;
				padding: 0 0 10px 0;
				text-align: left;
}
h1{
font-size:18pt;
text-align:center;
font-weight:normal;
padding:8px 0 0px 0;
}
h3{
font-size:14pt;
font-weight:normal;
padding:8px 16px;
}
h4{
font-size:13pt;
padding:0 20px 4px 15px;
}
.graybox ul{
padding:0 0 4px 32px;
font-size:10.5pt;
list-style:circle;
}
.graybox li{
padding:0 0 4px 0;
}
p{
font-size:10.5pt;
padding:0px 15px 8px;
line-height:125%;
}
.graybox a{
font-size:10.5pt;
color:#C42026;
}
.graybox h1{
width:520px;
margin:0 auto;
padding:8px 0 0px 0;
}

.graybox img{
margin:10px;
}
#col1bg img.header{
				display: block;
				margin: 0px auto 4px auto;
				padding: 10px 0 6px 0;
				border-bottom: 1px solid #6699FF;
				color: #6699ff;
}
p.a {
text-align:right;
}
#prodpage{
margin:10px 15px;
}
#prodpage img{
				background: #FFF;
				padding: 8px;
				float: right;
				margin: 0px 10px 10px 15px;
				border: 1px solid #DCDCDC;
}
#prodpage p{
line-height:14pt;
}

#col2{
padding-top:45px;
padding-bottom:180px;
width:317px;
float:right;
color:white;
}
#col2 ul{
color:#FFF;
padding:20px 0px 20px 40px;
width:250px;
}
#col2 li{
padding:7px 0;
line-height:140%;
font-size:12pt;
}
#col2 h3{
margin: 12px 0pt 2px;
padding: 4px;
 background: rgb(70, 90, 159) none repeat scroll 0% 0%;
 -moz-background-clip: border;
 -moz-background-origin: padding;
 -moz-background-inline-policy: continuous;
}
#col2content{
width:260px;
margin-left: 28px;
}
#col2content p{
padding:8px 1px 0;
}
#foot{display:block;width:960px; height:54px;
background-image:url(images/foot.png);
background-repeat:no-repeat;
float:left;
}
#foot p{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
line-height:12pt;
color:#3C3C3C;
padding-top:6px;
}
#foot a{
color:#3C3C3C;
text-decoration:none;
}
.cleaner{clear:both;height:0;
  width:100%;
}
div.spacer {
  clear: both;
  }
#conmid {
background-image:url(images/mid.jpg);
background-repeat:repeat-y;
margin:0;
padding:0;
height:100%;
}
#contop {
background-image:url(images/top.jpg);
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding:0;
}
#conintop {
background-image:url(images/blanktop.jpg);
background-repeat:no-repeat;
background-position:top left;
margin:0;
padding:0;
}
#conbot {
background-image:url(images/bot.jpg);
background-repeat:no-repeat;
background-position:bottom left;
margin:0;
padding:0;
}
div.thumbs{width:130px;float:left;height:200px;margin:10px 5px 0px 5px; text-align:center;}
.thumbs a{
padding:3px 0;
text-decoration:none;
color:#3C3C3C;
}
.thumbs :hover{
color:#4C64BA;
}
.thumbs img{
				border: 1px solid #DCDCDC;
				border-bottom: 2px solid #DCDCDC;
				border-right: 2px solid #DCDCDC;
				margin: 0;
}
#gal img.thumb{
border:1px solid #DCDCDC;
border-bottom:2px solid #DCDCDC;
border-right:2px solid #DCDCDC;
margin:0;
float:left;
margin:20px 0 10px 44px;
}

div.testi1{
border:1px dashed #999999;
margin:0 22px 10px 22px;
background: white
}
div.testi1 p{
margin:6px 10px;
padding:0;
}
#testi h4{
font-size:14px;
font-weight:bold;
margin:20px 0 5px 0;
}

/*--From Styling--*/

#form {
margin: 0px 0 0 0;
padding: 4px 0 0 0;
font-family: Arial, Helvetica, Sans-Serif;
}
fieldset { 
border: 1px solid #4A64B9; 
margin: 0px 0 0 20px; 
padding: 0 0 0; 
width: 520px;
}
legend {  
font-size: 14px;
line-height: 14px;
margin-left: 1em;  
color: #3C3C3C;  
font-weight: bold;
}
fieldset ol { 

padding: 0em 1em 0 1em;  
list-style: none;
margin: 10px 0 20px 0;
}
fieldset li {  
font-size: 12px;
color: #3C3C3C;
padding-bottom: 0em;
}
fieldset.submit { 
margin-left: 12px; 
border-style: none;
padding: 20px 0 10px 20px;
}

label {  
padding: 10px 3px 3px 3px;
display: block;
}
textarea{
background:none;
border:1px solid #4A64B9; 
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
padding:3px;
}
select{
background:none;
border:1px solid #4A64B9; 
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
padding:3px;
}
fieldset.tuff input{
background:none;
border:1px solid #4A64B9; 
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
padding:3px;
}
textarea{font-family: Arial, Helvetica, Sans-Serif;font-size: 13px;}
textarea:focus{background:#FFFFFF;}
select:focus{background:#FFFFFF;}
fieldset.tuff input:focus{background:#FFFFFF;}
