/*  
Theme Name: DW Theme
Theme URI: http://wordpress.org/
Description: Custom-made wordpress theme for DW General Wood Machinists Ltd.
Version: 1
Author: Emma Gawen
Author URI: Email emmagawen (*at*) gmail . com

*/

/* Reset CSS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */

:focus { outline: 0; }

body { line-height: 1;}

ol, ul { list-style: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* Basic Structure */

body { font-size: 75%; /* Resets to 12px */  
font-family: Verdana, Arial, Sans-Serif; background: url('images/bodywoodeee.png') repeat-x top center #eeeeee; color: #404040; text-align: center; 
}

#container { width: 960px; text-align: left; margin: 20px auto 0; }

/* body#services #content { background: url('images/sidebackground.jpg') top right repeat-y; } */

#header { float: left; width: 960px; height: 90px; position: relative; margin-bottom: 20px;}

#title {width: 356px; float: left; background: url('images/dwlogotxt3nb.png') no-repeat top left; display: block;}
#title h1 a, #title h1 { display: block; text-indent: -9999px; overflow: hidden;}

#navigation { width: 604px; float: right; position: relative; height: 90px; } /* 604px */

#content { margin:40px 0; clear: both; padding: 20px 0 40px;}

.firstcontent, .secondcontent, .thirdcontent { width: 300px; margin-bottom: 30px; }
.firstcontent { margin-right: 30px; float: left; }
.secondcontent { float: left; }
.thirdcontent { float: right; }

.firstsecondcontent {width: 630px; float: left; margin-bottom: 30px;}
.secondthirdcontent {width: 630px; float: right; margin-bottom: 30px;}

#introduction {margin: 20px 0; }

#sidebar { width: 240px; float: right; background: #F0F0F0;}

#footerwrap { width: 100%; background: url('images/bodywoodfootern.png') bottom center #23282C repeat-x; height: 260px; padding-bottom: 20px; clear: both;}
#footer { margin: 0 auto; width: 960px; text-align: left; padding-top: 15px;}

ul.footernav {float:left; width: 100%;}
ul.footernav li {float: left; display: inline; }

.clear {clear: both;}

/* Navigation */

#navigation ul { height:90px; list-style: none; }
#navigation ul li.navli {float: left; display: inline; height: 90px; text-indent: -9999px; }

#navigation ul li.navli a { background-image: url('images/navmatrixe.png'); display: block; }

#navigation ul li.mouldings a { display: block; width: 117px; height: 90px; }
#navigation ul li.services a { display: block; width: 125px; height: 90px; background-position: -117px 0; }
#navigation ul li.showcase a { display: block; width: 117px; height: 90px;  background-position: -242px 0;}
#navigation ul li.videos a { display: block; width: 120px; height: 90px; background-position: -360px 0;}
#navigation ul li.about a { display: block; width: 124px; height: 90px; background-position: -479px 0;}

#navigation ul li.mouldings a:hover { display: block; width: 117px; height: 90px; background-position:0 -90px;}
#navigation ul li.services  a:hover { display: block; width: 125px; height: 90px; background-position: -117px -90px; }
#navigation ul li.showcase a:hover { display: block; width: 117px; height: 90px;  background-position: -242px -90px;}
#navigation ul li.videos a:hover { display: block; width: 120px; height: 90px; background-position: -360px -90px;}
#navigation ul li.about a:hover { display: block; width: 124px; height: 90px; background-position: -479px -90px;}

#navigation ul li.mouldingsactive a { display: block; width: 117px; height: 90px; background-position:0 -90px;}
#navigation ul li.servicesactive  a { display: block; width: 125px; height: 90px; background-position: -117px -90px; }
#navigation ul li.showcaseactive a { display: block; width: 117px; height: 90px;  background-position: -242px -90px;}
#navigation ul li.videosactive a { display: block; width: 120px; height: 90px; background-position: -360px -90px;}
#navigation ul li.aboutactive a { display: block; width: 124px; height: 90px; background-position: -479px -90px;}
/* Typography */

a { color: #003399; text-decoration: none;}
a:hover { color: #D60A60; text-decoration: underline; }

h1, h2, h3, h4, h5, h6, #header ul li a { font-family: Georgia, "Times New Roman", Verdana, Sans-Serif; font-weight: normal; }
h1 { font-size: 5em; line-height: 1.6em;}
h2 { font-size: 2.5em; line-height: 1.6em;}
h3 { font-size: 2.2em; line-height: 1.6em;}
h4 { font-size: 1.9em; line-height: 1.6em;}
h5 { font-size: 1.6em; line-height: 1em;}
h6 { font-size: 2.2em; line-height: 1em;}

strong { font-weight: bold; }
em { font-style: italic; }
#header, #header a, #footer, #footer h2 a, #footer ul li a {color: #E3B471; }
#header h1 span { font-size: 0.6em; }
#header ul { margin:0 0 1.5em; }
#header ul li { text-align: center; font-size: 1.5em; }
#header ul li a { color: #E3B471; }
#content { color: #404040; }
#content h4 span, #content h2 span { font-size: 1.4em; }
#content h4, content h2 { margin-bottom: 10px; }
#content h4 em {color: #003399; }
#home h3 a{ border-bottom: 1px #404040 dotted; display: block; margin: 0 0 10px;}
#introduction h4 { font-weight: italic; }
#footer p a, #footer ul li a, #footer h3 a, #footer h4 a {color: #eeeeee;}

#content p, #content ul { margin: 0 0 1.5em; font-size: 1.2em; line-height: 1.4em;}
#footer p, #footer ul li { margin: 0 0 1.5em; font-size: 1.1em; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }

ul#hardwoods {margin-top: 0px; }
ul#hardwoods li {width: 230px; float: left; display: inline; }

/* Begin Images */

/* Credit to the Default wordpress theme for this method of aligning images */

img { padding: 0 0 10px; max-width: 100%; }

a img { border: none; }
	
img.centered { display: block; margin-left: auto; margin-right: auto; }
	
/* img.alignright { margin: 0 0 0px 7px; } */

/* img.alignleft { padding: 0px; margin: 0 4px 0 0;} */

.alignright { float: right; }
	
.alignleft { float: left }

/* End Images */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }

blockquote { background: url('images/blockquote.png') #fff top left no-repeat; color: #404040;}

blockquote.left { float: left; width: 45%; padding: 10px; font-weight: bold; }

blockquote.right { float: right; padding: 10px; width:45%; font-weight: bold;  }

.titlesection { margin: 0; padding: 12px 0 0; list-style: none; background: url('images/underline.gif') top repeat-x;}