/*   
Theme Name: Dow Columbia
Theme URI: www.dowcolumbia.com
Description: This is the official site theme for Dow Columbia
Author: Sebastian Nitu
Author URI: www.sebnitu.com
Template: n/a
Version: 1.0
.
This theme is only to be used for the Dow Columbia website along with all files attached. All rights reserved. If you would like to learn more about having a custom theme built for your website, please visit the authors website as shown above
.
*/

/*_______________________________________________*/
/* ---------- global styles ---------- */

html { text-align: center; }

hr { border: 0 none; clear: both; height: 0; visibility: hidden; }	

hr.rule { border-bottom: 1px dashed #000000; clear: both; height: 1px; visibility: visible; }	

small {
	font-size: 10px;
	line-height: 14px;
	}
	
em { font-style: italic }
	
a, a:link, a:active {
	text-decoration: none;
	color: #d1262a;
	}

a:visited {
	color: #ad272b;
	}
	
a:hover {
	color: #d1262a;
	border-bottom: 1px dotted #d1262a;
	}

.float-left {
	float: left;
	}

.float-right {
	float: right;
	}


/*_______________________________________________*/
/* ---------- structure styles ---------- */

body {
	position: relative;
	background: #f4f3f2 url(../../images/body-tile.jpg) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	}

#vert-tile {	
	background: url(../../images/body-side.png) no-repeat left 302px;
	width: 882px;
	margin: auto;
	}

#container {
	position: relative;
	background: url(../../images/body-background.jpg) no-repeat center top;
	text-align: left;
	}
	
#side-line {
	float: left;
	margin-top: 302px;
	}

#wrapper {
	position: relative;
	width: 810px;
	margin: auto;
	}


/*_______________________________________________*/
/* ---------- header styles ---------- */

#header {
	height: 302px;
	}

#logo {
	background: url(../../images/header-logo.png) no-repeat;
	text-indent: -9999px;
	float: left;
	width: 270px;
	height: 182px;
	margin: 25px 25px 0;
	}
	
#logo a {
	width: 270px;
	height: 182px;
	}

#tag-line {
	background: url(../../images/header-tagline.png) no-repeat center;
	text-align: center;
	text-indent: -9999px;
	height: 18px;
	margin-top: 28px;
	}

#cont-emerg {
	background: url(../../images/header-emerg.png) no-repeat center;
	text-indent: -9999px;
	width: 198px;
	height: 52px;
	float: left;
	margin: 34px 0 0 40px;
	}

#cont-gener {
	background: url(../../images/header-gener.png) no-repeat center;
	text-indent: -9999px;
	width: 223px;
	height: 45px;
	float: left;
	margin: 34px 0 0;
	}

/* navigation styles */

#nav {
	background: url(../../images/nav-background.png) no-repeat center;
	width: 810px;
	height: 36px;
	text-align: center;
	overflow: hidden;
	margin-top: 18px;
	}
	
#nav ul {	
	height: 32px;
	line-height: 32px;
	list-style: none;
	overflow: hidden;
	}

#nav li {
	display: inline;
	}

#nav a:link, #nav a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 18px 10px;
	margin: 0 -2px;
	}
	
#nav a:hover, #nav a.active {
	background: #000000 url(../../images/nav-selected.jpg) repeat-x;
	border-bottom: none;
	}
	
#nav a.selected {
	background: #952a2c url(../../images/nav-active.jpg) repeat-x;
	}


/*_______________________________________________*/
/* ---------- slideshow banner styles ---------- */

#banner {
	position: relative;
	background: url(../../images/banner-background.png) no-repeat top center;
	width: 804px;
	height: 270px;
	margin: 20px auto 0;
	}
	
a#emerg-btn {
	background: url(../../images/content-emerg-btn.png) no-repeat top left;
	position: relative;
	border: none;
	color: #000;
	float: left;
	width: 144px;
	height: 121px;
	margin: 10px;
	overflow: hidden;
	padding: 80px 10px 0;
	font-size: 12px;
	line-height: 16px;
	}
	
a#emerg-btn:hover {
	background: url(../../images/content-emerg-btn.png) no-repeat top right;
	}

a#emerg-btn em {
	color: #d1262a;
	}
	
a#emerg-btn span.image-replace {
	display: none;	
	}
	
#slideshow_container {
	position: absolute;
	float: left;
	width: 600px;
	height: 250px;
	left: 187px;
	}
	

/*_______________________________________________*/
/* ---------- content styles ---------- */

#main-home {
	height: 100%;
	position: relative;
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
	}
	
#main-content {
	height: 100%;
	position: relative;
	font-size: 12px;
	line-height: 18px;
	padding: 35px 12px;
	}

#main-content p {
	padding-bottom: 12px;
	}

#primary-leftHome {
	float: left;
	width: 550px;
	}
	
#primary-right {
	float: left;
	width: 505px;
	padding-left: 20px;
	}
	
#primary-left {
	float: left;
	width: 505px;
	padding-right: 20px;
	}

/* sub navigation styles */

ul#emerg-nav {
	width: 220px;
	margin: 0 auto;
	}

ul#emerg-nav li.first-subnav {
	background: url(../../images/subnav-top.png) no-repeat top;
	padding-top: 30px;
	}

ul#emerg-nav li.last-subnav {
	background: url(../../images/subnav-bottom.png) no-repeat bottom;
	padding-bottom: 30px;
	}

ul#emerg-nav li a {
	background: url(../../images/subnav-center.png) repeat-y;
	}

ul#emerg-nav li a {
	color: #000000;
	border: none;
	display: block;
	padding: 12px 12px 12px 20px;
	}
	
ul#emerg-nav li a:hover {
	background: #f7d367;
	}
	
/* sidebar styles */

a#sidebar-emerg-btn {
	background: url(../../images/sidebar-emerg-btn.png) no-repeat top left;
	position: relative;
	border: none;
	float: left;
	width: 225px;
	height: 80px;
	margin: 0 10px 20px;
	overflow: hidden;
	}
	
a#sidebar-emerg-btn:hover {
	background: url(../../images/sidebar-emerg-btn.png) no-repeat bottom left;
	}
	
a#sidebar-emerg-btn span.image-replace {
	display: none;	
	}
	
.sidebar-important {
	background: url(../../images/element-white_grade.png) repeat-x top;
	text-align: center;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d2d1d1;
	border-left: 1px solid #d2d1d1;
	border-right: 1px solid #d2d1d1;
	padding: 12px 0;
	width: 208px;
	margin: 20px auto;
	}
	
.sidebar-important h2 {
	font-size: 26px;
	color: #d1262a;
	font-weight: bold;	
	}
	
.sidebar-important p {
	text-transform: uppercase;
	font-size: 16px;
	}


/* feature styles */

#feature {
	height: 100%;
	position: relative;
	margin-bottom: 24px;
	font-size: 24px;
	line-height: 26px;
	}
	
#feature img {
	padding: 0 12px 0 0;
	float: left;
	}

#feature .feature-item {
	padding: 12px;
	float: left;
	height: 53px;
	width: 240px;
	}
	
#feature .feature-item:hover {
	background: #fff;
	cursor: pointer;
	}

#feature .feature-item a {
	display: block;
	border: none;
	color: #000;
	}
	
/* primary-right styles */

#primary-right img {
	float: left;
	text-align: center;
	}
	
#primary-right #description {
	padding-top: 15px;
	border-top: 1px dashed #000;
	}
	
/* primary-left styles */

#primary-left p {
	padding-right: 12px;
	}
	
#primary-left ul {
	padding-bottom: 12px;
	}

#primary-left ul.damagedBy li {
	width: 200px;
	float: left;
	padding: 6px 12px 6px;
	border-left: 6px solid #d1cfcf;
	}

#primary-left ul.damagedBy li:hover {
	background: #fff;
	border-left: 6px solid #f7d367;
	}

#primary-left #call-us-today {
	border-top: 1px dashed #000;
	border-bottom: 1px dashed #000;
	text-align: center;
	color: #d1262a;
	font-size: 18px;
	padding: 20px;
	}

/* primary centered styles */
	
#primary-center #description {
	border-bottom: 1px dashed #000;
	margin-bottom: 12px;
	}
	
#primary-center #description img {
	float: left;
	padding-right: 12px;
	}
	
#primary-center #description p {
	padding: 16px 20px 16px 0;
	}
	
#primary-center p.instruct {
	padding: 0 0 16px 211px;
	font-style: italic;
	color: #d1262a;
	}
	
#primary-center #elements {
	}
	
#primary-center #elements a {
	text-align: left;
	position: relative;
	float: left;
	height: 60px;
	width: 240px;
	overflow: hidden;
	line-height: 60px;
	font-size: 12px;
	border: none;
	color: #000;
	margin: 10px 10px;
	border-bottom: 8px solid #cbcac9;
	}

#primary-center #elements a:hover {
	background: #ffffff;
	border-bottom: 8px solid #f5c728;
	}

/* small icon styles */

#primary-center #elements a img {
	float: left;
	text-align: center;
	}
	
#primary-center #elements a .small-icons {
	float: left;
	width: 80px;
	text-align: center;
	}

img.small_water {
	padding: 9px 30px 0 12px;
	}

img.small_fire {
	padding: 5px 37px 0 12px;
	}

img.small_mold {
	padding: 7px 18px 0 12px;
	}

img.small_soot {
	padding: 8px 21px 0 12px;
	}

img.small_sewg {
	padding: 9px 23px 0 12px;
	}

img.small_vand {
	padding: 7px 43px 0 12px;
	}

/* secondary-left sidebar styles */

#secondary-left {
	float: left;
	width: 250px;
	}

/* secondary-right sidebar styles */

#secondary-right {
	float: left;
	width: 250px;
	border-left: 1px dashed #000000; 
	}

#secondary-right .dki-logo {
	background: url(../../images/content-dki_logo.png) no-repeat;
	text-indent: -9999px;
	width: 181px;
	height: 58px;
	margin-left: 12px;
	margin-bottom: 24px;
	overflow: hidden;
	}
	
#secondary-right .dki-logo a {
	display: block;
	border: none;
	padding: 20px;
	}

#secondary-right .button-center {
	text-align: center;
	}

#secondary-right .button-center a {
	background: #d1262a url(../../images/content-btn_gloss.png) repeat-x top;
	border: 1px solid #d1262a;
	color: #fff;
	padding: 6px 20px 4px;
	line-height: 24px;
	font-size: 12px;
	}
	
#secondary-right .button-center a:hover {
	background: #000 url(../../images/content-btn_gloss.png) repeat-x top;
	border: 1px solid #000;
	}
	
/* about us styles */

#aboutUs-sidebar {
	float: right;
	width: 230px;
	padding: 0 15px;
	}
	
#aboutUs-sidebar span {
	display: block;
	}
	
#aboutUs-sidebar .aboutUs-sidebarItem {
	background: url(../../images/element-white_grade.png) repeat-x top;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d2d1d1;
	border-left: 1px solid #d2d1d1;
	border-right: 1px solid #d2d1d1;
	padding: 10px 20px;
	}

#aboutUs-sidebar #our-details {
	}

#our-details h4 {
	font-size: 14px;
	font-weight: bold;
	}

#our-details span.hours {
	
	}
	
#our-details span.phone {
	background: url(../../images/phone.png) no-repeat left center;
	padding-left: 20px;
	padding-top: 6px;
	}
	
#our-details span.fax {
	background: url(../../images/printer.png) no-repeat left center;
	padding-left: 20px;	}
	
#our-details span.emerg-phone {
	background: url(../../images/error.png) no-repeat left center;
	padding-left: 20px;	}

#aboutUs-sidebar #our-team {
	margin-top: 25px;
	}
	
#our-team #team-list li {
	padding: 6px 12px 6px;
	border-left: 6px solid #d1cfcf;
	}

#our-team #team-list li:hover {
	background: #fff;
	border-left: 6px solid #f7d367;
	}

#our-team #team-list span.name {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 12px;
	padding: 0 0 6px;
	}
	
#our-team #team-list span.position {
	font-size: 14px;
	font-weight: bold;
	}
	
#our-team #team-list span.phone {
	background: url(../../images/phone.png) no-repeat left center;
	padding-left: 20px;
	padding-top: 6px;
	}
	
#our-team #team-list span.email a {
	background: url(../../images/email_edit.png) no-repeat left center;
	padding-left: 20px;
	}

.ass-logos {
	text-align: center;
	}
	
.ass-logos img {
	padding: 10px 10px; 
	}

/* Gallery Styles */

#gallery-slide {
	text-align: center;
	margin: 10px 0 30px;
	}

/* emergency tips styles */

.todo-list {
	float: left;
	width: 230px;
	padding: 25px 0 15px;
	}
	
.todo-list li {
	padding: 10px 0 15px;
	}
	
#todo-list_left {
	padding-right: 20px;
	border-right: 1px dashed #000;
	}
	
#todo-list_right {
	padding-left: 20px;
	}

/* services styles */

.services-list {
	float: left;
	width: 262px;
	overflow: visible;
	}
	
.services-list li {
	padding: 6px 12px 6px;
	border-left: 6px solid #d1cfcf;
	}
	
.services-list li:hover {
	background: #fff;
	border-left: 6px solid #f7d367;
	}
	
#special_resto-contain {
	background: url(../../images/element-white_grade.png) repeat-x top;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d2d1d1;
	border-left: 1px solid #d2d1d1;
	border-right: 1px solid #d2d1d1;
	margin-top: 30px;
	padding: 10px 20px;
	}
	
#special_resto-contain p em {
	color: #d2232a;
	}
	
/* contact styles */

#contact-menu {
	text-align: right;
	width: 300px;
	float: right;
	}

#contact-menu li {
	display: inline;
	}

#contact-menu li a {
	padding: 10px 15px;
	background: #7f7e7e;
	color: #fff;
	border: none;
	}
	
#contact-menu li a:hover, #contact-menu li a.active:hover {
	background: #d2232a;
	}
	
#contact-menu li a.active {
	background: #000;
	}

/* Emergency Contact Styles */
	
#primary-center .step {
	background: #cfcece url(../../images/element-white_grade.png) repeat-x top;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #d2d1d1;
	border-left: 1px solid #d2d1d1;
	border-right: 1px solid #d2d1d1;
	margin-top: 30px;
	padding: 10px 20px;
	font-size: 16px;
	line-height: 50px;
	}
	
#primary-center .step span {
	font-weight: bold;
	color: #d1262a;
	font-size: 28px;
	padding: 0px 0px 0px 12px;
	}

#primary-center #step-one {
	
	}
	
#primary-center #step-two {
	
	}
	
#primary-center #step-three {
	
	}


/*_______________________________________________*/
/* ---------- headline styles ---------- */


h2#headline-we_work {
	background: url(../../images/content-we_work_with.png) no-repeat;
	text-indent: -9999px;
	width: 539px;
	height: 18px;
	margin-bottom: 12px;
	}
	
h2#headline-we_are {
	background: url(../../images/content-we_are_proud.png) no-repeat;
	text-indent: -9999px;
	width: 232px;
	height: 42px;
	margin-left: 12px;
	margin-bottom: 24px;
	}

h2#headline-emerg_tips {
	background: url(../../images/content-emergency_tips.png) no-repeat;
	text-indent: -9999px;
	display: block;
	border-bottom: 1px dashed #000;
	margin-bottom: 8px;
	padding-bottom: 8px;
	}
	
h2.headline-damage {
	text-indent: -9999px;
	display: block;
	padding-bottom: 8px;
	margin: 30px 0 30px 95px;
	}
	
h2#headline-water {
	background: url(../../images/content-water_damage.png) no-repeat;
	}
	
h2#headline-fire {
	background: url(../../images/content-fire_damage.png) no-repeat;
	}
	
h2#headline-mold {
	background: url(../../images/content-mold_damage.png) no-repeat;
	}
	
h2#headline-soot {
	background: url(../../images/content-soot_damage.png) no-repeat;
	}
	
h2#headline-sewage {
	background: url(../../images/content-sewage_damage.png) no-repeat;
	}
	
h2#headline-vandalism {
	background: url(../../images/content-vandalism_damage.png) no-repeat;
	}	

h3#headline-to_do {
	background: url(../../images/content-to_do.png) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 53px;
	padding-bottom: 8px;
	}
	
h3#headline-not_to_do {
	background: url(../../images/content-not_to_do.png) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 53px;
	padding-bottom: 8px;
	}

h3#headline-did_you_know {
	background: url(../../images/content-did_you_know.png) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	padding-bottom: 8px;
	margin-top: 10px;
	}

h2#headline-services {
	background: url(../../images/content-what_can_we.png) no-repeat;
	text-indent: -9999px;
	display: block;
	border-bottom: 1px dashed #000;
	margin-bottom: 20px;
	padding-bottom: 8px;
	}
	
h3.headline-services_item {
	text-indent: -9999px;
	display: block;
	height: 25px;
	margin-top: 10px;
	}
	
h3#headline-emerg_serv {
	background: url(../../images/content-emerg_serv.png) no-repeat;
	}
	
h3#headline-reconstruct {
	background: url(../../images/content-reconstruct.png) no-repeat;
	}
	
h3#headline-resto {
	background: url(../../images/content-resto.png) no-repeat;
	}
	
h3#headline-special_resto {
	background: url(../../images/content-special_resto.png) no-repeat;
	margin-bottom: 10px;
	border-bottom: 1px dashed #000;
	}

/* about us headlines */

h2#headline-about_us {
	background: url(../../images/content-getting_to_know.png) no-repeat;
	text-indent: -9999px;
	display: block;
	border-bottom: 1px dashed #000;
	margin-bottom: 20px;
	padding-bottom: 8px;
	}
	
h3.headline-aboutUs {
	text-indent: -9999px;
	display: block;
	height: 25px;
	margin-bottom: 8px;
	margin-top: 10px;
	border-bottom: 1px dashed #000;
	}
	
h3#headline-our_team {
	background: url(../../images/content-our_team.png) no-repeat;
	}
	
h3#headline-our_details {
	background: url(../../images/content-our_details.png) no-repeat;
	height: 50px;
	}

/* gallery headlines */

h2#headline-our_work {
	background: url(../../images/content-our_work.png) no-repeat;
	text-indent: -9999px;
	display: block;
	border-bottom: 1px dashed #000;
	margin-bottom: 20px;
	padding-bottom: 8px;
	}

/* contact form headlines */

h2#headline-contact_us {
	background: url(../../images/content-keep_get_in_touch.png) no-repeat;
	text-indent: -9999px;
	display: block;
	border-bottom: 1px dashed #000;
	margin-bottom: 20px;
	padding-bottom: 8px;
	}
	
h2#headline-emerg_contact_us {
	background: url(../../images/content-emerg_contact_form.png) no-repeat;
	text-indent: -9999px;
	display: block;
	border-bottom: 1px dashed #000;
	margin-bottom: 20px;
	padding-bottom: 8px;
	}

h3.headline-step {
	text-indent: -9999px;
	display: block;
	height: 50px;
	border-right: 1px dashed #000;
	margin-right: 12px;
	width: 185px;
	float: left;
	}

h3#headline-stepOne {
	background: url(../../images/content-stepOne.png) no-repeat;
	}
	
h3#headline-stepTwo {
	background: url(../../images/content-stepTwo.png) no-repeat;
	}
	
h3#headline-stepThree {
	background: url(../../images/content-stepThree.png) no-repeat;
	}

/* under construction styles */

#const {
	text-align: center;
	padding: 5em 0;
	}
	
#const img {
	text-align: center;
	padding-bottom: 2em;
	}

/*_______________________________________________*/
/* ---------- footer styles ---------- */

#footer {
	padding-bottom: 1em;
	}
	
#footer #foot-nav {
	font-size: 12px;
	width: 810px;
	height: 36px;
	text-align: center;
	overflow: hidden;
	margin: 18px 0;
	border-top: 1px dashed #000000;
	border-bottom: 1px dashed #000000;
	}

#footer #foot-nav ul {	
	padding-top: 12px; 
	list-style: none;
	}

#footer #foot-nav li {
	display: inline;
	border-right: 1px solid #000;
	}
	
#footer #foot-nav li.last-nav {
	border-right: none;
	}

#footer #foot-nav a:link, #footer #foot-nav a:visited {
	color: #d1262a;
	text-decoration: none;
	font-weight: normal;
	padding: 0 12px;
	}
	
#footer #foot-nav a:hover {
	color: #252525;
	border-bottom: none;
	}

#footer #copy {
	float: left;
	}

#footer #credit {
	float: right;
	}