/************************************************
 *
 *  File     :  screen.css
 *  Medium   :  Screen
 *  Version  :  v1.0
 *  Website  :  Murray Timber Group.
 *  Author   :  Guerilla.ie (c) 2008
 *
 ************************************************/


body { 
	background: #111111; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	}



/* topbar elements */
div#topbar { 
	background: #111; 
	}
div#topbar-inner { 
	width: 850px; 
	padding: 20px 0 10px; 
	margin: 0 auto; 
	}
div#topbar-inner p { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	text-align: right; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #aaa; 
	}

/* logo area */
div#logocontainer { 
	background: #fff url(gfx/bg-logocontainer.jpg) repeat-x; 
	}
div#logocontainer-inner { 
	background: url(gfx/bg-logocontainer-inner.gif) top right no-repeat; 
	width: 850px; 
	padding: 70px 0 20px; 
	margin: 0 auto; 
	}
div#logocontainer-inner .logo { 
	width:306px; 
	height:60px; 
	border:0; 
	}



/* menu elements */
div#menucontainer { 
	background: #d2d2d2 url(gfx/bg-menucontainer.jpg) repeat-x; 
	margin: 0;
}

/* menu common styling */
div#menu { 
	width:850px; 
	position:relative; 
	margin:0 auto; 
	font: normal 12px Verdana, Arial, sans; 
	z-index:100; }



/* image area components */
div#imagearea {  
	background: #bbb url(gfx/bg-imagearea.jpg) repeat-x; 
	margin: 0;  
	}
div#imagearea-inner { 
	width: 850px; 
	padding-top: 30px; 
	padding-bottom: 10px; margin: 0 auto; 
	}

#imagearea-inner .box-img { 
	float: left; 
	margin-right: 15px; 
	}
#imagearea-inner .box-img-right { 
	float: left; 
	margin: 0; 
	}
	
/* mast area  */
div#mastarea {  
	background: #eee; 
	margin: 0;  
	}
div#mastarea-inner { 
	width: 850px; 
    margin: 0 auto; 
	}

#mastarea-inner .mast-img { 
	float: left; 
	margin-right: 15px; 
	}


/* main container area */
div#maincontainer { 
	background: #f5f5f5 url(gfx/bg-maincontainer.jpg) repeat-x; 
	margin: 0; 
	}
div#maincontainer-inner { 
	width: 850px; 
	margin: 0 auto; 
	}



/* main layer and text styles */

div#main { 
	width: 550px; 
	float: left; 
	padding: 20px 0 30px; 
	margin: 0; font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	}

#main p { 
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	padding: 0; 
	margin: 5px 0 20px;
	text-align: justify;
	}
#main p a { 
	color: #04692c; 
	text-decoration: none; 
	font-weight: bold; 
	}
#main p a:hover { 
	color: #fff; 
	background: #04692c; 
	}

#main .intro { 
	font: normal 20px/27px Arial, Helvetica, sans-serif; 
	color: #444; 
	}

#main .red { 
	color: red; 
	}
	
#main ul { 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	margin: 15px 0 20px 30px; 
	padding: 0; 
	line-height: 16px; 
	color: #333; 
	}
#main li { 
	list-style: none; 
	background: url(gfx/bg-main-li.gif) top left no-repeat; 
	margin: 0 0 0 0; 
	line-height: 21px;
	list-style-position: outside;
	list-style-type: disc;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#main li a { 
	color: #04692c; 
	text-decoration: none; 
	font-weight: bold; 
	}
#main li a:hover { 
	color: #fff; 
	background: #04692c; 
	}

div#leftcol { 
	width: 400px; 
	float: left; 
	padding: 20px 0 30px; 
	margin: 0; font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	}

#leftcol p { 
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	margin: 5px 0 20px;
	text-align: justify;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#leftcol p a { 
	color: #04692c; 
	text-decoration: none; 
	font-weight: bold; 
	}
#leftcol p a:hover { 
	color: #fff; 
	background: #04692c; 
	}

div#rightcol { 
	width: 400px; 
	float: right; 
	padding: 40px 0 30px; font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 0;
}

rightcol p { 
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	padding: 0; 
	margin: 5px 0 20px;
	text-align: justify;
	}
rightcol p a { 
	color: #04692c; 
	text-decoration: none; 
	font-weight: bold; 
	}
rightcol p a:hover { 
	color: #fff; 
	background: #04692c; 
	}
	
div#onecol { 
	width: 850px; 
	float: left; 
	padding: 20px 0 30px; 
	margin: 0; font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	}

#onecol p { 
	font: normal 13px/20px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	margin: 5px 0 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left;
}

#onecol p a { 
	color: #04692c; 
	text-decoration: none; 
	font-weight: bold; 
	}
	
#onecol p a:hover { 
	color: #fff; 
	background: #04692c; 
	}
	


div#trigger { 
	width: 550px; 
	float: left; 
	margin: 0; 
	padding: 0 0 20px;
}	
div#trigger img {
	padding-right: 20px;
	padding-bottom: 20px;
	float: left;
}
div#triggerbody {
	width: 380px;
	float: left;
}	

div#triggerbody a { 
	color: #04692c; 
	text-decoration: none; 
	font-weight: bold; 
	}
	
div#triggerbody p { 
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	padding: 0; 
	margin: 0 0 20px;
	text-align: justify;
	}

	
div#location { 
	width: 250px; 
	float: left;
	padding-right: 0;
	padding-top: 20px;
	padding-left: 0;
	margin-right: 20px;
}

div#map { 
	width: 300px; 
	float: left;
	padding-right: 0;
	padding-top: 20px;
	padding-left: 0;
}


h1 { 
	font: normal 23px Arial, Helvetica, sans-serif; 
	margin: 0; 
	padding: 0;
	text-transform: uppercase;
}
h2 { 
	font: normal 20px Arial, Helvetica, sans-serif; 
	margin: 10px 0 10px 0; 
	padding: 0;  
	}
h3 { 
	font: normal 18px Arial, Helvetica, sans-serif; 
	margin: 10px 0 10px 0; 
	padding: 0;  
	}
h4 { 
	font: 17px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 5px 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

div#video { 
	width: 270px; 
	float: left; 
	margin: 0px 0 0 0; 
	padding-bottom: 10px;

}
div#side a { 
	color: #04692c; 
	text-decoration: none;
	font: bold 13px "Lucida Grande", Lucida, Verdana, sans-serif;
}
div#side a:hover { 
	color: #fff; 
	background: #04692c; 
	}

/* side layer */

div#side { 
	width: 270px; 
	float: right; 
	margin: 10px 0 0 0; 
	padding-bottom: 30px;
	padding-top: 0px;
}
div#side img { 
	float: right; 
	margin: 20px 0 0;
	border-style: none;
	border-width: 10px;
}

/* side items */
div#sideitem { 
	width: 250px; 
	float: left; 
	background-color: #dadada; 
	padding: 10px;
	margin: 0 0 15px;
}
div#sideitem img {
	width: 80px;
	height: 80px;
	margin-right: 10px;
	float: left;
	margin-top: 0;
}
div#itemtext {
	width: 160px;
	display: table;
	position: relative;
	float: right;
}
#itemtext h1 {
	color: #333;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	margin-bottom: 0;
	}
div#itemtext p {
	color: #333;
	font: 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 5px;
	margin-top: 5px;
	}

div#itemtext p a { 
	color: #04692c; 
	text-decoration: none; 
	font-weight: normal;
}
div#itemtext p a:hover { 
	color: #fff; 
	background: #04692c; 
	}


/* footer */

div#footer { 
	background: #111; 
	margin: 0; 
	padding: 10px 0 30px 0; 
	}
div#footer-inner { 
	width: 850px; 
	margin: 0 auto; 
	}

#footer-inner p { 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #666; 
	margin: 5px 0 5px 0; 
	padding: 0 0 0 0; 
	}

#footer-inner ul {
	list-style-type:none; 
	padding: 0 0 5px 0; 
	margin: 15px 0 5px 0; 
	}
#footer-inner li { 
	display:block; 
	float:left; 
	margin:0; 
	padding:0; 
	border-right:1px solid #666; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	}
#footer-inner li a {
	margin:0; 
	padding:0 10px 0 10px; 
	text-decoration:none; 
	color:#aaa; 
	border-bottom: 0; 
	}
#footer-inner li a:hover {
	color:#fff;
	}

#footer-inner .left a { 
	padding-left: 0; 
	}
#footer-inner .right { 
	border-right: 0; 
	}

#footer-inner p a {color:#666; text-decoration:underline;
	font-size: 10px;
}





/* miscellaneous styles */

.clear { clear:both; margin: 0; }


/* contact styles */
#contactitem {
	width: 400px;
	float: left;
	margin-bottom: 0;
	padding-top: 10px;
}

#contactleft {
	width: 200px;
	float: left;
}
#contactright {
	width: 200px;
	float: left;
}
#contactitem p { 
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	padding: 0; 
	margin: 5px 0 10px;
	text-align: justify;
	}
#contactitem p a { 
	color: #04692c; 
	text-decoration: none; 
	font-weight: normal; 
	}
#contactitem p a:hover { 
	color: #fff; 
	background: #04692c; 
	}
#contactForm fieldset{font-size: 11px; border: none; margin: 10px 0; padding: 20px; text-align: left;
	background-color: #dadada;
}
#contactForm legend {display:none;}
#contactForm ol {padding:0; margin:0;}
#contactForm li {list-style: none; padding:0;}
#contactForm label {color: #464A52; display: block; line-height:20px; padding: 5px 0 0; text-align:left; vertical-align:top; }
#contactForm label span.required {color: #AB0101; font-weight: bold}
#contactForm input {width: 350px; font-size:11px; padding:3px; vertical-align:middle; background: #f0f0f0;}
#contactForm textarea {width: 350px; height: 100px; padding:3px; background: #f0f0f0; font:11px 'Helvetica', 'Arial', 'Verdana', 'san-serif';}
#contactForm input.submitButton {
	width: 100px;
	height: 23px;
	border-style: none;
	margin-top: 10px;
	background: url(gfx/btn_send.gif) no-repeat;
}
#contactForm input.submitButton:hover {
	background: url(gfx/btn_send.gif) no-repeat 0 -23px;
}
#rightcol span.required {
	color: #AB0101;
	font-size: 10px;
	font-weight: bold;
}