/* @override http://localhost/deeksandsteere/css/deeks_and_steere_main.css */

/*---------------- Main Deeks and Steere stylesheet ---------------------*/

/*---------------- Basic Structure ---------------------*/


body
{
 font-family:  Arial, Verdana, Helvetica, sans-serif;
 background-color: #B0B0B0;
 font-size: 12px;
 color: #000;
 text-align: center;
 margin-top: 0;
}


div.wrapper
{
 width: 960px;
 position: relative;
 text-align: left;
 margin: 0 auto;
 background-color: #FFF;
}


div.mainNav
{
 background-color: #FE0000;
 height: 24px;
 z-index:20;
}


div.mainContent
{
 width: 567px; /* 620px Total */
 float: left;
 padding: 27px 32px 50px 21px;
 position: relative;
 z-index:1;
}


div.subContent1
{
 width: 266px; /* 340px Total */
 float: left;
 padding: 210px 33px 50px 41px;
 position: relative;
 background-image: url(../assets/images/general/logo.gif);
 background-repeat: no-repeat;
 background-position: ;
}


div.footer
{
  background-color: #3F3D42;
  color: #FFF;
  font-weight: bold;
  position: relative;
}


/* Put margins back on certain elements */

h1, h2, h3, h4, h5, h6, p, ul 
{
  margin: 1em 0 0.6em 0;
}

/*---------------- Lists ---------------------*/


ul li
{
 padding-top: 8px;
 padding-bottom: 8px;
 border-bottom: 1px dotted #B0B0B0;
}


ul li.bottom,
{
 border-bottom: none;
}


ul.disc li
{ 
 border-bottom: none;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 15px;
 background-image: url(../assets/images/general/bullet_disc1.gif);
 background-repeat: no-repeat;
 background-position: 0 50%;
}


ul.pageNumbers li
{
 display: inline;
 border-bottom: none;
 padding-right: 5px;
 font-size: 9px;
}


ul.pageNumbers li a
{
 font-size: 9px;
}


ul#address li
{
 border-bottom: none;
}


ul.projects
{
 padding-bottom: 8px;
 border-bottom: 1px dotted #B0B0B0;
}


ul.projects li
{
 border-bottom: none;
}


div.footer ul
{
 padding: 7px 33px 5px 24px;
}


div.footer ul li
{
 display: inline;
 padding-right: 30px;
 border-bottom: none;
}


div.footer ul li#credit
{
 font-size: 11px;
 font-weight: normal;
 color: #CCC;
 padding-right: 0;
 padding-left: 30px;
}


div.footer ul li a:link,
div.footer ul li a:visited
{
 text-decoration: none;
 color: #CCC;
}


div.footer ul li a:hover,
div.footer ul li a:active
{
 text-decoration: underline;
}


/*---------------- Main Navigation ---------------------*/

ul#navigation
{
 background-color: #FE0000;
 width: 960px;
 font-size: 14px;
 margin-left: 12px;
 margin-top: 0;
 margin-bottom: 0;
 z-index:10;
}


ul#navigation li
{
 float: left;
 border-bottom: none;
 padding-top: 0;
 padding-bottom: 0;
 position:relative;
}


ul#navigation li a,
ul#navigation li a:link
{
 color: #FFF;
 text-decoration: none;
 display: block;
 background-color: red;
 padding: 5px 26px 5px 26px;
}


ul#navigation li a:visited
{
 color: #FFF;
 text-decoration: none;
}


ul#navigation li a:hover
{
 color: #FFF;
 text-decoration: none;
 background-color: #057706;
}


ul#navigation li a:active
{
 color: #FFF;
 text-decoration: none;
 background-color: #50A051;
}

/*--------------------- Main Navigation Dropdown Styles -----------------------*/


ul#navigation ul 
{
 padding: 0;
 margin: 0;
 list-style: none;
 z-index: 10;
}


ul#navigation li ul 
{
 font-size: 12px;
 font-weight: normal;
 position: absolute;
 width: 139px;
 left: -999em;
 background-color: #057706;
}


div.mainNav ul#navigation li ul.subNav li a,
div.mainNav ul#navigation li ul.subNav li a:visited
{
 color: #FFF;
 font-size: 12px;
 background-color: #057706;
 border-bottom: 1px dashed #419842;
 width: 139px;
 background-image: url(../assets/images/general/bullet_arrow2.gif);
 background-repeat: no-repeat;
 background-position: 10px 50%;
}


div.mainNav ul#navigation li ul.subNav li.bottom a,
div.mainNav ul#navigation li ul.subNav li.bottom a:visited
{
 border-bottom: none;
}


div.mainNav ul#navigation li ul.subNav li a:hover,
div.mainNav ul#navigation li ul.subNav li a:active
{
 color: #FFF;
 font-size: 12px;
 background-color: #69AD6A;
 background-image: url(../assets/images/general/bullet_arrow3.gif);
 background-repeat: no-repeat;
 background-position: 10px 50%;
}

ul#navigation li.ieHover ul,
ul#navigation li:hover ul
{
 left: auto;
}


/*---------------- Headings ---------------------*/

h1
{
 font-size: 20px;
 font-weight: normal;
 color: #000;
}


h2
{
 font-size: 20px;
 color: #038105;
 font-weight: normal;
}


h3
{
 font-size: 12px;
 color: #000;
}


h4
{
 font-size: 12px;
 color: #FE0000;
}


h5
{
 font-size: 12px;
 color: #FE0000;
 background-color: #CCC;
 padding: 4px 4px 4px 4px;
 background-image: url(../assets/images/general/icon1.gif);
 background-repeat: no-repeat;
 background-position: 98% 50%;
}


/*---------------- General ---------------------*/


.clear
{
 clear: both;
}


.emphasise
{
 color: #000;
 font-weight: bold;
}


.emphasise2
{
 color: #F00;
 font-weight: bold;
}


.italicise
{
 font-style: italic;
}


p
{
 line-height: 164%;
}


.link
{
 margin-top: 0;
 padding-top: 0;
 padding-bottom: 0;
}


.projectTitle
{
 font-weight: bold;
}


h1.project
{
 margin-bottom: 0;
 padding-bottom: 0;
}


p.location
{
 font-size: 11px;
 font-style: italic;
 padding-top: 0;
 margin-top: 0;
}


a,
a:link
{
 color: #FE0000;
 text-decoration: underline;
}


a:visited
{
 color: #035304;
 text-decoration: underline;
}


a:hover
{
 color: #057706;
 text-decoration: underline;
}


a:active
{
 color: #50A051;
 text-decoration: underline;
}


img.articleImage
{
 float: left;
 padding-top: 8px;
 padding-right: 8px;
 padding-bottom: 5px;
}


img.tradeAssoc
{
 margin-top: 40px;
}


div.subContent1 h3
{
 padding-top: 30px;
}

/*---------------- Index Page Specific ---------------------*/

/*body#homePage embed,
body#homePage object{
	width:532px;
	height:279;
	background:#FFFFFF;
	text-align:center;
	z-index:1;
}*/


body#homePage div.mainContent h1
{ 
 margin-bottom: 30px;
}


body#homePage div.mainContent, /* To compensate for the trade association links at the bottom of the page */
body#contactPage div.mainContent
{
 padding-bottom: 10px;
}


table#completedProjects
{
 margin-top: 10px;
}


table#completedProjects td
{
 background-image: url(../assets/images/general/bullet_arrow1.gif);
 background-repeat: no-repeat;
 background-position: 90% 60%;
 width: 170px;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-right: 20px;
}


table#completedProjects td a,
table#completedProjects td a:link,
table#completedProjects td a:visited
{
 color: #000;
 text-decoration: none;
 display: block;
}


table#completedProjects td a:hover
{
 color: #FE0000;
 text-decoration: underline;
 display: block;
}


table#completedProjects td a:active
{
 color: #50A051;
 text-decoration: underline;
 display: block;
}


body#homePage div.subContent1 ul.disc,
body#newsPage div.subContent1 ul.disc
{ 
 position: relative;
 top: -10px;
 left: 60px;
}


body#homePage div.subContent1 h5
{ 
 margin-top: 20px;
}


body#homePage div.subContent1 h3
{ 
 padding-top: 5px;
}


/*---------------- Project Details Page Specific ---------------------*/


body#projectPage ul.pageNumbers
{
 float: right;
 padding-top: 15px;
 padding-right: 30px;
}


body#projectPage ul.pageNumbers li a
{
 color: #FE0000;
}

body#projectPage div#projectThmbs
{
 width: 35px;
 position: absolute;
 top: 28px;
 left: 560px;
 z-index: 1;
}


body#projectPage div#projectThmbs img
{
 padding-bottom: 5px;
 cursor:pointer;
}


body#projectPage div.mainContent p
{
 margin-top: 0;
}


body#projectsPage div.mainContent ul
{
 margin-right: 150px;
}


/*---------------- Contact Page Specific ---------------------*/


body#contactPage div.subContent1 h3
{
 padding-top: 0;
}
div#googleMap{
	width:400px;
	height:300px;
	overflow:hidden;
}

/*---------------- Photo Thumbnails -----------------------------*/

div.newspics {
	
}

div.newspics p {
	font-size: 12px;
	font-style: italic;
	color: #999;
	margin-bottom: 0;
}


div.newspics img {
	display: inline;
	border: none;
	margin: 0 2px 2px 0;
}