/*
==================================================
 Stylesheet for ABSystems' Rounded Template
==================================================
*/

/*
==================================================
 Generic Body Styles
==================================================
*/

*	{
margin: 0;
}

html { 
min-height: 100%; 
margin-bottom: 1px; 
}

body	{
margin: 0;
padding: 0;
text-align: center;
line-height: 1.1em;
background: url(../images/bg.gif) repeat-x #c8b289;
}

.wrapper	{
font: 13px 'Lucida Grande', helvetica, sans-serif;
margin: 0 auto;
width: 900px;
\width: 910px;
w\idth: 900px;
text-align: left;
}

a	{
color: #5f6962;
text-decoration: underline;
}

a:hover	{
color: #5f6962;
text-decoration: none;
}

img	{
border: 0;
}

h1	{
font-size: 18px;
color: #203258;
margin: 0 0 15px 0;
padding: 0;
}

.center	{
text-align: center;
}

ul	{
margin: 15px 0 15px 30px;
padding: 0;
}

li	{
margin-bottom: 8px;
}

.imgCurves	{
-moz-border-radius-bottomleft: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-radius: 7px;
}

/*
==================================================
 Header
==================================================
*/

.header	{
width: 900px;
padding: 15px 0;
background: #6b675e;
}

.header h1	{
float: left;
width: 600px;
margin: 10px 0 0 20px;
padding: 0;
}

.header h1 a, .header h1 a:hover	{
font: 30px 'Lucida Grande', helvetica, sans-serif;
font-weight: bold;
color: #fff;
text-decoration: none;
}

.logo a	{
float: left;
width: 217px;
height: 100px;
display: block;
margin-left: 20px;
background: url(../images/logo.png);
}

.requestInfo	{
float: right;
width: 250px;
text-align: right;
padding: 30px 20px 0 0;
color: #fff;
font: 20px 'Lucida Grande', helvetica, sans-serif;
}

/*
==================================================
 Content
==================================================
*/

.content	{
margin: 0;
padding: 0 20px 20px 0;
width: 880px;
\width: 900px;
w\idth: 880px;
min-height: 470px;
height: auto !important;
height: 470px;
border-top: 5px solid #203258;
background: url(../images/contentBg.gif) repeat-y #fff;
}

.rightCol	{
float: left;
margin-left: 20px;
padding-top: 20px; 
width: 610px;
}

.prodDesc	{
float: right;
padding: 0 10px 0 10px;
width: 250px;
\width: 270px;
w\idth: 250px;
}

.prodDesc img	{
margin: 10px 10px 10px 0;
}

.prodDesc ul	{
padding: 10px 0 10px 40px;
border-left: 1px solid #ccc;
margin-left: 20px;
}

/*
==================================================
 Nav
==================================================
*/

#topNav	{
float: left;
width: 250px;
margin: 0;
}

#topNav ul {
padding: 0;
margin: 0;
}

#topNav li	{
list-style: none;
margin: 0;
font: 13px 'Lucida Grande', helvetica, sans-serif;
}

#topNav li a {
margin: 0;
display: block;
padding: 5px 0 5px 10px;
width: 240px;
\width: 250px;
w\idth: 240px;
color: #222;
text-decoration: none;
font: 13px 'Lucida Grande', helvetica, sans-serif bold;
}

#topNav li b	{
padding: 8px 0 8px 10px;
width: 240px;
\width: 250px;
w\idth: 240px;
display: block;
color: #fff;
background: #203258;
}

#topNav li li a {
margin: 0;
padding: 5px 0 5px 20px;
width: 230px;
\width: 250px;
w\idth: 230px;
color: #222;
text-decoration: none;
font: 13px 'Lucida Grande', helvetica, sans-serif bold;
}

#topNav li li a:hover	{
background: #fff;
}

#topNav li a:hover	{
background: #fff;
}

/*
==================================================
 Footer
==================================================
*/

.footer	{
margin: auto;
text-align: left;
padding: 20px 0 20px 15px;
width: 885px;
\width: 900px;
w\idth: 885px;
font: 11px 'Lucida Grande', helvetica, sans-serif;
color: #fff;
background: #6b675e;
}

/*
==================================================
 Clear
==================================================
*/

.clear:after {
content: "."; 
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clear {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */