*
{
	margin: 0;
	padding: 0;
}

body
{
	color: #000000;
	font-size: 12px;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	background: #32312f url('../images/design_01.jpg') top left repeat-x;
}

img
{
	border: 0;
}

#page
{
	margin: 0px auto;
	width: 700px;	
	background: url('../images/design_13.jpg') top left repeat-y;
}

#pagetop
{
	margin: 0px auto;
	width: 700px;	
	height: 300px;	
	background: url('../images/topbg.jpg') top left repeat-y;
}

#sitemap
{
	margin: 0px auto;
	width: 700px;	
	height: 40px;	
	background: #292826 url('../images/design_03.jpg') bottom left no-repeat;
}

ul.bullet
{
	list-style-type: square;
	margin-left: 20px;
	margin-bottom: 12px;
}

ul.custombullets
{
	list-style-type: none;
	margin-left: 3px;
}

#options
{
	float: right;
	height: 30px;	
	line-height: 30px;	
	width: 200px;	
}

#options ul
{
	float: right;
	margin-right: 10px;
	list-style-type: none;
}

#options ul li
{
	display: inline;
}

#options ul li a
{
	float: left;
	margin-right: 10px;
	color: #c0c0c0;
	font-size: 10px;
	text-decoration: none;
	display: block;
}

#options ul li a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

#header
{
	margin: 0px auto;
	width: 700px;	
}

#logo
{
	float: left;
	width: 220px;	
	height: 270px;	
	background: url('../images/protech-building-services.jpg') top left no-repeat;
}

#menu
{
	float: right;
	width: 460px;	
	height: 30px;
	line-height: 30px;
	margin-right: 20px;
	background: #231f20;
}

#menu ul
{
	float: left;
	list-style-type: none;
}

#menu ul li
{
	display: inline;
}

#menu ul li a
{
	float: left;
	padding: 0 15px;
	line-height: 30px;
	color: #FFF;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#menu ul li a:hover, #menu ul li a.active
{
	color: #ffffff;
	background: #32312f;
}

#body
{
	margin: 0px auto;
	width: 660px;
}

h1
{
	color: #581713;
	font-size: 13px;
	margin-bottom: 12px;
}

h2
{
	color: #581713;
	font-size: 13px;
	margin-bottom: 12px;
}

h6
{
	color: #581713;
	font-size: 13px;
	margin-bottom: 12px;
}

#body p
{
	margin-bottom: 12px;
}

#body a
{
	color: #6c603d;
}

#body a:hover
{
	color: #000000;
}

#body ul li a
{
	text-decoration: none;
	color: #292826;
}

#body ul li a:hover
{
	text-decoration: underline;
	color: #581713;
}

.one{background: url('../images/li1.jpg') left no-repeat; text-indent: 20px;}
.two{background: url('../images/li2.jpg') left no-repeat; text-indent: 20px;}
.three{background: url('../images/li3.jpg') left no-repeat; text-indent: 20px;}
.four{background: url('../images/li4.jpg') left no-repeat; text-indent: 20px;}
.five{background: url('../images/li5.jpg') left no-repeat; text-indent: 20px;}
.six{background: url('../images/li6.jpg') left no-repeat; text-indent: 20px;}
.seven{background: url('../images/li7.jpg') left no-repeat; text-indent: 20px;}
.eight{background: url('../images/li8.jpg') left no-repeat; text-indent: 20px;}

#bodyleft
{
	float: left;
	width: 180px;	
	padding: 0px 10px 10px 10px;
}

#bodyright
{
	float: right;
	width: 440px;	
	padding: 0px 10px 10px 10px;
}

	#bodyright .imagecont
	{
		width: 440px;
		margin: 0 0 15px 0;
	}
	
		#bodyright .imagecont .imageleft
		{
			float: left;
			width: 200px;
			padding: 0 20px 0 0;
		}

img.right
{
	float: right;
	padding: 5px;
	background: #ffffff;
	margin: 0px 0px 10px 10px;
	border: 1px solid #581713;
}

img.right:hover
{
	background: #581713;
	cursor: pointer;
	border: 1px solid #ffffff;
}

#footer
{
	text-transform: uppercase;
	margin: 0 auto;
	font-size: 11px;
	background: #292826;
	border-top: 1px solid #231f20;
	text-align: center;
	width: 100%;
	color: #FFF;
	line-height: 18px;
	text-decoration: none;
	padding: 10px 0;
}

#footer p
{
	margin: 0;
	padding: 0;
}

#footer a
{
	color: #FFF;
	text-decoration: none;
}
#footer a:hover
{
	color:#BBAB7A;
}
.clear
{
	clear: both;
}

/* Slider */

#slider
{
	float: right;
	width: 460px;	
	height: 230px;
	margin-right: 20px;
	float: left;
	position: relative;
	overflow: hidden;
	background: url('../images/design_08.jpg') top left no-repeat;
}

#slider, #slider img, #slider ul
{
	width: 460px;	
	height: 230px;
}

#slider li, #slider ul
{
	padding: 0px;
	margin: 0px;
}

#slider ul
{
	position: absolute;
}

#slider .slide
{
	float: left;
	position: relative;
	display: none;
}

#slider .slide:first-child
{
	display: block;
}

#slider .slide span
{
	display: none;
} 

.callback
{
	margin-top: 20px;	
}

fieldset
{
	border: 0px;	
}

input[type=text]
{
	background: #97895d;
	padding: 5px;
	font-family: verdana;
	font-size: 12px;
	border-top: 2px solid #ffffff;	
	border-bottom: 0px;	
	border-left: 0px;	
	border-right: 0px;	
}

textarea
{
	background: #97895d;
	overflow: auto;
	padding: 5px;
	font-family: verdana;
	font-size: 12px;
	border-top: 2px solid #ffffff;	
	border-bottom: 0px;	
	border-left: 0px;	
	border-right: 0px;	
}

input[type=submit]
{
	background: #97895d;
	padding: 8px;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	border-top: 2px solid #ffffff;	
	border-bottom: 0px;	
	border-left: 0px;	
	border-right: 0px;	
}

input[type=submit]:hover, input[type=text]:hover, textarea:hover
{
	background: #80734d;
}

.red{color: #ff0000}
.green{color: #396}