@charset "utf-8";
/* CSS Document */

p, h1, h2, h3, h4{
	margin:0;
	padding:0;
	color: #000;
	text-align: left;
}

body
{
	background:#fff url(../images/bg2.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding: 0px;
	color:#333;
	font-size:small;
} 

#wrapper{
	width:980px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}	
	
.top-left-image{
	float:left;
	width:122px; height:178px;
}	

#logo{
	float:left;
	background:#FFFFFF;
	width:770px;
	height:90px;
	padding-top: 5px;
}
	
#title{
	background:#FFFFFF;
	float:left;
	width:210px;
	height:90px;
	font-size: small;
	color: #666;
	font-weight: normal;
	padding-top: 5px;
}

#title h2{
	text-align:right;
	padding:8px 20px 0px 0px;
	font-style:italic;
	font-weight:normal;
	color:#0066AB;
	font-size:small;
	line-height:1.2em;
}

#title h2 span{
	color:#0099cc;
	text-decoration:none;
	font-size: small;
}
#title h2 span a{ color:#006699; text-decoration:none;}

.top-right-image{
	float:left;
	width:122px; height:178px;
}	

/* ryan-menu */


#ryan-menu {width:100%; background:#666666; float:left; height: 30px; margin: 0 ; padding: 0;}

#ryan-menu ul {margin: 0; padding: 0;  list-style: none; line-height: normal;}

#ryan-menu li {
	float: left;
}

#ryan-menu a {
	display:block;
	padding: 7px 94px 5px 94px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	font-style:normal;
	color: #FFFFFF;
	border-bottom:#fff 2px solid;
	background:url(../images/menu-div.gif) right no-repeat;
}

#ryan-menu a:hover {
	color:#f0f3ff;
	text-decoration: none;
	border-bottom:#336699 2px solid;}

/* Menu End */


#content{
	float:left;
	width:960px;
	background:#fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}

#content-left{
	float:left;
	width:192px;
	/*	border:#ccc 1px solid;*/
	margin:0;
	border-left-color: #333;
}
#content-left h2{
	font-size:large;
	padding:0px;
	line-height:1.7em;
	color:#3399cc;
	font-weight:normal;
	text-decoration: none;
	text-align: left;
}
#content-left ul{
	margin:0;
	padding:0;
	list-style: none;
	font-size: 14px;
}
#content-left li{ width:98%;}
#content-left li a{ margin:0; color:#000; text-decoration:none; padding:3px 0px 0px 18px; line-height:1.4em; background:url(../images/link-arrow.gif) no-repeat; display:block;}
#content-left li a:hover{
	color:#6699cc;

	font-weight: normal;
}

#content-left li ul{ margin:0; padding:0; display:list-item; list-style: none;}
#content-left ul li li a{ margin:0; color:#005d8e; background:none; text-decoration:none; padding:3px 0px 0px 24px; line-height:1.2em; font-size:0.8em; display:block;}
#content-left a{ color:#6699cc; text-decoration:underline}
#content-left a:hover{ color:#000066; text-decoration:underline;}

.left-img{border:#CCCCCC 1px solid; margin:5px 0px; padding:0;}







#content-middle{
	float:left;
	width:530px;
	padding:0px 10px;
	margin:0px 0px 0px 10px;
	border-left-color: #333;
	border-left-width: medium;
}
#content-middle h1{
	color:#333;
	font-size:1.6em;
	font-style:normal;
	font-weight:normal;
	padding-bottom:10px;
	text-align: left;
}
#content-middle a{ color:#6699cc; text-decoration:underline}
#content-middle a:hover{
	color:#000;
	text-decoration:underline;
}

#content-middle h1 span{color:#3399cc; font-size:85%; font-style:normal; font-weight:normal;}

#content-middle h2{
	font-size:1.4em;
	line-height:1.6em;
	padding:10px 0px 8px 0px;
	font-style:normal;
	font-weight:normal;
	color: #000;
	text-align: left;
}


#content-right{
	float:left;
	width:530px;
	text-align:left;
	font-size:small;
	line-height:1.2em;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-left-color: #333;
}

#content-right h1{
	color:#333;
	font-size:1.6em;
	font-style:normal;
	font-weight:normal;
	padding-bottom:10px;
	text-align: left;
}

#content-right h1 span{color:#3399cc; font-size:85%; font-style:normal; font-weight:normal;}

#content-right a{ color:#6699cc; text-decoration:underline}
#content-right a:hover{
	color:#000;
	text-decoration:underline;
	font-weight: normal;
}
#content-right p{
	padding:0px 0px 16px 0px;
	color: #000;
}
#content-right h2{
	font-size:1.4em;
	line-height:1.6em;
	padding:10px 0px 8px 0px;
	font-style:normal;
	font-weight:normal;
	color: #000;
	text-align: left;
}

#techdata{
	float:right;
	width:165px;
	background-color:#FFF;
	margin:0;
	text-align:justify;
	font-size:small;
	line-height:1.0em;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 60px;
	padding-left: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}
#techdata a{ color:#999;text-decoration: none;}
#techdata a:hover{
	color:#666;	text-decoration: none;
	
}
#techdata p{  padding:6px 0px 8px 0px;}
#techdata h3{
	font-size:large;
	padding:0px;
	line-height:1.2em;
	color:#3399cc;
	font-style:normal;
	font-weight:normal;
	text-align: left;
}
#techdata ul{ margin:0; padding:0; list-style: none;}
#techdata li{ width:98%;}
#techdata li a{ margin:0; padding:3px 0px 0px 18px; line-height:1.4em; background:url(../images/download.gif) no-repeat; display:block;}




#footer{float:left; width:940px; color:#006699; font-size:0.9em; background-color:#f7f7f7; border:#ccc 1px solid; margin:20px 0px 0px 0px; padding:10px 10px;}
#footer a{color:#006699; font-size:0.9em; text-decoration:none;}
#footer a:hover{color:#3399cc; text-decoration:underline;}
.img-border{
	border:1px none #999999;
}

/*Products */
.product{
	float:left;

	margin:0; padding:5px;
	width:710px;
}

.product img{
	width:107px;
	margin-right:20px;
	float:left;
	
}

.product h3, .product h3.a, .product h3.a:hover{
	width:80%;
	padding:0;
	text-decoration:none;
	margin:0px 0px 4px 0px;
	font-size: 1.2em;
	font-weight:normal;
	color:#336699;
	float:left;
	}

.product p{
	width:80%;
	padding-left:5px;
	padding-top:4px;
	margin:0px;
	float:left;
	}



/* Contact Form */
.box{
	width:97%;
	margin: 10px auto;
	border:solid 1px #336699;
	background:#fff;
	padding:10px;

}
.box h3 {
	font-style:normal;
	font-weight:normal;
	color:#0099cc;
	padding-bottom:4px;
}
.box p{ padding:0; margin:0;}

.input-text{
	border:1px solid #0099cc;
	padding-left:2px;
	color:#333;
	width:280px;
}

.box label{
	display:block;
	margin-bottom:4px;

}

.box label span{
	display:block;
	float:left;
	padding-right:20px;
	padding-left:10px;
	width:120px;
	text-align:right;
	font-weight:normal;
}
.spacer{margin-left:80px; 
	margin-bottom:10px;
	font-size:11px;
	color:#fff;
}
.send-btn{
	background:#0099cc;
	padding:0px 6px;
	border:1px solid #336699;
	height:24px;
	color:#FFFFFF;
	font-size:12px;
	display:inline-block;
	text-decoration:none;
}