/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

#container{ position:relative; padding:0px 0px 0px 0px; margin-left:auto; margin-right:auto; width:863px; }

#header { width:100%; height:157px; margin:0px; padding:0px;}

#logo {  width:238px; height:157px; margin:0px; padding:0px;}

#main {  width:100%; margin:0px 0px 0px 0px; }


#content_main  {width:863px; color:#FFFFFF;  margin:0px 0px 0px 0px; float:left; padding:0px; min-height:500px; height:auto !important;   height:300px;}

#content {width:300px; float:right;}

#sidebar_right { width:266px;  height:100%; float:right;  margin:0px 10px 0px 10px; padding:0px;}



.clear { clear:both; }

/*------------------------------------ nav-----------------------------------------------------------*/

#nav {float:right; display:block; background: url('../images/nav_rep.jpg') repeat-x top left; height:38px;   margin:0px 7px 0px 7px; padding:0px 0px 0px 0px; position:relative; }
#nav_right {background:url(../images/right.jpg) no-repeat right top; width:7px; height:38px; position:absolute; top:0px; right:-7px;}
#nav_left {background:url(../images/left.jpg) no-repeat right top; width:7px; height:38px; position:absolute; top:0px; left:-7px;}


#nav ul { list-style-type:none; padding:0; margin:0px 0px 0px 8px;  }
#nav li {float:left; display:block; height:38px; line-height:30px;}
#nav a {display:block;  float:left; text-transform:uppercase;  margin:5px 0px 1px 0px; padding:0 8px 0px 8px; border-right:1px dotted #999; height:29px; color:#ffffff;  font-weight:normal; font-size:12px;}
#nav a:hover { text-decoration:none;  color:#ffffff; } 

#nav .menuLast{border:0;}

/*------------------------------------- MISC ---------------------------------------*/


	
#work_list{float:left; width:200px; padding:0; margin:50px 0 0 0;}



#pro_services{ display:block; height:30px; width:276px; text-indent:-9999px; background: url('../images/listItems/professional_services.png') no-repeat top left;}
#property{ display:block; height:30px; width:276px; text-indent:-9999px; background: url('../images/listItems/property.png') no-repeat top left;}
#manufacturing{ display:block; height:30px; width:276px; text-indent:-9999px; background: url('../images/listItems/manufacturing.png') no-repeat top left;}
#consumer{ display:block; height:30px; width:276px; text-indent:-9999px; background: url('../images/listItems/consumer.png') no-repeat top left;}


#work_gallery{float:right; margin:50px 50px 0 0;}


.work_label_text{color:#909;}

.work_client_area{display:block;  width:500px; margin:0px 0px 0px 0px;}
.work_client_area p {float:right; width:425px; font-size:12px; margin:10px 0px 0px 0px;}
.work_client_area .work_label_text{float:left; width:47px; }

.work_brief_area{display:block; margin:0px 0px 0px 0px;  width:500px;}
.work_brief_area p{float:right; width:425px; font-size:12px;}
.work_brief_area .work_label_text{float:left; width:47px;}



.work_brief_areas{display:block; margin:0px 0px 0px 0px;  width:500px;}
.work_brief_areas p{float:right; width:425px; font-size:12px;}
.work_brief_areas .work_label_text{float:left; width:47px;}

.purple_text{color:#909;}


#contact_details{padding:0;}
#contact_details li {list-style:none !important;}
.faq_title {margin:5px 0px 5px 0px;}

.faq_content {padding:0px 0px 10px 0px; margin:0px 0px 0px 0px;}
.open {position:absolute; top:10px; right:-25px; }
.faq_title {position:relative; width:274px;}
.faq_content a {display:block; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:14px; font-weight:bold; background:url(../images/arrow_left.jpg) no-repeat left center; padding:3px 0px 3px 16px;}
.faq_content a:hover {color:#fff; text-decoration:none;}
.num {display:none;}

#quotes{margin:40px 0 0 0;}

#quotes p{width:620px; float:left; margin:30px 0 0 0 ;}

#open_quote{float:left; margin:0 10px 0 0;}

#close_quote{float:left; margin:60px 0 0 0;}

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url('../images/bac.jpg') repeat-x #000000 left top; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:28px; color:#ffffff; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#8C008C; font-size:24px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#ffffff; font-size:22px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#8C008C; font-size:20px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#ffffff; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#8C008C; font-size:16px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

*+html ul {margin:0px 0px 0px 10px;}
*html ul {margin:0px 0px 0px 10px;}
ul {padding:0px 0px 0px 10px;}
ul li {font-size:14px; color:#fff;  list-style-image:url("../images/list_image.gif"); margin:0px; padding:0px;}
ol {}
ol li {font-size:14px; color:#fff; list-style:decimal; }


em {}
pre {}
u {}
sub {}
sup {}

address {}

a { color:#990099; text-decoration:none; }
a:hover { color:#990099; text-decoration:underline; }

p { font-size:14px; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#ffffff;}


.largeText{font-size:23px;}

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/