/*
Design by AGISTO
version 1.0
2008-02-06
*/

* {	margin: 0; padding: 0; }
body { margin-bottom: 50px;	background: #FFFFFF repeat-x; font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #3B3B3B; }

h1, h2, h3 { color: #4F789F; }
h1 {}
h2 {}
h3 { font-size: 1em; }

p, blockquote, ul, ol {}
p {}
blockquote {}

ul {}
ul li {}
ol {}
ol li {}

a {	color: #4F789F; }
a:hover { text-decoration: none; }

img { border: 1px solid #FFF; }
img.left { float: left;	margin: 0 20px 0 0; }
img.right {	float: right; margin: 0 0 0 20px; }

.green { color: #6aa100; }
.greenTiny { color: #6aa100; font-size: 11px;}
.blue { color: #4880ab; }
.orange { color: #e0a403; }
.red { color: #FF0000; }

.clear { clear: both; font-size: 1px; height: 5px; margin: 0 0 -4px 0; }


/* ----------- */
/* Common Page */
/* ----------- */
.commonLayout {	clear: both; padding: 20px; }
.commonLayout .title {}
.commonLayout .content{ line-height: 1.6em; }
.commonLayout .title { font-size: 17px;	margin-bottom: 20px; }
.commonLayout p, .commonLayout blockquote, .commonLayout ul, .commonLayout ol {	margin-bottom: 1em; }
.commonLayout blockquote, .commonLayout ul, .commonLayout ol { margin-left: 3em; }


/* ----------- */
/* Boxed Style */
/* ----------- */
.boxed {}
.boxed .title {	padding: 10px 15px;	background: #3B3B3B; text-transform: uppercase;	font: bold .77em Georgia, "Times New Roman", Times, serif; color: #FFFFFF; }
.boxed .content { padding: 5px; }
.boxed ul {	list-style: none; }


/* ------ */
/* Header */
/* ------ */
#header { width: 700px;	height: 150px; margin: 0 auto; background: url(../images/logo.jpg); }
#header a {	text-decoration: none; color: #FFFFFF; }
#headerRight { width: 250px; float: right; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; }
#headerRight h1, #headerRight h2 { }
/*#header h1 { float: right; padding: 80px 0 0 20px; letter-spacing: 0px; font-size: 48px; }*/
#headerRight h1 { float: right; padding: 30px 45pt 0pt 0px; letter-spacing: 0px; font-size: 48px; }
/*#header h2 { float: right; padding: 107px 0 0 7px; }*/
#headerRight h2 { float: right; padding: 0px 55pt 0pt 0px; font-size: 20px; }


/* ---- */
/* Page */
/* ---- */
#page {	width: 700px; margin: 0 auto; background: url(../images/img3.gif) repeat-y;	border-top: 20px solid #3B3B3B; }
#pageBody { float: right; width: 496px; padding-right: 1.5px; }
#sidebar { float: left;	width: 200px; padding-left: 1px; }


/* --------- */
/*  Footer   */
/* --------- */
#footer { width: 670px; margin: 0 auto; padding: 5px 15px; background: #3B3B3B; color: #FFFFFF; text-align: center; font-size: 12px;}
#footer a {	color: #A49CC4; }
/* #legal { float: left; } */
/* #links { float: right; } */


/* ---- */
/* Menu */
/* ---- */
#menu {}
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu li { display: inline; }
#menu a { display: block; padding: 5px 15px; border-bottom: 1px solid #FFFFFF; text-decoration: none; color: #3B3B3B; }
#menu a:hover, #menu .active a:hover { background: #6464F7; color: #FFFFFF; }
#menu .active a { background: #DCB766; color: #000000; }


/* ----- */
/* Login */
/* ----- */
#login {}
#login fieldset { border: none; }
#login legend { display: none; }
#login input { margin-bottom: 5px; }
#login input.button { width:6.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); text-align:center; font-family:verdana,arial,sans-serif; }
#login input.button:hover { cursor: pointer; background:rgb(220,220,220); color:rgb(80,80,80); }
#inputtext1, #inputtext2 { width: 160px; }


/* ------- */
/* Updates */
/* ------- */
#updates {}
#updates p  { font-size: 11px; }
#updates a { text-decoration: none; }
#updates a img { border: medium none; vertical-align: middle; }
#updates ul {}
#updates li { margin-bottom: 10px; }
#updates h3 { font-size: .87em; }
#updates h4 { font-size: .77em; color: #6F6161; text-align: justify; }


/* --------- */
/* Home Page */
/* --------- */
.homeLayout { clear: both; padding: 0 20px 10px 20px; background: transparent url(../images/demolitionBackground.jpg) repeat-x scroll 100%; }
.homeLayout .title {}
.homeLayout .content { line-height: 1.6em; text-align: justify; }
.homeLayout .title { margin-bottom: 20px;	font-family: Georgia, "Times New Roman", Times, serif; }
.homeLayout p, .homeLayout blockquote, .homeLayout ul, .homeLayout ol {	margin-bottom: 1em; }
.homeLayout blockquote, .homeLayout ul, .homeLayout ol { margin-left: 3em; }


/* ------------- */
/* CONTACT  FORM */
/* ------------- */
.contactform { width:432px; margin:0.5em 0;	padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); }
.contactform p { margin-bottom: 0.5em; }
.contactform p.photo { text-align: center; }
.contactform fieldset { padding:0px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 7px 0; border:solid 1px rgb(220,220,220); }
.contactform fieldset legend { margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; }
.contactform label.left { float:left; width:100px; margin:0 0 0 10px; padding:2px; }
.contactform select.combo {	width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; }
.contactform input.field { width:300px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; }
.contactform textarea { width:300px; height:50px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size: 11px; }
.contactform input.button { float:right; width:6.0em; margin-right:10px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); /*border:solid 1px rgb(150,150,150);*/ text-align:center; font-family:verdana,arial,sans-serif; /*color:rgb(150,150,150);*/ }
.contactform input.button:hover { cursor: pointer; /*border:solid 1px rgb(80,80,80);*/ background:rgb(220,220,220); color:rgb(80,80,80); }

/* ------- */
/* CONTACT */
/* ------- */
#contactUs {}
#contactUs h3 { font-size: .85em; background:#E2E2E2; }
#contactUsInfo { }
#contactUsInfo img { margin: 5px 10px;}
#contactUsInfo .contentLeft { width: 200px; float:left; }
#contactUsInfo .contentRight { width: 200px; float:right; }
#contactUs ul { margin: 0 0 1em 0; padding: 0; }
#contactUs li { list-style: none; background: url(../images/bullet_comment.png) left center no-repeat; padding: 0px 0px 0px 20px; margin: 0em 1.5em; }