/************************************************
 *
 *  File     :  style.css
 *  Medium   :  Screen
 *  Version  :  v1.0
 *  Website  :  MeshFence.co.uk
 *  Author   :  Guerilla.ie (c) 2009
 *
 ************************************************/


* { margin: 0; padding: 0; }
body {
	width: 100%;
	height: 100%;
	background: #000;
	color: #FFF;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
a { color: #d6af28; text-decoration: none; }

.wrapper { width: 850px; margin: 0 auto;
	padding-top: 0;
	padding-bottom: 0;
}

#blacktop { width: 100%; height: 100px; text-align: center; vertical-align: top; background: #333300 url("images/topbg.gif") repeat center;
	padding-top: 50px;
}
img.logo { width: 300px;  height: 100px; float: left; border: 0; margin-right: 30px; }

img.tagline { width: 420px;  height: 100px; border: 0;
	float: right;
}
.clear { clear:both; margin: 0; }

/****************** menu ************************/
div#menucontainer { 
background: #d2d2d2 url(images/bg-menucontainer.jpg) repeat-x; 
margin: 0;
	height: 40px;
}
div#menu { 
width:850px; 
position:relative; 
margin:0 auto; 
font: normal 12px Verdana, Arial, sans; 
z-index:100;
	height: 40px;
}

/****************** links ************************/
#strip { width: 100%; height: 5px; background: #d6af28 repeat-x center; }

.moreinfo { background: #d6af28; font-size: 12px; font-weight: bold; padding: 0 10px; color: #292929; }
.moreinfo:hover { background: #fff; }
.moreinfo a { color: #292929; }

.view
{ width: 95px; height: 28px; background: url("images/viewbutton.gif") center center no-repeat #222222; font-size: 11px; line-height: 28px; color: #FFF; text-align: center;
}
.view:hover { background: url("images/viewbuttonover.gif") center center no-repeat #222222;
}
.view a
{ color: #000; }

.view2 { width: 95px; height: 28px; background: url("images/viewbutton.gif") center center no-repeat #222222; font-size: 11px; line-height: 28px; color: #FFF; text-align: center;
	float: left;
}
.view2:hover { background: url("images/viewbuttonover.gif") center center no-repeat #222222;
	float: left;
}
.view2 a { color: #000; }

.submit
{ width: 95px; height: 28px; background: url("images/viewbutton.gif") center center no-repeat #222222; font-size: 11px; line-height: 28px; color: #FFF; text-align: center;
}
.submit:hover { background: url("images/viewbuttonover.gif") center center no-repeat #222222;
}
.submit a
{ color: #000; }
/****************** main ************************/
#main { width: 100%; text-align: left; vertical-align: top; background: url("images/mainbg.gif") top left repeat #292929; padding: 20px 0; }

div.boxfull { float: left; margin-bottom: 20px; background: #222222; width: 800px;
	padding: 25px;
}
div.triggerbox { float: left; background: #222222;
	padding: 20px;
}
div.box280 { float: left; margin-bottom: 20px; background: #222222; width: 250px;
	margin-right: 25px;
}
div.box300 { float: left; margin-bottom: 20px; background: #222222; width: 260px;
}
div.box280 img { float: left;
	margin-bottom: 10px;
}
div.box300 img { float: left;
	margin-bottom: 10px;
}


div.box280 h3 { padding-bottom: 10px; font-size: 20px; font-weight: normal; }
div.box280 h3 strong, div.box280 h3 b { font-weight: normal; color: #BAD1D9; }
div.box280 h4 { padding: 0px 0px 10px 0; font-size: 13px; font-weight: normal; color: #d6af28; }
div.box280 p { padding-bottom: 10px; line-height: 1.7em; }

div.box300 h3 { padding-bottom: 10px; font-size: 20px; font-weight: normal; }
div.box300 h3 strong, div.box300 h3 b { font-weight: normal; color: #BAD1D9; }
div.box300 h4 { padding: 0px 0px 10px 0; font-size: 13px; font-weight: normal; color: #d6af28; }
div.box300 p { padding-bottom: 10px; line-height: 1.7em; }




div#content h3 { padding-bottom: 8px; font-size: 20px; font-weight: normal;
	padding-top: 10px;
	border-bottom: 1px dotted #666;
}
div#content h3 strong, div#content h3 b { font-weight: normal; color: #BAD1D9; }
div#content h4 { padding: 0px 0px 10px 0; font-size: 16px; font-weight: normal; color: #fff;
	padding-top: 10px;
	border-bottom: 1px dotted #666;
	margin-bottom: 10px;
}
div#content p { padding-bottom: 10px; line-height: 1.7em; }

.thumbnails { text-align: left; padding: 10px 0; }
.thumbnails img { float: left; margin-right: 14px; width: 90px; padding-bottom: 5px; border: 0; }
.thumbnails img.end { margin-right: 0px; }

.gold { color: #d6af28; }

div#leftcol { 
	width: 300px; 
	float: left; 
    font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
	padding-bottom: 20px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 20px;
	padding-right: 20px;
}













/* content area  */

div#contentbody { 
	width: 850px; 
    margin: 0 auto;
	background: #222222;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-top: 20px;
	padding-bottom: 20px;
}

#content { 
	overflow: hidden; 
	float: left; 
	width: 575px; 
	padding: 3px 25px 60px;
	border-left: 1px solid #666;
}

div.content p { padding-bottom: 10px; line-height: 1.7em; }
#content-head {
	padding-top: 20px;
}

#content img {
	margin-top: 20px;
	margin-bottom: 20px;
}

#content p.first { 
	color: #222;
	font-size: 16px;
	line-height: 23px;
	margin-top: 10px;
}
#content p.point { 
	color: #222;
	font-size: 12px;
	line-height: 20px;
	margin-top: 5px;
}

#content h2 {  
	color: #d6af28;
	font: 23px trebuchet;
}



hr { display: none; }




ul.downloadlinks {
	list-style: none;
	margin: 10px 0 0;
}



ul.downloadlinks a.filelink {
	line-height: 44px;
	background-position: 8px 50%;
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	padding-left: 53px;
	width: 500px;
}

ul.downloadlinks a.filelink:hover .filename {
	text-decoration: underline;
}

ul.downloadlinks .filesize {
	color: #666;
}

ul.downloadlinks .pdflink {
	background-image: url(images/pdf.gif);
}







/* Sub Menu area */
.column { 
	float: left; 
	width: 174px;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
	}

#submenu { 
	min-height: 226px; 
	height: 226px; 
	padding: 15px 12px; 
	margin: 0 -25px;
	}
	
#submenu li { 
	display: block; 
	list-style: none; 
	padding: 8px 18px; 
	border-bottom: 1px solid #666; 
	}
	
#submenu li.last { border: none; }

#submenu li a { 
	text-decoration: none; 
	}
	
#submenu ul { 
	display: none; 
	}

#submenu {
	background-position: right 0;
	background-repeat: no-repeat;
}

#submenu li { 
	background: url(images/column_li.gif) no-repeat 2px center; 
	color: #d6af28; 
	}
	
#submenu li a { 
	text-decoration: none; 		color: #fff;
	font-weight: normal;
	font-style: normal;
}
#submenu li a:hover , #submenu li a:focus , #submenu li.active a { 
	color: #d6af28;
}























div#leftcol h1 { padding: 0px 0px 10px 0; font-size: 24px; font-weight: normal; color: #d6af28; }

div#leftcol h2 { padding: 0px 0px 10px 0; font-size: 18px; font-weight: normal; color: #d6af28;
	margin-top: 20px;
}

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

div#rightcol h2 { padding: 0px 0px 10px 0; font-size: 18px; font-weight: normal; color: #d6af28;
	margin-top: 20px;
}

rightcol p { 
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif; 
	color: #fff; 
	padding: 0; 
	margin: 5px 0 20px;
	text-align: justify;
	}
rightcol p a { 
	color: #fffc; 
	text-decoration: none; 
	font-weight: bold; 
	}
rightcol p a:hover { 
	color: #fff; 
	}
	
div#onecol { 
	width: 850px; 
	float: left; 
	padding: 20px 0 30px; 
	margin: 0; font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	}
	
div#gallery { 
	width: 400px; 
	float: right; 
}	
div#flashcontent { 
	width: 384px; 
	float: right;
	border: 10px solid #333;
	margin-top: 45px;
	margin-bottom: 30px;
}		
	
/* 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:hover { 
	color: #fff; 
	}
#contactForm fieldset{font-size: 11px; border: none; margin: 10px 0; padding: 20px; text-align: left;
	background-color: #333;
}
#contactForm legend {display:none;}
#contactForm ol {padding:0; margin:0;}
#contactForm li {list-style: none; padding:0;}
#contactForm label {color: #fff; display: block; line-height:20px; padding: 5px 0 0; text-align:left; vertical-align:top; }
#contactForm label span.required {color: #ff0000; 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: 28px;
	border-style: none;
	margin-top: 10px;
	background: url(images/btn_submit.gif) no-repeat;
}
#contactForm input.submitButton:hover {
	background: url(images/btn_submit.gif) no-repeat 0 -28px;
}
#rightcol span.required {
	color: #ff0000;
	font-size: 10px;
	font-weight: bold;
}


/* HORIZONTAL CAROUSEL */

.stepcarousel{
	position: relative;
	border: 0;
	overflow: scroll; /*leave this value alone*/
	width: 750px; /*Width of Carousel Viewer itself*/
	height: 270px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	width: 750px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 280px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.panel img { float: left; margin-right: 20px;}
.panel h5 { margin-top: 40px; font-size: 18px; font-weight: normal;
	color: #0099ff;
}
.panel h5 strong { font-weight: normal; color: #0099ff; }
.panel p { margin-top: 20px; }

/* VERTICAL CAROUSEL */

.vcarousel .stepcarousel{
position: relative; /*leave this value alone*/
margin: 0 auto;
border: 0;
overflow: scroll; /*leave this value alone*/
width: 250px; /*Width of Carousel Viewer itself*/
height: 390px; /*Height should enough to fit largest content's height*/
}

.vcarousel .stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px 0; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 370px; 
text-align: center;
}

.panel .view { float: left; }
.panel .view2 { margin: 0 auto; }

/* ------------------------ */


/****************** footer ************************/

#bottom { width: 100%; height: 340px; text-align: center; vertical-align: top; background: url("images/bottomblur.gif") top left repeat-x #1b1b10; }

#addressbox { width: 210px; height: 270px; margin-top: 40px; float: left; text-align: left; font-size: 10px; color: #fff; }
#addressbox div { height: 50px; padding-left: 40px; }
#addressbox div img { position: relative; top: 20px; left: 0; }
#addressbox p { padding-top: 15px; line-height: 18px; padding-left: 40px; }
.bottommenubox { width: 210px; height: 270px; margin: 40px 0 0 10px; border-left: solid 1px #424242; float: left; text-align: left; font-size: 10px; }
.bottommenubox span { line-height: 60px; padding-left: 20px; font-weight: bold; }
.bottommenubox ul { list-style: none; padding-left: 20px; }
.bottommenubox li { line-height: 18px; }
.bottommenubox li a, .bottommenubox li a:link, .bottommenubox li a:visited { color: #ccc; }
.bottommenubox li a:hover, .bottommenubox li a:visited:hover { color: #d6af28; }

#footer { clear: both; width: 100%; height: 70px; text-align: center; vertical-align: top; background: #000; line-height: 70px; }
#main .wrapper .box185 .content .blue2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: normal;
	color: #d6af28;
	background-position: left top;
	word-spacing: normal;
}