/*
DPP Interiors

MWISMedia New Media Design & Development

Author: Garry Bartle

 */


/* ---------------------------------------------------------------*/
/* Forces vert scrollbar on all pages*/
/* Removes unpredictable 'browser default' settings */
/* Body tag settings */
/*Start of Global.css */

html { height: 100%; margin-bottom: 1px; }  

html,body{height:100% !important}

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input {
	font: normal 12px "arial", Arial;
	margin: 0 0 0 0; 
	padding: 0 0 0 0; 
}

h1, h2 {
color:		#E1A569;
font-size:	1.2em;
font-weight:	bold;
}

body {margin: 0px;	padding: 0px;text-align: center;font: normal 12px "arial", Arial;color:#ffffff;	background: #ffffff repeat-x url(images/main_bck.jpg);}
		
#main_container {width: 100% ;margin: auto;position:relative;}

#logo { width:800px; height:85px; padding:35px 0 0 0;margin: auto;position:relative;}

.nav_bar { width:800px; height:43px; margin: auto;position:relative; text-align:left;}

#header { width:800px; height:230px; margin:auto;position:relative; padding:5px 0 0 0;}

#orange_bar { width: 100% ;margin: auto;position:relative; background:#991B1E url(images/orange_bar.jpg) repeat-x; line-height:6px; } 

#burgundy_container { width: 100% ;margin: auto;position:relative; background:#991B1E url(images/burg_bck.jpg) repeat-x; }

#burgundy_container a { color:#E1A569; font-weight:bold; text-decoration:underline; }

#span_column { width:800px; margin: auto;position:relative;  }

#left_column {float:left; width:435px;  text-align:left; padding:0 20px 0 15px ; border-right:solid 1px #AD494B; margin:25px 0 15px 0; }

#right_column { float:left; width:280px; margin:25px 0 15px 0; padding:0 20px 0 25px ;  text-align:left;}

#two_column {float:left; width:735px;  text-align:left; padding:0 20px 0 15px ;  margin:25px 0 15px 0; }

/* #two_column a{ text-decoration:none; color:#ffffff; font-weight:bold;} */

#white_container { width: 100% ;margin:1px auto;position:relative; border-top:solid 1px #991B1E; }

#span_column_two { width:800px; margin: auto;position:relative; }

#span_column_two a { color:#E1A569; font-weight:bold; text-decoration:none; border-bottom: 1px dashed #E1A569; }

.single_column { text-align: left; }

.project_box {float:left; width:385px;  padding:0 0 0 15px; text-align:left; color:#999999; margin:0 0 10px 0}

.project_picture_box {float:left; min-width:374px; min-height:92px; border:solid 1px #E1A569; padding:1px; margin:0 0 0 0}

.project_picture_box p {margin-top:0px; margin-bottom:0px;}

.project_picture_box a img { border:none;  }

.services_box {float:left; width:245px;  padding:0 0 0 15px; text-align:left; color:#999999; margin:0 0 10px 0;}

/* -------------------------PORTFOLIO----------------------------*/

.portfolio_desc {float:left; width:440px; text-align:left; padding:0 80px 0 0; }

.portfolio_desc a img {border: none; }

.portfolio_pic_box {float:left; width:210px;  }

.pic {padding:1px; margin:0;}

.picture_border {/*border:solid 1px #E1A569;*/ border: none;  width:202px; }

.picture_border a img { border:solid 1px #E1A569; padding:1px;  }

/* .thumb_picture_border { float:left;border:solid 1px #E1A569; margin:10px 4px 0 0;  } old values */
.thumb_picture_border a img { border:solid 1px #E1A569; padding:1px;  }
.thumb { height: 40px; width: 63px; padding:1px; }


/* -------------------------NAVS----------------------------*/


.nav_bar ul {padding:14px 0 0 0; list-style:none;}

.nav_bar li {padding:0 29px 0 29px; display:inline; border-right: solid 1px #C17778 }

.nav_bar li.page-item-6 {padding:0 29px 0 29px; display:inline; border-right: solid 1px #C17778; border-left: solid 1px #C17778; }

.nav_bar li a{ text-decoration:none; color:#FFFFFF;}

.nav_bar li a:hover{ color:#E1A569; padding:0 0 0 0; border-bottom:dashed 1px #E1A569 }


/* -------------------------PARAGRAPHS , STYLES & LINKS----------------------------*/


#span_column p{ line-height:140%; padding:7px 0 7px 0; font-size:11px}

#span_column_two p{ line-height:140%; padding:7px 0 7px 0; font-size:11px}

.orange_link { color:#E1A569; font-weight:bold; text-decoration:none;  background:url(images/link_dash.gif) bottom no-repeat; padding:0 0 4px 0}

#right_column h6 { line-height:20px}

.email { text-decoration:none; color:#FFFFFF;}


/* -------------------------LISTS----------------------------*/

#span_column  ul{ list-style:none; margin:10px 0 0 10px;}

#span_column  li{  padding:0 0 8px 15px; background:url(images/bullit1.gif) no-repeat ; font-size:11px}

#span_column_two  ul{ list-style:none; margin:5px 0 0 10px;}

#span_column_two  li{  padding:0 0 8px 15px; background:url(images/bullit1.gif) no-repeat ; font-size:11px}

/* ------------------------FOOTER----------------------------*/

#footer_container { width: 100%; height:107px; margin:0 auto;position:relative; background:#991B1E url(images/footer_bck.jpg) repeat-x; }

#footer { width:785px; margin: auto;position:relative;  padding:20px 0 0 15px; text-align:left; }

#address_box {float:left; width:300px; }

address {font-style:normal; font-size:11px; width:180px; line-height:140%}


address a{ text-decoration:none; color:#FFFFFF;}

address a:hover{ color:#E1A569; padding:0 0 0 0; border-bottom:dashed 1px #E1A569 }

#logo_box {float:right; margin:20px 0 0 0;}

/* ------------------------LINKS----------------------------*/

#links_container  { width: 100% ; height:30px; margin: auto;position:relative; color:#C17778; font-size:10px; padding:10px 0 0 0}

#links_container a { text-decoration:none; color:#C17778;}


/* -----------------------FORMS----------------------------*/

label {font-size: 11px;font-weight: normal; color:#ffffff;}
fieldset{border: none;}
/*#form legend { margin: 5px 0 5px 8px;	 padding-bottom: 5px;border-bottom: dotted #ccc 1px;}*/
#form label {display:block;float:left;width: 100px;text-align:right;margin: 0 10px 0 0;}
#form p { display:block;clear:both; padding:5px 0 5px 0; }
legend {display:block; clear:both; font: normal 18px "trebuchet MS", Arial; color:#000000; }
input, select, option, textarea {border: 1px solid #cccccc;background-color: #FFFFFF;color: #000; width: 250px; }
form {padding:0 0 0 0;}
.secq {color: black; }
fieldset.cf-fs1 legend {visibility: hidden; }


/* End og Global.css */


/* GlobalAE.css Starts Here */
#form-container {
	float: left;
	width: 430px;
	height: 270px;
	}
#form-container form p, form#formname #form-container p{
	clear: both;
	font: normal 11px "Arial", Arial Narrow;
	padding: 5px;
}
#form-container form p label, form#formname #form-container p label{
  float: left;
  width: 27%;
  text-align: right;
  font: normal 11px "Arial", Arial Narrow;
}
#form-container form p.wide label, form#formname #form-container p.wide label{
  width: 100%;
  text-align: left;
  font: normal 11px "Arial", Arial Narrow;
}
#form-container form p span.formw, form#formname #form-container p span.formw{
  float: right;
  width: 70%;
  text-align: left;
}
/* Input BG Size Etc */
.singleline-field {
	width: 300px;
	height: 18px;
	font: normal 11px "Arial", Arial Narrow;
	display: inline;
	border: #ccc solid 1px;
}
/* Textarea BG Size Etc */
.multiline-field {
	width: 300px;
	font: normal 11px "Arial", Arial Narrow;
	display: inline;
	border: #ccc solid 1px;
}
/* Dropdown BG Size Etc */
select.singleline-field {
	width: 300px;
	height: 20px;
		border: #ccc solid 1px;

}
/* Required Highlight Colour */
.darktxt {
color:#FF0000;
	font-weight: bold;
}
#main_container #two_col #col_two #cont_two_col #home_news {
	float: left;
}

/* END of GlobalAE.css */


/* START of sifr.css */

/* -------------------/
/* These are standard sIFR styles... do not modify - FLASH TEXT */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height: 26px;
	/*font-size: 0.2em;*/
	text-transform: uppercase;
	margin:0 0 5px 0;
	/*width: 300px;*/
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	line-height: 26px;
	/*font-size: 0.2em;*/
	text-transform: uppercase;
	margin:0 0 5px 0;
	/*width: 300px;*/
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	line-height: 26px;
	/*font-size: 0.2em;*/
	text-transform: uppercase;
	margin: 15px 0 5px 15px
	/*width: 300px;*/
}


.sIFR-hasFlash h4 {
	visibility: hidden;
	line-height: 20px;
	/*font-size: 0.2em;*/
	text-transform: uppercase;
	margin: 0 0 5px 0;
	/*width: 300px;*/
}

.sIFR-hasFlash h5 {
	visibility: hidden;
	line-height: 26px;
	/*font-size: 0.2em;*/
	text-transform: uppercase;
	margin: 5px 0 0 0;
	/*width: 300px;*/
}
	
.sIFR-hasFlash h6 {
	visibility: hidden;
	line-height: 24px;
	/*font-size: 0.9em;*/
	text-transform: uppercase;
	margin: 0 0 5px 0;
	/*width: 300px;*/
	}

/* END of sifr.css */