/*
-----------------------------------------------
Style Sheet

Site: Crown Polymers LLC
Author:   Andy Heintzelman    www.onezerocharlie.com
Version:  Dark Version 2006.8
----------------------------------------------- */



/* GENERAL ********************************************************/

/*
GENERAL CONTROLS
- document setup ------------------------------------------ */
body {
font-size: x-small; /*for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
font-size: small; /* for compliant browsers */
background-image: url("../images/bg-dark.jpg");
background-repeat: repeat;
}
		
html>body { /* be nice to Opera */
font-size: small;
}





		
/* NAVIGATION ********************************************************/

/*
Top Navigation ---------------------------------- */	
.tnav {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
color: #666;
font-weight: normal;
text-decoration: none;
margin: 0;
padding: 0;
}

.tnavselected {
font-family: verdana, arial, helvetica, sans-serif;
color: #3366CC;
font-weight: normal;
text-decoration: none;
margin: 0;
padding: 0;
}

.tnav a:link, .tnav a:visited {
color: #fff;
text-decoration: none;
}

.tnav a:active, .tnav a:hover {
color: #FDB913;
text-decoration: none;
}


/*
Contact Button Navigation ----------------------------------------- */	
.cnav {
font-family: verdana, arial, helvetica, sans-serif;
color: #fff;
text-decoration: none;
margin: 0;
padding: 0;
}

.cnavselected {
font-family: verdana, arial, helvetica, sans-serif;
color: #3366CC;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
}

.cnav a:link, .cnav a:visited {
color: #FDB913;
text-decoration: none;
font-weight: bold;
}

.cnav a:active, .cnav a:hover {
color: #fff;
text-decoration: none;
font-weight: bold;
}

/*
Main Navigation ---------------------------------- */
.mnav {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
color: #333;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
margin: 0;
padding: 0;
}

.mselected {
font-family: verdana, arial, helvetica, sans-serif;
color: #333;
font-weight: normal;
vertical-align: text-top;
text-decoration: underline;
margin: 0;
padding: 0;
}

.mnav a:link, .mnav a:visited {
color: #333;
text-decoration: none;
}

.mnav a:active, .mnav a:hover {
color: #333;  /*D9D4C7*/
text-decoration: underline;
}


/*
Sidebar Navigation ---------------------------------- */	
#supnav {
font-size: 10px;
padding: 0;
margin: 0;
width: 100%;
color: #897F5D;
font-weight: normal;
vertical-align: text-top;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
}

#supnav a:link, #supnav a:active, #supnav a:visited {
color: #ccc;
text-decoration: none;
padding: 13px 0 13px 33px;
}
	
#supnav a:hover {
text-decoration: none;
color: #666;
padding: 13px 0 13px 33px;
background-color: #FBDA89;
}

.news {
display: block;
color: #051D38;
list-style-type: none;
background: url("../images/icns/sec_dnews_icn.gif") no-repeat 0px 50%;
border-top: #262626 1px solid;
border-bottom: #262626 1px solid;
}

.cove {
display: block;
color: #051D38;
list-style-type: none;
background: url("../images/icns/sec_dcove_icn.gif") no-repeat 0px 50%;
border-bottom: #262626 1px solid;
}

.colors {
display: block;
color: #ccc;
list-style-type: none;
background: url("../images/icns/sec_dcolors_icn.gif") no-repeat 0px 50%;
}

.decphoto {
display: block;
color: #051D38;
list-style-type: none;
background: url("../images/icns/sec_dphoto_icn.gif") no-repeat 0px 50%;
border-top: #262626 1px solid;
}

.indusphoto {
display: block;
color: #051D38;
list-style-type: none;
background: url("../images/icns/sec_diphoto_icn.gif") no-repeat 0px 50%;
border-top: #262626 1px solid;
}

.conphoto {
display: block;
color: #051D38;
list-style-type: none;
background: url("../images/icns/sec_dcphoto_icn.gif") no-repeat 0px 50%;
border-top: #262626 1px solid;
}

.tech {
display: block;
color: #051D38;
list-style-type: none;
background: url("../images/icns/sec_dtech_icn.gif") no-repeat 0px 50%;
border-top: #262626 1px solid;
}

.contract {
display: block;
color: #051D38;
list-style-type: none;
background: url("../images/icns/sec_dcontract_icn.gif") no-repeat 0px 50%;
border-top: #262626 1px solid;
}

.advertising {
display: block;
color: #051D38;
list-style-type: none;
background: url("../images/icns/sec_ad_icn.gif") no-repeat 0px 50%;
border-top: #262626 1px solid;
}

.white {
display: block;
color: #051D38;
list-style-type: none;
background: url("../images/icns/sec_white_icn.gif") no-repeat 0px 50%;
border-top: #262626 1px solid;
border-bottom: #262626 1px solid;
}








/* BODY CONTROL ELEMENTS *************************************************/

/*
Main text Control ------------------------------------------ */
.main {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
font-weight: normal;
color: #fff;
padding: 0;
}

.main a:link, .main a:visited {
color: #fff;
text-decoration: none;
}
		
.main a:active, .main a:hover {
color: #CF423A;
text-decoration: none;
}

.main p {
font-family: georgia, Times, serif;
font-size: 14px;
line-height: 22px;
font-weight: normal;
color: #333;
padding: 0;
}

.main b {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 12px;
color: #FDB913;
padding: 0;
}

.main h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 24px;
line-height: 29px;/*added this*/
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
color: #FDB913;
padding: 0;
margin: 0;
}

.main h2 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
font-style: italic;
color: #CF423A;
padding: 10px 0 20px 0;
margin: 0;
/*width: 280px;*/
}

.main h3 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
color: #FDB913;
padding: 0;
margin: 0;
}

.main h4 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
color: #CF423A;
padding: 5px 0 20px 0;
}

.main h5 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
line-height: 15px;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
color: #CF423A;
padding: 0;
margin: 0;
}








/* LISTS ********************************************************/

/*
PRODUCT LISTS
- for product listings ------------------------------------------ */

#listings {
font-size: 12px;
line-height: 25px;
padding: 0;
margin: 0 0 25px 0;
width: 100%;
color: #D9D4C7;
font-weight: normal;
vertical-align: text-top;
font-family: verdana, arial, helvetica, sans-serif;
text-decoration: none;
}

#listings li {
list-style: none;
margin: 0;
border-bottom: 1px dashed #E5DCBD;
background: url(../images/icns/page_icn_up_dk.gif) no-repeat 0px 50%;
}

#listings li a:link,
#listings li a:visited {
color: #fff;
text-decoration: none;
display: block;
padding-left: 20px;
}

#listings li a:active,
#listings li a:hover {
color: #333;
text-decoration: none;
background: url(../images/icns/page_icn_down_dk.gif) no-repeat 0px 50%;
background-color: #FDB913;
}

#listings h1 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 18px;
color: #FDB913;
font-weight: normal;
vertical-align: text-top;
border-bottom: 1px dotted #FDB913;
margin: 0;
padding: 0;
}


/*
Privacy Statement 
-used in the copyright information in the footer------------------ */
.privacy {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10px;
margin-left: 0px ;
padding-top: 10px;
color: #fff;
font-weight: normal;
vertical-align: text-top;
text-decoration: none;
}

.privacy a:link, .privacy a:visited {
color: #fff;
text-decoration: none;
}

.privacy a:active, .privacy a:hover {
color: #FDB913;
text-decoration: underline;
}







/* DOWNLOADABLES / LINKS **********************************************/

/*for notes icon*/
#notes {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 13px;
font-weight: normal;
padding-left: 20px;
list-style-type: none;
text-decoration: none; background: url("../images/icns/page_icn_dk.gif") no-repeat 0 50%;
}

/*for return icon*/
#return {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 13px;
font-weight: normal;
text-decoration: none;
padding-left: 20px;
list-style-type: none;
background: url("../images/icns/arrow_icn_dk.gif") no-repeat 0 50%;
}

/*for go to links*/
#goto {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 13px;
font-weight: normal;
text-decoration: none;
padding-right: 20px;
list-style-type: none;
background: url("../images/icns/go_icn_dk.gif") no-repeat right bottom;
}

/*for small photo icon*/
#smgal {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 13px;
font-weight: normal;
text-decoration: none;
padding-left: 20px;
list-style-type: none;
background: url("../images/icns/photoicn_dk.gif") no-repeat 0 50%;
}

/*for gallery icon*/
.decgal {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 13px;
color: #fff;
font-weight: normal;
text-decoration: none;
padding: 13px 0 13px 30px;
background: url(../images/icns/sec_dphoto_icn.gif) no-repeat 0px 50%;
}

/*for small color icon*/
#smcolor {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 13px;
font-weight: normal;
text-decoration: none;
padding-left: 20px;
list-style-type: none;
background: url("../images/icns/color_wheel_sm_dk.gif") no-repeat 0 50%;
}

/*for up arrow icon when used at right side of page*/
.up {
color: #ff0099;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; background: url("../images/icns/arrow_up_icn.gif") no-repeat 0 50%;
list-style-type: none;
padding-left: 15px;
}

.up a:link, .up a:active, .up a:visited {
color: #ff0099;
text-decoration: underline;
}

.up a:hover {
text-decoration: none;
color: #fff;
background-color: #0099FF;
}





/* MISC ************************************************************/


/*
IMAGE CONTROLS
- images in body padding ------------------------------------------ */
 
img.rightimg {
float: right;
margin: 20px 0 5px 5px;
}
 
img.leftimg {
float: left;
margin: 20px 5px 5px 0;
}

/* horizontal rule ------------------------------------------*/
hr {
border: none 0; 
border-bottom: 1px dotted #FBDA89;/*the border - red#CF423A*/
width: 98%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
margin: 30px 0 30px 0;
}

#flashcontent {
width: 720px;
height: 258px;
float: left;
margin: 0;
overflow: hidden;
}