/**
* Author: Andrew Lennard
* Date: 28/01/10
* File: styles/main.css
*/

/**** Some basic general declarations ****/
*{margin:0px; padding:0px}
html {min-height: 100%; height: auto;}
body {background-color:#3e6842; height:100%; min-height:100%; background-image:url("http://www.integerevents.co.uk/images/repeat.gif"); background-repeat:repeat-y;}
p, h1, h2, h3, h4, h5, h6, input, textarea, address, form, select, label, ul, li, ii { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
a:link {text-decoration:underline}
a:visited {text-decoration:none}
a:hover {text-decoration:none}

/**** header logo ****/
#logo { position: absolute; top: 43px; left: 0px; width: 286px; height: 80px; background-image:url("/images/integer-logo.gif"); background-repeat: no-repeat; z-index:100; }
/**** header banner ****/
#banner { position: absolute; top: 15px; left: 0px; width: 1011px; height: 282px; z-index:0; }

/**** Horizontal White Line ****/
#white-line { position: absolute; top: 347px; left: 0px; width: 1011px; height: 1px; background-color:#FFFFFF; }

/**** Nav Col ****/
#navdiv { position: absolute; top: 303px; left: 37px; height: 26px; width: 421px; background-color: ; }

/* Portfolioa Nav */
#nav { background: url("http://www.integerevents.co.uk/images/navigation.gif"); background-color: ; width: 421px; height: 26px; margin: 0; padding: 0; }
#nav span { display: none; }
#nav li a { height: 26px; display: block; }
#nav li { float: left; list-style: none; display: inline; }
#home { width: 54px; }
#stall { width: 143px; }
#events { width: 141px; }
#contacts { width: 83px; }
#home a:hover { background: url("http://www.integerevents.co.uk/images/navigation.gif") 0px -26px no-repeat; }
#stall a:hover { background: url("http://www.integerevents.co.uk/images/navigation.gif") -54px -26px no-repeat; }
#events a:hover { background: url("http://www.integerevents.co.uk/images/navigation.gif") -197px -26px no-repeat; }
#contacts a:hover { background: url("http://www.integerevents.co.uk/images/navigation.gif") -338px -26px no-repeat; }


/**** Main Content ****/
#content { z-index:50; position: absolute; top:366px; left:37px; width:407px; height: auto;  }
#content.disclaimer { z-index:100; position:absolute; top:98px; left:420px; width:456px; height:450px; padding: 0 5px 0 0; overflow: auto;  }
#content p { font-size: 12px; color: #ffffff; letter-spacing: 0px; line-height: 17px; margin: 0 0 20px 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
#content p a { font-size: 12px; color: #ffffff; letter-spacing: 0px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; }
#content h1 { font-size: 28px; color: #3e6842; letter-spacing: 0px; margin: 0 0 13px 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
#content h2 { font-size: 18px; color: #3e6842; letter-spacing: 0px; margin: 0 0 13px 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
#content h3 { font-size: 14px; color: #ffffff; letter-spacing: 0px; margin: 0 0 13px 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
#content li { padding: 0 0 0 0; margin: 0 0 0 11px; }

/**** Navigation Graphics ****/
#new-events { z-index:100; position:absolute; top:365px; left:528px; width:447px; height:149px; background-color: ; }
#stall-holders { z-index:100; position:absolute; top:534px; left:528px; width:447px; height:149px; background-color: ; }

/**** Footer ****/
#footer { width: 407px; height: 13px; float: left; margin: 40px 0 0 0; padding: 0px; text-align:left }
#footer p { color: #ffffff; float: left; font-size: 9px; text-align: right; padding: 0; }
#footer p.links { font-size: 9px; line-height: 20px; padding: 0px; }
#footer p a { font-size: 9px; color: #ffffff; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }

/**** Home page images ****/
#homepic-a { z-index:100; position:absolute; top:337px; left:420px; width:100px; height:107px; background-color: none; }
#homepic-b { z-index:100; position:absolute; top:337px; left:539px; width:100px; height:107px; background-color: none; }
#homepic-c { z-index:100; position:absolute; top:337px; left:657px; width:100px; height:107px; background-color: none; }
#homepic-d { z-index:100; position:absolute; top:337px; left:775px; width:100px; height:107px; background-color: none; }

/* Forms */
#content #frmContact fieldset { z-index:110; width: 407px; height: auto; margin: 0 0 0 0; border: 0px solid #8bc53f; padding: 10px 0 0 0; }
#content #frmContact label { font-size: 12px; width: 77px; float: left; font-weight: bold; margin: 10px 0 0 0; }
#content #frmContact input { font-size: 12px; color:#000000; width: 330px; float: left; border: none; margin: 10px 0 0 0; height: 18px; }
#content #frmContact textarea { font-size: 12px; color:#000000; width: 330px; height: 60px; margin: 10px 0 0 0; border: none; float: left; }
#content #frmContact p { font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
#content #frmContact p input { float: none; width: 25px; margin: 0; padding: 0; }
#content #frmContact .notice { border: 2px solid #EDEF00; background: #FEFFAF; color: #333333; font-weight: bold; padding: 0px; line-height: 18px; }
#content #frmContact .error { border: 1px solid #DF2929; background: #EFC2C2; color: #FFFFFF; font-weight: bold; padding: 1px; line-height: 18px; margin: -15px 0 16px 76px; width: 208px; }
#content #frmContact .reqField { background: #FF8F8F; color: #ffffff; }
#content #frmContact fieldset p {font-size: 12px; margin: 10px 0 0 0; padding: 0; }
#content #frmContact img { padding: 0 16px 16px 0; }