/*###################
##### CSS RESET #####
###################*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*####################
##### HTML, BODY #####
#####################*/ 

*
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 0px 0px;
    text-align              : left;
}
html,body 
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #333333;
	background				: #DFDFDF url('../images/body-bkgrnd.gif') repeat-x left top;
}

/*###############
##### FONTS #####
###############*/
 
p
{
    padding                 : 5px 0px 5px 0px;
    line-height             : 1.4em;
}

h1
{
    padding                 : 5px 0px 10px 0px;
    font-size               : 20px;
    line-height             : 1.0em;
    color                   : #333333;
    font-weight             : normal;
}	
h2
{
    padding                 : 5px 0px 5px 0px;
    font-size               : 17px;
    line-height             : 1.0em;
    color                   : #333333;
    font-weight             : normal;
}	
h3
{
    padding                 : 10px 0px 5px 0px;
    font-size               : 17px;
    line-height             : 1.0em;
    color                   : #666;
    font-weight             : normal;
}
#content a
{
    color                   : #e6103b;
    text-decoration         : none;
    font-weight             : bold; 
}
#content a:hover
{
     color                   : #e6103b;
     text-decoration         : underline;
}	
#content ul
{
    margin                  : 10px 0px 10px 0px;
    padding                 : 0px 0px 0px 20px;
}
#content ul li
{
    margin                  : 0px 0px 10px 0px;
    padding                 : 0px 0px 0px 0px;
    line-height             : 1.4em;
}

.hr 
{
  height                    : 40px;
  clear                     : both;
  background				: url('../images/hr.gif') repeat-x left ;
}
.hr hr 
{
  display                   : none;
}


table
{
    margin                  : 10px 0px 10px 0px;
    padding                 : 0px 0px 0px 0px;
    width                   : 100%;
}
table td
{
    margin                  : 0px 0px 0px 0px;
    padding                 : 0px 0px 5px 0px;
    vertical-align          : top;
    height                  : 25px;
}


/*###################
##### CONTAINER #####
###################*/
 
#container 
{
	margin                  : 0px auto 0px auto;
	width                   : 940px;	
	height                  : auto;
}


/*################
##### HEADER #####
################*/ 

#header 
{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width                   : 940px;
	height                  :140px;
	background				: url('../images/header-bkgrnd.gif') top left no-repeat;
}
.headerLogo
{
	margin 					: 55px 0px 0px 25px;
	padding					: 0px 0px 0px 0px;
	float                   : left;
	border                  : none;
}
.labourRose
{
	margin 					: 20px 15px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float                   : right;
	border                  : none;
}



/*##################
#### NAVIGATION ####
##################*/ 

/* ---- MAIN NAV ---- */
#nav
{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	clear                   : both;
	display 				: block;
	width                   : 940px;
	height					: 45px;
	background				: url('../images/nav-bkgrnd.gif') top left no-repeat;	
}
#nav ul
{
	margin 					: 0px 0px 0px 0px;
	padding					: 1px 0px 0px 23px;
	height					: 32px;
	list-style 				: none;	
}
#nav ul li
{
	display 				: inline;
}
#nav ul li a
{
	margin					: 0px 0px 0px 0px;
	padding					: 9px 28px 0px 28px;
	display 				: block;
	float 					: left;
	color					: #EEE;
	text-decoration 		: none;
	line-height             : 1.2em;
	font-size 				: 15px;
	text-align              : center;
	height 					: 24px;
	border-left             : 1px solid #EA0000;
	border-right            : 1px solid #CD0000;
}
#nav li a:hover, #nav li a.selected
{
	text-decoration 		: none;
	color					: #FFFFFF;
	background				: url('../images/nav-active.gif') bottom left;
}
#nav li a.selected
{	color					: #FFFFFF;
	background				: url('../images/nav-active.gif') top left;
}
#nav li a.bookendLeft, #nav li a.bookendRight
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float 					: left;
	width   				: 0px;
	height 					: 34px;
	border-left             : none;
	border-right            : 1px solid #CD0000;
} 
#nav li a.bookendRight
{
	border-left             : 1px solid #EA0000;
	border-right            : none;
} 



/*#################
##### CONTENT #####
#################*/

#content 
{
	width                   : 900px;
	min-height              : 410px;
	margin                  : 0px 0px 0px 0px;
	padding                 : 15px 20px 15px 20px;
	background				: url('../images/content-bkgrnd.gif') top left no-repeat;
}





/*################
##### FOOTER #####
################*/ 

#footer 
{
	margin		 			: 0px 0px 0px 0px;
	padding		 			: 13px 20px 0px 20px;
	width                   : 900px;
	height                  : 47px;
	color                   : #7C7C7C;
	font-size               : 11px;
	line-height             : 1.8em;
	background				: url('../images/footer-bkgrnd.gif') top left no-repeat;	
}
#footer a 
{
	text-decoration			: none;
	color					: #555555;
}
#footer a:hover
{
	color					: #333333;
	text-decoration			: underline !important;
}
#copyright
{
	float					: left;
}
#footerLinks 
{
	float					: right;
}
#footerLinks a
{
	margin					: 0px 0px 0px 5px;
	padding		 			: 0px 0px 0px 8px;
	border-left             : 1px solid #999;
}




/*################
##### TEASER #####
################*/ 

#teaserHolder
{
	margin					: 15px 0px 0px 20px;
	padding		 			: 0px 0px 0px 0px;
	float                   : right;
	display                 : block;
	height                  : auto;
	width                   : 220px;
}
.teaser1, .teaser2
{
	margin					: 0px 0px 20px 0px;
	padding		 			: 78px 20px 0px 20px;
	width                   : 180px;
	height                  : 91px;
	display                 : block;
	color                   : #FFF;
	font-size               : 11px;
	background				: url('../images/teaser1.jpg') no-repeat center top;
	text-decoration         : none;
	cursor                  : pointer;
}
.teaser2
{
	background				: url('../images/teaser2.jpg') no-repeat center top;
}
.teaser1:hover, .teaser2:hover
{
	background				: url('../images/teaser1.jpg') no-repeat center bottom;
	text-decoration         : none !important;
}
.teaser2:hover
{
	background				: url('../images/teaser2.jpg') no-repeat center bottom;
}
#teaserHolder span
{
    color                   : #FFF;
    font-size               : 11px;
    font-weight             : normal !important;
    line-height             : 1.4em;
}




/*###############
##### MISC. #####
###############*/ 

.img
{
    margin                  : 10px 20px 10px 0px;
    padding                 : 10px;
    border                  : 1px solid #BBB;
    background-color        : #FFF;
}

.imgRight
{
    margin                  : 0px 0px 10px 40px;
    padding                 : 0px 0px 0px 0px;
    float                   : right;
    border                  : 1px solid #999;
}


/* ---- Google Maps---- */
#mapHolder{
	width					: 500px;
	height					: 400px;
	display					: block;
	float                   : right;
	margin					: 5px 0px 10px 30px;
	padding					: 0px 0px 0px 0px;
}

#mapHolder a{
	color					: #999999 !important;
	text-decoration			: none !important;
	font-weight				: bold !important;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 10px 0px;	
	display					: block;
}

#mapHolder a:hover{
	color					: #000000 !important;
	text-decoration			: underline !important;
}
.map{
	width					: 500px;
	height					: 380px;
	border                  : 1px solid #999;	
	color					: #000000;
}


/* ---- FORM HOLDER ---- */
.formHolder
{
	border                  : 1px solid #999;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height                  : auto;
	background				: url('../images/tableBkgrnd.gif') top left repeat-x;
	width					: 340px;
}
.formHolder h2
{
	border-bottom           : 1px solid #999;
	margin					: 0px 0px 0px 0px;
	padding					: 5px 10px 5px 10px;
	height                  : auto;
	background-color        : #CCC;
}

/* ---- GENERAL TABLE ---- */
.tbl, .tblHome
{
	margin					: 10px 0px 20px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 110%;
	border-bottom           : 1px solid #BBB;
}
.tblHome
{
	border-bottom           : none;
	width                   : 660px;
}
.tbl td, .tblHome td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	vertical-align			: top;
}

.tbl img{
	margin					: 0px 0px 10px 10px;
	padding					: 0px 0px 0px 0px;	
	border                  : 1ps solid #BBB;
}
.tblHome img{
	margin                  : 10px 20px 20px 0px;
	padding                 : 0px 0px 0px 0px;
	float                   : left;
	border                  : 1px solid #9A9A9A;
}


/* ---- CONTACT TABLE ---- */
.tblContact{
	margin					: 10px 10px 10px 10px;
	padding					: 0px 0px 0px 0px;
	font-size				: 110%;
	width					: 320px;
}
.tblContact td{
	margin					: 0px 0px 0px 0px;
	padding					: 3px 0px 3px 0px;	
	vertical-align			: top;
	height                  : 20px;
}


/* ---- FORM FIELDS/BUTTONS ---- */

.textField, .textArea, .ddField{
	width					: 200px;
	height					: 16px;
	font-size				: 12px;
	float					: right;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
}
.textArea{
	height					: 90px;
}
.ddField
{
	margin					: -4px 0px 0px 0px;
	padding					: 2px 2px 2px 0px;
	height					: 22px;
	width					: 204px;
}
.submitBtn{
	margin					: 5px 0px 0px 20px;
	padding					: 5px 12px 0px 12px;
	display 				: block;
	float					: right;
	color					: #EEE !important;
	text-decoration 		: none;
	font-size 				: 11px !important;
	font-weight             : normal !important;
	height					: 25px;
	background				: url('../images/nav-active.gif') top left repeat-x;
	cursor					: pointer;
	border					: 1px solid #333333;
}
.submitBtn{
	padding					: 0px 12px 0px 12px;
	line-height             : 1.8em; 
}

.submitBtn:hover{
	background				: url('../images/nav-active.gif') bottom left repeat-x;
	color					: #FFF !important;
	text-decoration 		: none !important;
}



.backtotop
{
	margin					: 20px 0px 10px 0px;
	padding					: 10px 0px 0px 0px;
	clear                   : both;
}


