@charset "UTF-8";

/** Global Styles **/

body { background-image: url(../_images-site/site-bg2.jpg); background-repeat: repeat-x; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; color: #595959; font-family: Verdana, Geneva, sans-serif; }
p { font-size: 12px; color: #58585A; font-weight: normal; line-height: 18px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
h1 { font-size: 28px; color: #FFF; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; font-weight: bold; letter-spacing: -1px; }
h2 { font-size: 17px; color: #595959; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; font-weight: bold; }
h3 { font-size: 16px; font-weight: normal; color: #103D98; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
h4 { font-size: 16px; font-weight: normal; color: #981010; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
li { font-size: 14px; font-weight: normal; color: #09C; }

a:link,
a:visited { text-decoration:none; color: #AA2234; font-weight: bold; }
a:hover { color:#AA2234; text-decoration: underline; font-weight: bold; }
a:active { color:#AA2234; font-weight: bold; }
.brightBlue { color: #36F; }
#optionsList li { list-style-image: url(../_images-site/options-tick.png); font-weight: bold; margin-top: 0px; padding-left: 20px; font-size: 12px; }
.rhContainer { width: 250px; margin-left: 15px; background-image: url(../_images-site/site-cross.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 15px; padding-top: 5px; height: auto; overflow: auto; }

/** Template Styles **/

#masterframe { height: auto; width: 900px; margin-right: auto; margin-left: auto; margin-top: 13px; }
#logo { float: left; height: 160px; width: 160px; overflow: hidden; background-image:url(../_images-site/logo-bg.png); background-repeat:no-repeat; }
#logoInner { margin:5px 0 0 6px;}
#strapline { float: right; height: 60px; width: 600px; color: #FFFFFF; text-align: right; margin-top: 30px; }
.straplineSmaller { font-size: 22px; font-weight: bold; font-style: italic; }
#contact { float: right; height: 60px; width: 600px; color: #FFFFFF; }
#contact p { margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-bottom: 0px; font-size: 18px; color:#333; line-height: 22px; }
	#contact a:link,
	#contact a:visited { text-decoration:none; color:#333; font-weight: normal; }
	#contact a:hover { color:#900; font-weight: normal; }
#contact a:active { color:#FFFFFF; font-weight: normal; }
.contactSmaller { font-size: 13px; }

/** Navigation*//
#navContainer { height: 35px; width: 900px; clear: both; }
#nav { padding:0; width:100%; margin:0; float: left; }
#nav ul { padding:0; margin:0; line-height:35px; list-style:none;  margin-top:4px; margin-left:-5px; }
#nav ul li { display:inline; }
	#nav a:link,
	#nav a:visited { color:#FFF; width:auto; text-decoration:none; letter-spacing: .5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: lighter; line-height:35px; padding:10px 8px 5px 8px;}
	#nav a:hover { color:#FFF; background-image:url(../_images-site/site-nav-hover.jpg); background-repeat: repeat-x;  text-decoration:none; letter-spacing: .5px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: lighter; line-height:35px; padding:10px 8px 5px 8px;}
	#nav a:active { color:#FFFFFF; }

/** this section controls the static appearance of the visible page via the body ID Attribute **/
	#home #nav-home a,
	#hire #nav-hire a,
	#about #nav-about a,
	#faq #nav-faq a,
	#other #nav-other a,
	#enquiries #nav-enquiries a,
	#sales #nav-sales a,
	#news #nav-news a { color:#000; }

	/** this section controls the hover effects on the visible page via the body ID Attribute **/
	#home #nav-home a:hover,
	#hire #nav-hire a:hover,
	#about #nav-about a:hover,
	#faq #nav-faq a:hover,
	#other #nav-other a:hover,
	#enquiries #nav-enquiries a:hover,
	#sales #nav-sales a:hover,
	#news #nav-news a:hover { color:#000; }

	#nav a:active { color:#89AFDD; }


#lowerContainerMaster { height: auto; width: 900px; clear: both; margin-top: 5px; padding-top: 5px; }
	
#lowerContainerTop { width: 900px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; height: 10px; overflow: hidden; }
#lowerContainerBottom { width: 900px; margin-top: 0px; margin-bottom: 0px; height: 15px; overflow: visible; clear: both; }
#lowerContainerMid { background-image: url(../_images-site/02.gif); background-repeat: repeat-y; overflow: auto; height: auto; width: 860px; padding-right: 20px; padding-left: 20px; }
#editableRegion { height: auto; width: 860px; overflow: auto; }


/** Baseline **/

#baseline { height: auto; width: 900px; margin-right: auto; margin-left: auto; font-size: 9px; color: #6b6b6d; font-family: Arial, Helvetica, sans-serif; clear: both; }
	#baseline a:link,
	#baseline a:visited { text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; font-weight: normal; }
	#baseline a:hover { color:#666666; text-decoration: underline; font-weight: normal; }
	#baseline a:active { color:#666666; font-weight: normal; }


/** Index Page **/

#indexCol1 { float: left; height: auto; width: 580px; padding-top: 5px; }
#indexCol2 { float: right; height: auto; width: 270px; background-image: url(../_images-site/site-cross.gif); background-repeat: repeat-y; }
#indexlrImages { float: left; height: auto; width: 150px; padding-right: 8px; margin-top: 5px; }
#indexWhatsNew { background-repeat: no-repeat; height: 300px; width: 240px; overflow: hidden; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; margin-right: auto; margin-left: auto; background-image: url(../_images-pages/_index/whatsNew.jpg); }
#indexTickerContainer { height: 75px; width: 220px; margin-top: 200px; margin-right: 10px; margin-left: 10px; }
#indexTickerContainer p { font-size: 15px; font-style: italic; font-weight: bold; color: #FFF; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
#indexTickerFootnote { height: 40px; width: 220px; margin-top: 0px; margin-right: 10px; margin-left: 10px; overflow: hidden; }
#indexTopGraphic { height: 232px; width: 580px; overflow: hidden; background-image: url(../_images-site/site-cross.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 10px; }
#indexCubesGraphic { width: 580px; overflow: hidden; background-image: url(../_images-site/site-cross.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 10px; margin-top: 10px; clear: both; }
#indexConfexGraphic { height: auto; width: 580px; overflow: hidden; padding-bottom: 10px; margin-top: 10px; }
#SIRCol1 { float: left; height: auto; width: 580px; padding-top: 5px; background-image: url(../_images-site/site-cross.gif); background-repeat: repeat-x; background-position: bottom; }
#SIRCol3 { float: right; height: auto; width: 270px; background-image: url(../_images-site/site-cross.gif); background-repeat: repeat-y; }
#SIRCol2 { float: left; height: auto; width: 580px; padding-top: 5px; }
#SIRbooking { padding: 5px; float: right; height: auto; width: 230px; margin-left: 20px; border: 1px solid #CCC; }
.crossHR { background-image: url(../_images-site/site-cross.gif); background-repeat: repeat-x; height: 10px; width: auto; margin-top: 5px; margin-bottom: 5px; }
#aboutCol1 { float: left; height: auto; width: 580px; padding-top: 5px; }
#aboutCol2 { float: right; height: auto; width: 270px; background-image: url(../_images-site/site-cross.gif); background-repeat: repeat-y; }
#aboutConnections { padding: 5px; float: left; height: auto; width: 250px; margin-right: 20px; border: 1px solid #CCC; text-align: center; margin-bottom: 15px; margin-top: 15px; }
#otherCol1 { float: left; height: auto; width: 580px; padding-top: 5px; }
#otherCol2 { float: right; height: auto; width: 270px; background-image: url(../_images-site/site-cross.gif); background-repeat: repeat-y; }

#form p { font-size: 11px; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
#form h5 { margin-top: 0px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; }
.formRed { color: #FF0000; }
#enquiriesCol1 { float: left; height: auto; width: 860px; padding-top: 5px; overflow: auto; }

