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

/* Reset */
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,b,u,i,center,dl,dt,dd,ul,ol,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ul{list-style:none}
ol{list-style-position: inside}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}


/* Basic Structure */

body {font-size: 100%;  font-family: Verdana, Arial, Sans-Serif; color: #404040; line-height: 1;}
body#index {background: url('http://www.dwmouldings.co.uk/wp-content/themes/dwtheme/images/bodybackground.png') repeat-x #FFF;}
body#mouldings, body#services, body#timbers, body#about, body#contact {
background: url('http://www.dwmouldings.co.uk/wp-content/themes/dwtheme/images/bodyshortbackground.png') repeat-x #FFF;}

body#short {
background: url('http://www.dwmouldings.co.uk/wp-content/themes/dwtheme/images/bodyshort.png') repeat-x #FFF; }

body#short #content {margin-top: 60px;}

#container  {text-align: left; }

#logo {background: url('http://www.dwmouldings.co.uk/wp-content/themes/dwtheme/images/dwlogowd.png') no-repeat top left; display: block; height: 145px;}
#logo h1, #logo h1 a {display: block; overflow: hidden; height: 100%; text-indent: -9999px;}

#header {margin-top: 5px;}
#subtitle {margin: 5px 0 0 5px;}
#title {background:url('http://www.dwmouldings.co.uk/wp-content/themes/dwtheme/images/dwtitle.png') no-repeat top left; width: 400px; float: left;}
#title h1a, #title h1 {display:block; text-indent:-9999px; overflow:hidden; height: 54px;}


/* Navigation Matrix */ 
ul#navul {height: 145px; }
ul#navul li {display:inline; text-indent: -9999px; float: left;}
ul#navul li a{height: 145px; display: block; background: url('http://www.dwmouldings.co.uk/wp-content/themes/dwtheme/images/dwmatrixv2.png') no-repeat;}

ul#navul li#navmouldings a {width: 120px;height: 145px; background-position: 0 -145px;}
ul#navul li#navtimbers a {width: 120px;height: 145px; background-position:-120px -145px;}
ul#navul li#navservices a {width: 120px;height: 145px; background-position:-240px -145px;}
ul#navul li#navabout a {width: 120px;height: 145px; background-position:-360px -145px;}
ul#navul li#navcontact a {width: 120px;height: 145px; background-position:-480px -145px;}

ul#navul li#navmouldings a:hover {width: 120px;height: 145px; background-position: 0 0;}
ul#navul li#navtimbers a:hover {width: 120px;height: 145px; background-position:-120px 0;}
ul#navul li#navservices a:hover {width: 120px;height: 145px; background-position:-240px 0;}
ul#navul li#navabout a:hover {width: 120px;height: 145px; background-position:-360px 0;}
ul#navul li#navcontact a:hover {width: 110px;height: 145px; background-position:-480px 0;}

body#index #highlight {margin: 10px 5px 0 0;}
body#mouldings #highlight, body#services #highlight, body#timbers #highlight, body#about #highlight, body#contact #highlight {margin: 10px 0 60px 0;}

body#services img {padding-bottom: 40px; }
#map { margin-bottom: 40px;}
#contentfooter {padding-top: 20px; }

#footer {margin-top: 40px; }
#footer ul li {display:inline; }
ul.productlist li {display:inline;margin-right: 10px; }
.bl-hover {background: url('http://www.dwmouldings.co.uk/wp-content/themes/dwtheme/images/tile.png'); }
.indexhighlights , #whydw {padding-top: 5px; margin-top:5px;} 


/* Products gallery  - using slickr flickr gallery css */

.pgallery { background-color: transparent; padding: 10px; margin: 0 auto;}
.pgallery ul { list-style: none; margin: 0; padding: 0 }
.pgallery ul:after { clear:both; }
.pgallery ul li { display: inline; background: none; float:left; margin: 0px 0px 0px 0px; text-align: center; }
.pgallery ul img {  border: 1px solid #A9A9A9;  margin:4px 0 4px 5px; padding:4px; position:relative; }
.pgallery ul a:hover img { background-color: brown; }
.pgallery ul li a { text-decoration : none;}


/* Typography */

h1 a , h2 a , h3 a , h4 a , h5 a , h6 a { color: #003399; text-decoration: none;}
p a, ul li a{ color: #003399; text-decoration: none;}
a:hover { color: #D95B11; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-family: Helvetica,Arial,'Liberation Sans',FreeSans, Sans-Serif; margin: 0 0 0 5px; }

h1 { font-size: 2em; line-height: 1.6em;}
h2 { font-size: 2em; line-height: 1.6em; font-style: italic; color: #B6C9C9;}
h2 span {font-size: 1.2em; }
h3 { font-size: 1.6em; line-height: 2em; }
h4 { font-size: 1.1em; line-height: 1.8em; margin-bottom: .5em;}
h5 { font-size: 1.4em; line-height: 1em;}
h6 { font-size: 1.2em; line-height: 1em;}

#content p, #content ul , #content ol, #sidebar p, #sidebar ul, #sidebar ol { margin: 0 0 1.5em 5px; font-size: .9em; line-height: 1.4em;}
#footer p, #footer ul , #footer ol, small{ margin: 0 0 1.5em; font-size: .8em; line-height: 1.4em;}
ol.index { font-style: italic; font-family:  Georgia, Times, serif; color: #999999; }
ol.index span { font-style: normal; font-family:  Arial, Helvetica, sans-serif; color: #404040; }
ol.index li {margin-bottom: .5em;}

.copy small {font-size: .6em; }
strong { font-weight: bold; }
em { font-style: italic; }

.readmoreico {background: url('http://www.dwmouldings.co.uk/wp-content/themes/dwtheme/images/arrowa.png') top left no-repeat; display:inline-block; padding: 0 0 5px 25px; }

/*  Images - using wordpress default theme method */

img { margin: 0 0 10px; max-width: 100%; }
a img { border: none; }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	display: inline;
	}
#whydw { position: relative; }

img.specialnewsimg 
	{ position: absolute; left: 218px; }

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.button {
	display:block;
	width:210px;
	height:40px;
	text-indent:-9999px;
	margin: 25px 0;
}
.button a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	background:transparent url(http://www.dwmouldings.co.uk/wp-content/themes/dwtheme/images/contactusrollover.png) no-repeat top left;
}

.button a:hover {
	background-position:0 -40px;
}