/* Elements */

body { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; background: url("images/bg_gradient.jpg") left top repeat-x; }
a { font-weight: bold; color: #0db14b; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; }
img { border: none; }
ul, ol { margin-left: 0; padding-left: 15px; list-style: square; }

/* Layout structure */

#main_wrapper { margin: 0 auto; width: 980px; background: url("images/bg.gif") right top repeat-y; }
#main_wrapper.home { background: none; }
#main_wrapper.staff { background: none; }
#main_wrapper.home #center_column { padding-top: 180px; width: 645px; background: url("images/hdr_index_03.jpg") left top no-repeat; }
#main_wrapper.home #center_column_content { padding-right: 0; }
#main_wrapper.home #center_column h2 { margin-top: 170px; }
#main_wrapper.home #center_column h3 { margin: 15px 0px 0px 0px; color: #888888; line-height: 24px; font-size: 16px}
#main_wrapper.home #center_column p { float: left; margin-top: 40px; padding: 0; width: 100%; line-height: 24px; font-size: 14px; }

.quick_link { float: left; margin-left: 15px; width: 170px; height: 195px; }
.quick_link a:hover { border-bottom: solid 2px #0DB14B; }

.staff .list_item { height: 195px; width: 329px}

#header { margin: 0; padding: 0; width: 980px; height: 160px; }
#header h1 { float: left; margin: 0; padding: 0; width: 335px; height: 160px; text-indent: -9999px; overflow: hidden; }
#header h1 a { display: block; float: left; width: 335px; height: 160px; background: url("images/bg_cotton_king_logo.jpg") left top no-repeat; }
#header #header_slideshow { float: right; width: 645px; height: 160px; }
#header #header_slideshow h2 { margin-top: 30px; padding: 0 30px; width: 385px; font-size: 12px; color: #22B14C; }
#header #header_slideshow p { padding: 2px 30px; width: 385px; font-size: 11px; color: #666666; }

#nav, #nav_sub { position: absolute; }
#nav.staff { position: relative; }
#nav { margin-left: 153px; width: 180px; border-right: solid 2px #0db14b; }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav ul li { clear: both; float: left; }
#nav ul li a { display: block; width: 130px; height: 24px; margin-right: 10px; padding: 4px 20px 0 20px; font-size: 11px; color: #0db14b; text-transform: uppercase; }
#nav ul li a:hover { display: block; color: #FFFFFF; text-decoration: none; background: #0db14b; }

ul#nav_sub { /*margin-top: 120px;*/ top: 190px; border-left: solid 2px #8CC643; }
ul#nav_sub { margin: 0px; padding: 0; list-style: none; }
ul#nav_sub li a { display: block; width: 130px; height: 25px; margin-right: 10px; padding: 5px 20px 0 20px; font-size: 11px; color: #8CC643; text-transform: none; }
ul#nav_sub li a:hover { color: #0DB14B; text-decoration: underline; background: none; }

#left_column { float: left; width: 335px; }
#left_column_content { width: 335px; height: 350px; }
#left_column.home { background: url("images/bg_home.jpg") left top no-repeat; }
#left_column.staff { background: none;}
#left_column_content.staff { width: 335px; height: 250px; }
#left_column.company { background: url("images/bg_company.jpg") left top no-repeat; }
#left_column.manufacturing { background: url("images/bg_manufacturing.jpg") left top no-repeat; }
#left_column.retail { background: url("images/bg_retail.jpg") left top no-repeat; }
#left_column.medical { background: url("images/bg_medical.jpg") left top no-repeat; }
#left_column.contact { background: url("images/bg_contact_gp.jpg") left top no-repeat; }

#center_column { float: left; width: 445px; }
#center_column_content { padding: 0 15px; }
#center_column_content h2, .staff h2 { font-size: 16px; color: #0DB14B; text-transform: uppercase; }
#center_column_content h3 { font-size: 14px; }
#center_column_content li { margin-top: 15px; }
#center_column.staff { float: left; margin-top: 200px;}
#center_column_content.staff { width: 1050px; padding: 0px; }
#center_column_content ul ul { list-style: circle; }
#center_column_content ul ul li { line-height: 12px; }

#right_column { float: right; width: 200px; background: #0DB14B; }
#right_column_content { padding: 30px 18px; color: #FFFFFF; }
#right_column_content h3 { font-size: 18px; color: #FFFFFF; line-height: 26px; }

ul#staff_sub { /*margin-top: 120px;*/ top: 165px; }
ul#staff_sub { margin: 0; padding: 0; list-style: none; }
ul#staff_sub li a { display: block; width: 130px; height: 25px; margin-right: 10px; padding: 5px 20px 0 20px; font-size: 11px; color: #FFFFFF; text-transform: none; }
ul#staff_sub li a:hover { border-left: solid 2px #8CC643; color: #FFFFFF; text-decoration: underline; background: none; }

#footer { clear: both; float: left; margin-top: 15px; width: 100%; height: 55px; border-top: solid 4px #FFFFFF; background: #FFFFFF url("images/bg_lines.gif") left top repeat-x; }
#footer_content { margin: 0 auto; font-size: 10px; padding-top: 8px; }
#footer_content p { margin: 10px 15px; color: #888888; }
#footer_content p.left { float: left; }
#footer_content p.right { float: right; padding-bottom: 15px; }
#footer_content a { font-weight: normal; color: #888888; text-decoration: none; }
#footer_content a:hover { background: none;	}
#footer_content #footer_nav { margin: 15px 0 15px 0; }
#footer_content #footer_nav ul { margin: 0 auto; text-align: center; padding: 0; list-style: none; }
#footer_content #footer_nav ul li { display: inline; }
#footer_content #footer_nav ul li a { margin: 0 5px; padding: 5px 10px; font-weight: bold; color: #0db14b; text-transform: uppercase; }
#footer_content #footer_nav ul li a:hover { color: #FFFFFF; text-decoration: none; background: #0db14b; }

/* Misc */

.link { font-weight: bold; color: #0db14b; text-decoration: none; }
a:hover .link { text-decoration: underline; }
.clear { clear: both; }

.form_contact td { padding: 8px; }
.form_contact tr.alt { background: #F6F6F6; }
.form_contact tr.alt td { border-top: solid 1px #EEEEEE; border-bottom: solid 1px #EEEEEE; }
.form_contact input, select, textarea { width: 240px; font-family: verdana; font-size: 12px; color: #666666; border: solid 1px #8CC643; }
.form_contact input.form_buttons { width: auto; height: 25px; font-weight: bold; }

.img_border { border: solid 1px #8CC643; }
.img_label { margin-top: 0; padding: 8px 10px 10px 10px; font-weight: bold; font-size: 11px; color: #FFFFFF; background: #8CC643; }

.list_item { float: left; width: 350px; height: 115px; margin: 15px 0; border-bottom: solid 1px #EEEEEE;}
.list_item img { float: left; margin: 0 10px 10px 0; border: solid 1px #8CC643; }
.list_item a.list_item_more { float: right; font-size: 9px; text-transform: uppercase; }
.list_item h3 { margin: 0;}
.list_item h4 { font-size: 12px; font-style: italic; color: #888888; }

a.list_item_more { float: right; font-size: 9px; text-transform: uppercase; }

.slogan { float: right; margin-top: 70px; }