/*CSS BY PHASE NEW MEDIA

-- colours

light brown: #7A695A
dark brown: #40372F
cream (content area): #F2F0EE
white boxes: #FFFFFF
orange: #FF9933
footer text: #8D8989
text grey: #5A5757

*/
/* **************************************************************** */
/* ********************** universal styles ************************ */
/* **************************************************************** */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; border: 0px; outline: 0px;}
* {padding:0px; margin:0px;}
/* Add scrollbars */
html { height: 101%; } /* add scrollbars to borwsers that do not have them - this eliminates page shift between long and short pages */ 
.clear { clear: both; padding:0px; margin:0px; }
body { background:#000; margin: 0px auto; font-size: 1em; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; text-align:center; } 
img { border: none; padding:0px; margin:0px; }
/* p { font-size: 75%; margin: 0px; padding: 0px 0px 30px 0px; color: #5A5757; line-height: 150%; } */
p { font-size: 83%; margin: 0px; padding: 0px 0px 30px 0px; color: #FFF; line-height: 170%; }
.required { color:#E69936; }

p a:link, p a:visited { color:#40372F; text-decoration:none; border-bottom:1px dashed #7A695A;}
p a:hover, p a:active { color:#7B6A6F; text-decoration:none; border-bottom:1px dashed #7B6A6F;}

.float_left { float: left; }
.float_right {float: right; padding:10px 0 20px 20px; clear:both;}

/* Centre page */
#centrer { width: 751px; margin: 0px auto; padding:0px 0px; text-align:left; position:relative;} /* fix alignment of page */
#container {background:url(../images/bg.gif) no-repeat top #333; margin:0px 0; padding:294px 0 0 0px;} /* Repeats header background across the page (PAGES WITH SMALLER HERO IMG ONLY) */
/* **************************************************************** */
/* ************************ header styles ************************* */
/* **************************************************************** */
#header { width:370px; height:125px; padding:20px 0 0 0; margin:0px; float:right; clear:both; }	 /* the relative position here helps the absolute positioning for containing elements. */
#logo { position:absolute; right:15px; top:0px; z-index:1000; }

#label { position:absolute; right:20px; bottom:280px; width:217px; height:215px; z-index:1000; }
#label2 { position:absolute; right:200px; bottom:45px; width:217px; height:215px; z-index:1000; }

/* **************************************************************** */
/* ************************** Hero Area *************************** */
/* **************************************************************** */
#hero { width:630px; height:359px; padding: 50px 30px 50px 30px; margin:0px; float:left;}
#details1 { width:751px; height:105px; padding: 0px 0px 0px 0px; margin:0px; float:left;}
#details2 { width:751px; height:252px; padding: 0px 0px 0px 0px; margin:0px; float:left;}
#details3 { width:751px; height:115px; padding: 0px 0px 30px 0px; margin:0px; float:left;}

/* **************************************************************** */
/* *************************** Footer  **************************** */
/* **************************************************************** */
#footer { height:20px; padding:15px 15px 0px 15px; margin: 0px; color:#8D8989; font-size:65%; display:block;}
#footer a:link, #footer a:visited { text-decoration:underline; font-weight:normal; margin: 0px; padding: 0px; color: #006600; }
#footer a:hover, #footer a:active { text-decoration:underline; font-weight:normal; margin: 0px; padding: 0px; color: #8D8989; }
#footer-left { float:left; width:280px;}
#footer-right { float:right; width:250px; text-align:right;}


/* **************************************************************** */
/* ************************ Forms  ******************************** */
/* **************************************************************** */
#form-container { padding:0 30px 30px 30px; margin:0px; } 
#form-hdr { width:231px; height:65px; float:left; margin:0 0 0 60px; padding:0px;}
#form { width:517px; margin: 0px 37px 37px 37px; padding:50px 45px 35px 55px; float:left; background:#1B1B1B; color:#fff; font-size:14px; line-height:16px;}
#form input, #form textarea, #form select { font-family: Arial, Helvetica, sans-serif; color: #FFF;  }
.formcell { width: 248px; display: block; float: left; margin: 0 10px 0 0; padding:0px; text-decoration: none; }
.field { height:25px; background-color: #333333; border:1px solid #333333; width:230px; color: #FFF; margin:5px 0px 20px 0; padding:0px; font-size:13px; }
.comments-field { height:100px; background-color: #333333; border:1px solid #333333; width:230px; color: #FFF; margin:5px 0px 20px 0; padding:0px; font-size:13px; }

.form-button { width:72px; height:46px; padding:0px; margin:0px; float:left;}
#form label { padding:0px; margin:0px; }
#end { margin:0px 0px 0px 0px; height:87px; width:751px; }

.call { float:right; }