/* 
Project: Daryl Group
Filename: screen.css
Date: May 2008
Author: MWA Design - (simon.mcfarlane@mwadesign.com)
*/


/*------ clear standard browser styles ------*/

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}

ul,ol,li{
	list-style: none;
}

address,caption,cite,code,dfn,th,var,em {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



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


body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	background: #666 url(img/DGbackground1.jpg) repeat-x 0 0;
    }



body a img {
    border: none;
}





/* ---------------- global classes ---------------- */


.bold{
   font-weight: bold;
}


.hide{
   position:absolute;
   left: 0px;
   width: 1px;
   height: 1px;
   overflow: hidden;
}
	
.hidden{
	display: none;
}

.clear {
	clear: both;
	}




/* ---------------- wrap ---------------- */

#wrap{
	text-align: left;
	margin: 0 auto 0 auto;
	width: 860px;
	padding: 0 10px;
	
}



/* ---------------- header ---------------- */


#header{
	float: left;
	width: 860px;
	margin: 27px 0 39px 0;
}


#header h1,
#header p{
	float: right;
	width: 237px;
	height: 80px;
	background: url(img/daryl-group-logo.gif) no-repeat 0 0;
	text-indent: -9999px;
}


#navigation{
	float: left;
	margin-top: 62px;
	font-size: 1.2em;
	font-weight: bold;
}


#navigation a{
	display: block;
	color: #fff;
	text-decoration: none;
}


#navigation a:hover,
#navigation a.current-page{
	color: #999;
}


#navigation li{
	float: left;
	margin-right: 14px;
	padding-right: 14px;
	background: url(img/nav-divider.gif) no-repeat center right;
}


#navigation .last{
	background: none;
}



/* ---------------- content ---------------- */


#content{
	float: left;
	width: 860px;
	min-height: 415px;
	background: #fff url(img/content-back.jpg) no-repeat top right;
}
	


#content-our-businesses,
#content-terms-and-privacy{
	float: left;
	width: 860px;
	min-height: 415px;
	background: #fff url(img/content-back-ourbusinesses.jpg) no-repeat top right;
}


#content-our-businesses #main-content{
	width: 436px;
}


#content-terms-and-privacy #main-content{
	width: 800px;
}



#main-content{
	float: left;
	width: 349px;
	padding: 32px 0 17px 28px;

}




#main-content .text-home{
	width: 324px;
	height: 135px;
	background: url(img/text-home.gif) no-repeat 0 0;
	text-indent: -9999px;
}


#main-content .text-aboutus{
	width: 341px;
	height: 83px;
	background: url(img/text-aboutus.gif) no-repeat 0 0;
	text-indent: -9999px;
}



#main-content .text-ourbusinesses{
	width: 260px;
	height: 55px;
	background: url(img/text-ourbusinesses.gif) no-repeat 0 0;
	text-indent: -9999px;
}


#main-content .text-contactus{
	width: 260px;
	height: 55px;
	background: url(img/text-contactus.gif) no-repeat 0 0;
	text-indent: -9999px;
}


#main-content .text-termsprivacy{
	width: 260px;
	height: 55px;
	background: url(img/text-termsprivacy.gif) no-repeat 0 0;
	text-indent: -9999px;
}


#main-content h2{
	font-size: 1.2em;
	color: #999;
	font-weight: bold;
	margin-bottom: 14px;
}


#main-content h3{
	font-size: 1.2em;
	font-weight: bold;
}

#main-content h3 a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}


#main-content h3 a:hover{
	text-decoration: underline;
}

#main-content p{
	font-size: 1.2em;
	margin-bottom: 13px;	
}

#main-content p.smaller{
	font-size: 1em;
}


#main-content p strong{
	font-weight: bold;
	color: #666;
}


#main-content p a{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}


#main-content p a:hover{
	text-decoration: underline;
}


#main-content p a.blog-link{
	color: #666;
}


/* ---------------- SlideShow ---------------- */

#SlideShow{
	margin: 60px 0 0 0;
	padding: 0 0 60px 0;
}



/* ---------------- company-list ---------------- */


#company-list{
	float: right;
	margin: 35px 0 20px 0;
}


#company-list ul{
	margin-right: 44px;
/*		padding-right: 30px; */
/*	border-right: 1px solid #cccccc; */
}


/*#company-list ul li{
	padding-bottom: 14px;
}*/


/*#company-list ul .last{
	padding-bottom: 0px;
}*/




/* ---------------- contact-form ---------------- */


#contact-form{
	float: left;
	width: 353px;
}


#contact-form p{
	float: left;
	width: 353px;
	margin: 0 0 1px 0;
	padding: 0;
}


#contact-form label{
	float: left;
	width: 90px;
}
	

#contact-form input{
	float: right;
	width: 250px;
	border: 1px solid #999;
}


#contact-form textarea{
	float: right;
	width: 250px;
	height: 55px;
	border: 1px solid #999;
}


#contact-form input#submit,
#contact-form input#submit:active{
	margin-top: 5px;
	width: 80px;
	font-weight: bold;
	font-family: arial, verdana, sans-serif;
	font-size: 1.2em;
}

#contact-form input#submit:active{
	color: #c03;
	border: 1px solid #666;
}

.error
{
	font-size: 11px;
	font-weight: bold;
	color: #c03;
	margin-bottom: 10px;
	text-align: right;
}

/* ---------- notification boxes ---------- */

.greenBox,
.redBox 
{
	margin:							30px 0;
	padding:						10px;
	background-color:				#E6FFCC;
	border:							solid 1px #5FB800;
}
.redBox 
{
	background-color:				#FF9FB9;
	border:							solid 1px #c03;
}
.greenBox h1,
.redBox h1
{
	font-weight:					bold;
	font-size:						18px;
	margin-bottom:					10px;
}

/* ---------------- footer ---------------- */


#footer{
	float: left;
	width: 860px;
	padding: 10px 0 20px 0;
}


#footer p{
	float: left;
	color: #cccccc;
	padding-right: 10px;
}


#footer p a{
	display: block;
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
}


#footer p a:hover,
#footer p .current-page{
	text-decoration: underline;
}