/*
WAT-1051 Stylesheet
Design Copyright (C) 2007 Cyberplex. CSS by Nathaniel B
*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg.gif) repeat-x;
	margin:0; 
	padding:0;
	text-align: center;
	color: #000000;
}

#container {
	width:100%; 
	margin: 0 auto;
	border: 0px solid #000000;
	text-align: left;
}

#DisplayProductImage{
	width:520px;
	float: left;
}

div#LargeImage{
	width:520px;
	float: left;
}

#Title{
	width:200px;
}

#Description{
	width:200px;
	float: left;
}

#galleryDiv{
	width:200px;
	float: left;
}

div#gallery{
	width:200px;
	float: left;
}


p{
	margin-top:0px;
	margin-bottom:15px;
}

h1, h2, h3, h4, h5, h6 {
	margin-top:0px;
	margin-bottom:5px;
}

h1{
	color:#000000;
	font-size:16pt;
	background:url(/skin/Matboard_Design/images/headingbg.gif) left no-repeat;
	padding-left:21px;
	padding-bottom:1px;
}

h2{
	color:#000000;
	font-size:13pt;
}

h3{
	color:#000000;
	font-size:12pt;
}

h4{
	color:#000000;
	font-size:10pt;
}
h5{
	color:#000000;
	font-size:8pt;
}

img {
border:2px #000 solid;
}

#content a:link, a:visited, a:active {
	color:#000;
	text-decoration:none;
}
#content a:hover {
	color:#FFF;
	text-decoration:none;
}

#footer a{
	color:#000;
	text-decoration:none;
}
#footer a:hover {
	color:#FFF;
	text-decoration:underline;
}

#top {
	height:auto;
	width:100%;
}

#top1 {
	background:url(../images/top1.jpg) left no-repeat;
	width:775px;
	height:85px;
}

#top2 {
	background:url(../images/top2.jpg) left no-repeat;
	width:775px;
	height:264px;
}

#top3 {
	width:775px;
	height:117px;
}

#featured {
	color:#000;
	background:url(../images/latestprojects.jpg) top left no-repeat;
	text-align:left;
	padding-top:20px;
	width:298px;
	float:right;
	font-size:8pt;
}

#footer {
	height:auto;
	width:775px;
	float:left;
	font-size:10px;
	margin-left:15px;
}

/*Menu Peices*/
#menu{
	float:right;
}
#logo{
	background:url(../images/logo.gif) no-repeat;
	height:165px;
	width:289px;
	float:right;
}
#menu ul{
	list-style-type:none;
	text-align:right;
	width:141px;
		margin:0;
	padding:0;
}

#menu ul li{
	padding-top:10px;
}

#menu ul li a{
	padding-right:20px;
	background: url(../images/menu.gif) center right no-repeat;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;	
}

#menu ul li a:hover{
	background: url(./../images/menu_on.gif) center right no-repeat;
	color:#FFFFFF;
	}

#menu ul{
	list-style:none;
	text-align:right;
}

#menu ul li{
	padding-top:10px;
}

#menu ul li a{
	background: url(./../images/menu.gif) center right no-repeat;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;	
}

#menu a:hover {
	color:#FFFFFF;
	background:#965431;
	text-decoration:underline;
}

#content {
	width:775px;
	float:left;
	font-size:10pt;
	design:15px;
	margin:15px;
	text-align:justify;
}
.TextFieldDiv{
	clear:both;
}
.TextFieldDiv label{
	width:152px;
	margin:5px 0px 5px 0px;
	float:left;
}
.TextFieldDiv input{
	width:232px;
}

select#Country {
	width:236px;
}

.SelectDiv{
	clear:both;
}
.SelectDiv label{
	width:152px;
	margin:5px 0px 5px 0px;
	float:left;
}

.TextAreaDiv{
	clear:both;
}
.TextAreaDiv label{
	width:152px;
	margin:5px 0px 5px 0px;
	float:left;
}
.TextAreaDiv textarea{
	width:232px;
}

.ImageThumb {
clear:both;
 border:2px solid white;
}

.link {
clear:both;
margin-bottom:10px;
}

.ThumbImage {
padding-right:10px;
padding-top:10px;
}

#gallery .ThumbImage {
padding-right:0px;
padding-bottom:20px;
width:158px;
}

.NewsListItem .Title {
font-size:14px;
font-weight:bold;
}
.NewsListItem .Date {
font-size:10px;
font-weight:bold;
}

.NewsListItem {
margin-bottom:15px;
}




.ProductThumb {
float:left;
vertical-align:middle;
padding:5px;
margin-left:20px;
margin-bottom:20px;
}

.ProductThumb img{
height:108px;
width:157px;
}
.Link {
float:left;
text-align:center;

}
.latestProjects{
float:right;
background:url(../images/latestprojects.gif) top left no-repeat;
padding-top:40px;
width: 280px;
}
.latestProjects .ProductThumb img{
height:40px;
border:1px solid #000;
width:40px;
}

.latestProjects .ProductThumb{
border:0px;
padding:3px;
margin:0px;
text-align:right;
}

.latestProjects .Link {
display:none;
}
.ProductThumb .ImageThumb {
border:0px;
}




#gallery .ImageThumb {
border:0px;
}

#gallery img{
height:50px;
width:157px;
}

#CaptchaField label {
width:140px;
margin-right:12px;
}