/* COPYRIGHT DOOR4 2007 */

/* -- COLOUR SCHEME -----

MASTER Orange #be8c5f
MASTER GREY #9A9B9C

PAN247 (PINK) #B1059D
PAN158 (ORANGE) #E37222
PAN314 (LIGHT BLUE) #0083A9
PAN662 (DARK BLUE) #001D77
PAN491 (BROWN) #783037
PAN512 (PURPLE) #77216F

LIGHTEST BROWN #d5b294
LIGHTER GREEN #F3F7EE

d-brown #703d29
l-brown #e1c0ad
d-green #ad8800
l-green #d5c28a
d-yellow #e9ab00
l-yellow #fdda89
d-lime #bed600
l-lime #9e798

Nav Light green #C8D4B0
Nav Light blue #99CEDD
Nav Light brown #C9ACAF
Nav Light pink #E09BD8
Nav Light orange #F4C7A7
Nav Light blue #99A5C9



*/

* {margin: 0; padding: 0;}

body {
	font-size: 95%;
	font-family: Calibri, Verdana, "Helvetica Neue" Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top: 0em;
	padding: 0px;
}

p {margin: 0;}

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

#container {
	width: 920px;
	padding:0;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}/*hold site centered



/**********************--------------------------clearfix*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

/***************************************************************************************/
/*Hold Header area*/
/***************************************************************************************/
#topsection{
	height: 120px; /*Height of header section*/
	margin-top: 10px;
}
#topsection h1{
text-align:left;
margin-top:0.75em;
margin-bottom:0.75em;
font-size: 1em;
}
#topsection p{
	text-align:left;
	color:#d5b294;
	font-size: 0.80em;
}
#topsection a{text-decoration:underline;}
#topsection h4{
color:#d5b294;
font-size: 1em;
}
/***************************************************************************************/
/*Hold Menu area*/
/***************************************************************************************/


/**styles for image swap menu**/
body.homepage a.homepage {background:url(../images/navigation/homepage.gif) no-repeat left bottom;}

body.aboutus a.aboutus {background:url(../images/navigation/aboutus.gif) no-repeat left bottom;}

body.services a.services {background:url(../images/navigation/services.gif) no-repeat left bottom;}

body.gallery a.gallery {background:url(../images/navigation/gallery.gif) no-repeat left bottom;}

body.faq a.faq {background:url(../images/navigation/faqs.gif) no-repeat left bottom;}

body.contact a.contact {background:url(../images/navigation/contact.gif) no-repeat left bottom;}

#navbar {width: 920px; height: 60px;}


ul#navigation {float:left; list-style: none;  height: 36px;}

ul#navigation li {float: left;}

ul#navigation span {text-indent: -9999px;}

ul#navigation a {display: block; text-indent: -9999px;}

/***************************************************************************************/
/*Hold Main content area*/
/***************************************************************************************/
#contentwrapper{
	float: left;
	width: 100%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.txt-orange {
	color: #be8c5f;
}


#contentcolumn{
	margin-left: 358px; /*left column width*/
	vertical-align:top;
}

#leftcolumn{
	float: left;
	width: 358px; /*Width of left column*/
	margin-left: -920px;
	vertical-align: top;
	height: 415px;
	padding-top: 6px;
}
/******style content*****/
.innertube{
	margin-top: 0;
	text-align:left;
	margin-right: 1.5em;
	margin-bottom: 0.25em;
	margin-left: 1.5em;
	padding-bottom: 1em;
}
.innertube p{
	font-size: 0.80em;
	line-height:150%;
	padding:5px 0;
	color: #666;
}
.innertube h1{
	font-size: 1em;
	color: #bd8c61;
	margin-top:0em;
	font-weight: bold;
	padding-top: 2px;
}
.innertube h2{
	font-size: 1em;
	color: #bd8c61;
	font-weight: bold;
}
.innertube h3{
	font-size: 0.80em;
	color: #bd8c61;
	margin-bottom:1em;
	font-weight:bold;
	padding-top: 0.25em;
}
.innertube h4{
	font-size: 0.85em;
	line-height:100%;
	padding:5px 0 2px;
	color: #9A9B9D;
	border-bottom:1px solid #98999B;
	margin-bottom: 5px;
}
.innertube h5 {
	font-size: 0.90em;
	color: #bd8c61;
	margin-top:0em;
}
.innertube ul{
	margin-left: 2em;
	list-style-type: circle;
}
.innertube li{
	font-size: 0.80em;
	color: #bd8c61;
	font-weight:normal;
}
/***************************************************************************************/
/*Hold footer*/
/***************************************************************************************/
#space-footer{
	height: 30px;
	clear: both;
}
.space-footer{
	height: 30px;
	clear: both;
}
#footer{
	width: 100%;
	color: #FFF;
	text-align: center;
	background-attachment: scroll;
	background-image: url(../images/footer-img.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-top: 0px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}
#footer p{
	font-size: 0.65em;
	line-height:140%;
	padding:5px 0;
	color: #333333;
	text-align:left
}

/*****************************************************************************************/
/*Miscellaneous Styles*/
/*****************************************************************************************/
.hold-left{
float: left;
}
.hold-right{
float: right;
}
/*****************************************************************************************/
/*Hold Home Boxes*/
/*****************************************************************************************/
.box-about {
	background-color: #703d29;
	padding-top: 4px;
	padding-bottom: 4px;
	float: left;
	width: 130px;
	margin-right: 2px;
	margin-left: 0px;
	height: 208px;
	cursor:pointer;
}
.box-about p{
	text-align:right;
	color:#FFFFFF;
	font-size:8.5pt;
	margin-right: 9px;
	margin-left: 4px;
}
.box-services{
	background-color: #ad8800;
	padding-top: 4px;
	padding-bottom: 4px;
	float: left;
	width: 130px;
	margin-right: 2px;
	height: 208px;
	cursor:pointer;
}
.box-services p{
	text-align:right;
	color:#FFFFFF;
	font-size:8.5pt;
	margin-right: 9px;
	margin-left: 4px;
}
.box-faqs {
	background-color: #e9ab00;
	padding-top: 4px;
	padding-bottom: 4px;
	float: left;
	width: 130px;
	margin-right: 2px;
	height: 208px;
	cursor:pointer;
}
.box-faqs p{
	text-align:right;
	color:#FFFFFF;
	font-size:8.5pt;
	margin-right: 9px;
	margin-left: 4px;
}
.box-contact {
	background-color: #bed600;
	padding-top: 4px;
	padding-bottom: 4px;
	float: left;
	width: 130px;
	margin-right: 2px;
	height: 208px;
	cursor:pointer;
}
.box-contact p{
	text-align:right;
	color:#FFFFFF;
	font-size:8.5pt;
	margin-right: 9px;
	margin-left: 4px;
}

.hold-link-right {
	position: relative;
	top: 160px;
	font-size: 0.8em;
	text-align: right;
	margin-right: 9px;
}
.hold-link-right a{
	color: #FFFFFF;
}
.txt-white {
	color: #FFFFFF;
}
.txt-large {
	font-size: xx-large;

}


/*****************************************************************************************/
/*Form Styles*/
/*****************************************************************************************/

.formCentered {width: 420px; border: 1px dotted #ccc; padding: 20px;}
.details {
	overflow:visible;
	height: 300px;
}
.pulldown {
	width: 400px;
	height: 70px;
	overflow:visible;
}
.entries {
	width: 400px;
	height: 120px;
	overflow:visible;
}
.entries2 {
	width: 400px;
	height: 100px;
	overflow:visible;
}
/* form styles */



form {
	text-align: left;
	color: #666;
	border: 1px dotted #CCCCCC;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 2em;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	
}

legend {
	display: none;
}

form h3 {
	
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form label {
	width: 400px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {
	margin-top: 0px;
	border: 1px #666 solid;
}

form select {
	float: left;
	display: block;
	color: #9A9B9C;
	
}

form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email {
	clear: left;
	
	
}


form label.field-first,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 190px;
	
	
}

form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
	border: none;
	float: left;
	width: 190px;
	padding: 0px;
	background-color: #FAF4F1;
	border: 1px #ccc solid;
}

form label.field-state {
	float: left;
	margin-right: 10px;
	width: 90px;
}

form label.field-state select {
	float: left;
	margin-top: 3px;
	
}

form label.field-zip {
	float: left;
	width: 100px;
}

form label.field-zip input {
	float: left;
	width: 100px;
	border: 1px #ccc solid;
	background-color:#FAF4F1;
}

form label.field-address, form label.field-question {
	float: left;
	width: 400px;
	margin: 0px 0px 0px 0px;
	
	
}

form label.field-address input, form label.field-question input {
	
	float: left;
	width: 400px;
	padding: 0px;
	border: 1px #666 solid;

}



form label.field-question {
	
font-size: 10px;

}


form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
	display: block;
}

/*form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
	clear: both;
	padding: 0px;
	margin: 0px;
	float: left;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}*/

form textarea {
	margin-top: 3px;
	border: none;
	background-color: #FAF4F1;
	border: 1px #ccc solid;
}
/*******************************************************************************/
/*faq styles*/
/*******************************************************************************/
p.cost {
	font-weight:bold;
	border-top: 1px dotted #ccc;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 2.5em;
	background-color: #fbfbfb;
	background-image: url(../images/arrows_07.gif);
	background-repeat: no-repeat;
	background-position: 2% center;
}
p.cost2 {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 2.5em;
}





/* -------------------- accordian ------------------------------------ */
p.toggler {
	background: #fbfbfb url(../images/arrows_07.gif) no-repeat 10px center;
	font-weight:bold;
	margin: 10px 0 0 0;
	border-top: 1px dotted #ccc;
	padding-left: 2.5em;
}
 
.accordion {padding: 3px 3px 3px 2em;}



.boxholder{
padding: 5px;
background: #FFE8EE;
border: 1px solid #ddd;
}
#box, #box2, #box3{
background: #FFE8EE;
}
.boxholder p.text{
margin: 0;
height: 100px;
padding: 10px;
}


/************************************************************************/
/* style list items on site map page - apply class to innertube id*/
/****************************************************************************/
.sitemapdetail ul li {list-style:none; border-bottom: 1px solid #ccc;}
.sitemapdetail ul li ul li {padding: 3px 0 3px 10px; border-bottom: none;}

.sitemapdetail ul li ul {margin: 6px 0 3px 0;}


/************************************************************************/
/* hold testimonials box */
/****************************************************************************/


.hold-transbox {
	position: absolute;
	z-index:2;
	left: auto;
	right: auto;
	top: 195px;
	height: 400px;
	vertical-align: bottom;
}


div.transbox
  {
	width: 302px;
	background-color: #fff;
	/* for IE */
  filter:alpha(opacity=80);
	/* CSS3 standard */
  opacity:0.8;
	/* for Mozilla */
  -moz-opacity:0.8;
	margin-left: 24px;
	text-align: left;
	padding: 5px;
	position: absolute;
	bottom: 0px;
  }
  
  
div.transbox p
  {
	margin: 15px 10px 15px 15px;

  *margin: 20px 10px 15px 15px;
	font-weight: bold;
	color: #000;
  }
  
div.transbox p.blurbbodycopy {
	margin-top: -5px;
	color: #A37143;
	font-size: 12px;
	margin-bottom: 5px;
	line-height: 125%;
}
/*div.transbox p.stars {background: url(../images/otherimgs/stars.gif) repeat-x; width: 296px; height: 10px; padding: 10px 5px 0 15px; margin: 20px 15px 5px 15px;}*/

div.transbox p.clientname {
	color: #666;
	font-size: 10px;
	margin-top: 0px;
}
/*----- END TRANSPARANCY EFFECT ---------*/




/************************************************************************/
/* gallery styles */
/****************************************************************************/


#col_2_content_gal {margin-top: -20px; padding-bottom: 30px;}

#col_2_content_gal p{font-size: 1.2em; line-height:140%; color: #666;}



#col_2_content.gallerypage p {padding: 7px 30px;}

.galleryLink {float: left; width: 249px; margin-top: 20px;}
.galleryLinkImg {float: left;}

.galleryLink .right {float: left; width: 171px; height: 150px; margin: 0; padding: 0 10px;}
h3.casestudy a {color:#87a151; text-decoration: none; padding: 0 0 5px 0; margin: 0;}
h3.casestudy a:hover {color: #666; text-decoration: underline;}

p.costgal {float: left; display: block; text-align: left; width: 151px; background: #fbfbfb url(../images/otherimgs/arrow.gif) no-repeat 2% center; font-weight:bold; margin: 5px 0 5px 0; padding: 5px 0 5px 20px; border-top: 1px dotted #ccc;}

p.backtogal  {float: left; margin-top: 10px;}
.backtogal a {font-size: 12px; color: #879637; text-decoration: none; background: url(../images/otherimgs/arrow_back.gif) no-repeat 2% center; padding: 0 0 0 20px;}
.backtogal a:visited {color: #E37222;}
.backtogal a:hover {color: #666; text-decoration: underline;}



#col_2_content_gal #gallery .fullCaseStudy a {float: left; font-size: 1.1em; display: block; width: 209px; height: 17px; background: #E09BD8 url(../images/otherimgs/arrows_pink.gif) no-repeat 75% center; color: #ffffff; padding: 7px 10px 7px 20px; margin: 14px 0 3px 0; text-decoration:none;}
#col_2_content_gal #gallery .fullCaseStudy a:hover {background: #ccc url(../images/otherimgs/arrows_07.gif) no-repeat 75% center; text-decoration:underline;}
#col_2_content_gal #gallery .fullCaseStudy a:visited {}
#col_2_content_gal #gallery .fullCaseStudy a:active {}