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

*{
padding:0px;
margin:0px;
}
/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 {
font-size:100%;
}

/* Removes list-style from lists */
ol,ul{
list-style: none;
}

/* Normalizes font-style and font-weight to normal */
address,caption,cite,code,dfn,th,var{
font-style:normal;
font-weight:normal;
}

/* Removes borders and spacing from tables */
table{
border-collapse: collapse;
border-spacing:0;
}
html { 
text-align : center; 
background-image:url(../images/site_bg.jpg);
background-position:top left;
background-repeat:repeat-x;
background-color:#5d9ecb;
}
html,body{
height:100%;
}
body {  
width:100%; 
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align : center; 
}
#content p{
margin: 8px 0px;
}
h1{
color:#000000;
padding:10px 0px;
font-size:22px;
}
h2{
font-size:18px;
font-weight:bold;
color:#1e577c;
}
h2#spaced{
margin-top:25px;
}
h3{
font-size:16px;
font-weight:bold;
color:#1e577c;
}
h4{

}

a:link, a:visited, a:active{
color:#1e577c;
font-weight:bold;
text-decoration:none;
}
a:hover{
color:#5eb7ff;
font-weight:bold;
text-decoration:none;
}


/************** CONTAINER *****************/

div#container{
background-image:url(../images/content_bg.jpg);
background-position:top center;
background-repeat:repeat-y;
width:640px;
margin:0px auto;
}

/************** HEADER *****************/

div#header{
height:140px;
text-align:left;
clear:both;
}
img#branding_logo{
margin-top: 17px;
margin-left:18px;
}
ul#primary_nav, ul#secondary_nav{
list-style:none;
font-size:10px;

}
ul#primary_nav{
width:630px;
position:relative;
top: 20px;
left: 0px;
text-align:center;
}
ul#primary_nav a:link, ul#primary_nav a:visited, ul#primary_nav a:active{
color: #afb33b;
text-decoration:none;
}
ul#primary_nav a:hover{
color: #000000;
text-decoration:none;
}

ul#primary_nav li{
display:inline;
padding:0 10px;
}
li#nav_home, li#nav_about, li#nav_products, li#nav_showcase, li#nav_testimonials{
border-right:1px solid #afb33b;
}

ul#secondary_nav{
width:330px;
position:relative;
top: -55px;
left: 310px;
}
ul#secondary_nav a:link, ul#secondary_nav a:visited, ul#secondary_nav a:active{
color: #24a8fe;
text-decoration:none;
}
ul#secondary_nav a:hover{
color: #000000;
text-decoration:none;
}

ul#secondary_nav li{
display:inline;
padding:0 10px;
}
li#nav_contact, li#nav_quote{
border-right:1px solid #24a8fe;
}

/************** CONTENT ******************/

div#content{
clear:both;
}
#feature_banner{
border:1px solid #1e577c;
margin:0px auto;
}

div#content_welcome{
text-align:left;
border: 1px solid #afb33b;
padding:10px 10px 15px 10px;
width:340px;
margin-top: 20px;
margin-left:20px;
}
div#content_welcome li{
list-style:outside disc;
}
div#content_welcome h2{

}
div#welcome_box{
float:left;
padding: 0px 15px 0px 0px;
}
div#welcome_box p{
margin-top:5px;
text-align:center;
font-style:italic;
color:#1e577c;
}

img#welcome_icon{
clear:both;
}
#more_link{
text-align:left;
padding:10px;
}
div#content_newsletter{
border: 0px solid #ff0000;
width:600px;
height:120px;
margin-top:20px;
margin-left:22px;
text-align:left;

}
div#content_newsletter h2{
display:inline;
top:-15px;
position:relative;
color:#afb33b;
}
ul#features, ul#contacts{
float:right;
font-size:12px;
width:187px;
text-align:left;
border:1px solid #eaeaea;
background-image:url(../images/feature-bg.jpg);
background-position:bottom left;
background-repeat:repeat-x;
background-color:#e8f5ff;
padding: 0px 10px;
margin: 20px 22px 0px 0px;
}
ul#features a:link, ul#features a:visited, ul#features a:active{
color: #afb33b;
text-decoration:none;
}
ul#features a:hover{
color: #000000;
text-decoration:none;
}

ul#features li, ul#contacts li{
padding:10px 0px;
text-indent:0px;
}
ul#features li cite, #page_content cite{
font-weight:bold;
clear:both;
margin:10px;
}
div#cite{
width:500px;
height:20px;
padding:10px;
border:1px solid #eaeaea;
background-image:url(../images/cite_bg.jpg);
background-position:bottom left;
background-repeat:repeat-x;
}
p#cite{
font-style:italic;
margin-bottom:20px;
}

li#feature1, li#contact1{
border-bottom :1px solid #b7b7b7;
}
li#feature1 p, li#feature2 p{
font-style:italic;
}
ul.feature_list li{
list-style:outside;
margin:5px 0px 5px 20px;
font-weight:bold;

}
ul#contacts a:link, ul#contacts a:visited, ul#contacts a:active{
color: #1d6594;
font-weight:bold;
text-decoration:none;
}
ul#contacts a:hover{
color: #000000;
font-weight:bold;
text-decoration:none;
}
div#page_content{
border-top:1px dotted #1d6594;
text-align:left;
margin:5px 22px 10px 22px;
padding: 10px 0px; 
}
#contact_table{
border:1px solid #eaeaea;
background-image:url(../images/showcase/showcase_bg.jpg);
background-position:bottom left;
background-repeat:repeat-x;
}
#contact_table{
width:340px;
}
#contact_table td{
padding:5px;
}
td#form_field{
width:100px;
}
#contact_table textarea{
width: 320px;
}
div#showcase{
width:500px;
margin:0px auto;
border:0px solid #ff0000;
text-align:center;
}
div#showcase img{
border:1px solid #1e577c;
}
div#showcase1, div#showcase2{
width:210px;
border:1px solid #00ff00;
padding:10px;
border:1px solid #eaeaea;
background-image:url(../images/showcase/showcase_bg.jpg);
background-position:bottom left;
background-repeat:repeat-x;
}
div#showcase1{

}
div#showcase2{
float:right;
margin-left:20px;
}
#showcase_images{
width:632px;
text-align:center;
}
.showcase_image{
text-align:center;
margin:10px auto;
}

img#about_us{
margin:5px 50px 10px; 
text-align:center;
}

img#flyer_icon{
	float:right;
	
}


/************* PRODUCTS *****************/
div#product_nav{
width:602px;
text-align:center;

}
div#product_listing{
width:552px;
border:0px solid #ff0000;
padding:20px;
clear:both;
text-align:center;
}
div#product_listing h3{
text-align:left;
margin-bottom:10px;
}
div#product_row{
margin-bottom:15px;
}
#product_display{
margin:10px;
}
div#product_nav_item{
font-size:10px;
width:80px;
float:left;
padding:3px;
}
div#product_nav_item img{

}

div#vendors{
text-align:center;
clear:both;
margin-bottom:25px;
}
div#vendors p{
text-align:left;
padding:5px 0px;
}
div#vendors a{
width:80px;
padding:5px;
margin:10px;
text-align:center;
border:1px solid #eaeaea;
background-image:url(../images/cite_bg.jpg);
background-position:bottom left;
background-repeat:repeat-x;
}
div#vendors2{
text-align:left;
clear:both;
margin-bottom:10px;
}
div#vendors a{
padding-left:10px;

}
div#vendors_left, div#vendors_right{
width:270px;
border:0px solid #ff0000;
padding-bottom:15px;
}
div#vendors_left{
float:left;
}
div#vendors_right{
float:right;
}


/************** FOOTER ******************/
div#footer{
background-image:url(../images/footer_bg.jpg);
background-position:center 0px;
background-repeat:no-repeat;
width:632px;
height:37px;
margin: 0px auto;
text-align:center;
background-color:#ffffff;
clear:both;
}
#copyright{
color:#ffffff;	
padding-top:10px;

}