@charset "utf-8";
/* CSS Document 
	web design by Rosy Harray
	www.wildrosedesign.co.nz 
	all content copyright 2009 The Big Limo  */
/* style colors = background grey:#848484, red:#C41413 */
/* body styles */
body{
	margin:0 0 15px 0;
	padding:0;
	font-size:76%;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:#848484;}
/* div structures */
#container{
	width:700px;
	margin:auto;
	position:relative;
	color:#000;
	background-color:#fff;
	border:1px solid #C41413;}
#header{
	background:url(images/logo.gif) bottom left no-repeat;
	height:135px;
	margin-bottom:10px;
	text-align:right;}
#indexheader{
	background:url(images/headerbanner.jpg);
	height:52px;}
#topnav{
	text-align:right;
	padding:5px 10px 0 0;
	margin:0;
	color:#666666;
	font-size:.9em;}
#headerimages{
	float:right;
	width:400px;
	margin:5px 10px 0 0;
	padding:0 10px;
	height:85px;
	text-align:right;
	background:url(images/headerimages.jpg) right no-repeat;}
#menu{
	margin:0 0 10px 0;
	text-align:center;
	color:#fff;
	background-image:url(images/menubg.gif);
	height:30px;
	border-top:1px solid black;
	border-bottom:1px solid black;}
#navbar{
	margin:0 0 0 50px;}
#content{
	margin:10px 0 20px 0;
	padding:5px 30px 0 30px;
	text-align:left;
	color:#000;
	background-color:#fff;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	background:url(images/bg-copy.gif) bottom left no-repeat;}
#contentleftcol{
	float:left;
	text-align:justify;
	padding:0;
	margin:0 0;
	background-color:#fff;
	width:250px;}
#contentrightcol{
	float:left;
	text-align:justify;
	padding:0;
	margin:0 0;
	width:380px;}
#indexcontent{
	float:left;
	width:390px;
	padding:0 15px;
	color:#436B6D;
	background-color:#fff;
	text-align:center;}
#indexleftcol{
	float:left;
	width:110px;
	text-align:right;
	padding:0;
	margin:0 0;
	font-size:1.2em;
	font-weight:bold;
	color:#436B6D;
	background-color:#fff;}
#indexrightcol{
	float:right;
	width:110px;
	text-align:left;
	padding:0;
	margin:0 0;
	font-size:1.2em;
	font-weight:bold;
	color:#436B6D;}
#leftindex{
	float:left;
	padding:0 20px;
	width:280px;
	text-align:right;}
#rightindex{
	float:left;
	padding:0 20px;
	width:280px;}
#prices{
	background-color:#0066CC;
	margin:10px 0;
	padding:10px 0;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border:2px solid black;}
#contactleft{
	float:left;
	text-align:right;
	width:100px;
	padding:0 20px 20px 0;
	font-weight:bold;
	font-size:1em;}
#contactright{
	float:left;
	text-align:left;
	width:100px;
	padding:0 10px 20px 0;
	font-weight:bold;
	font-size:1em;}
#contactform{
	color:#0066cc;}
#contactinfo{
	margin:auto;
	position:relative;
	width:450px;
	text-align:center;
	background-image:url(images/smalllogoshadow.gif) no-repeat;
	border:4px solid #436B6D;
	padding:10px;
	margin-top:30px;}
#footer{
	clear:both;
	margin:0;
	text-align:center;
	color:#666666;
	padding:0;
	font-size:.85em;
	border-top:1px solid #C41413;}
#links{
	clear:both;
	margin:0;
	padding:0 30px;
	color:#666666;
	font-size:.85em;
	line-height:.6em;
	height:65px;
	border-top:1px solid #C41413;}
/* header link styles */
#topnav a{
	text-decoration:none;
	color:#666666;}	
#topnav a:hover{
	color:#CCCCCC;}
/* content link styles */
#content a{
	text-decoration:none;
	color:#C41413;
	font-weight:bold;}	
#content a:hover{
	color:#666;
	font-weight:bold;}
#content ul{
	list-style:circle #red;
	margin:0 0 0 40px;
	padding:0;
	color:#000;
	line-height:2em;}
/* footer link styles */
#footer a{
	color:#666666;}	
#footer a:hover{
	color:#CCCCCC;}
a img{
	border-style:none;}
#links a{
	text-decoration:none;
	border:none;
	padding:0 10px;}
#links a:hover{
	text-decoration:none;}
/*navbar styles */
#navbar ul{
	position:relative;
	margin:0;
	text-align:center;
	list-style:none;
	padding:0;
	display:inline;
	line-height:2em;
	font-size:1.1em;
	font-weight:700;}
#navbar ul li{
	position:relative;
	display:inline;
	text-align:center;
	float:left;
	margin:auto;}
#navbar a{
	display:block;
	background-color:transparent;
	padding:0 10px 0 10px;
	margin:0;
	text-decoration:none;
	color:#fff;
	text-align:center;}
#navbar a:hover{
	text-decoration:none;
	color:#333;
	background-color:transparent;}
/* main menu drop down styles */
#navbar ul li ul{
	width:185px;
	position:absolute;
	display:none;
	left:-3px;
	font-size:.85em;
	background-color:#C41413;
	padding:1px;}
#navbar ul li ul.lastbutton{
	top:42px;
	padding:1px;}
#navbar li:hover ul, #navbar li.over ul{
	display:block;}
#navbar ul li ul li{
	width:179px;
	border:1px solid #fff;
	line-height:18px;
	margin:2px;
	background:#999;}
#navbar li:hover ul li a:link, #navbar li.over ul li a:link, #navbar li:hover ul li a:visited, #navbar li.over ul li a:visited{
	width:159px;
	color:#000;}
* html #navbar li:hover ul li a:link, *html #navbar li.over ul li a:link, *html #navbar li:hover ul li a:visited, * html #navbar li.over ul li a:visited{
	width:179px;}
#navbar li:hover ul li a:hover, #navbar li.over ul li a:hover{
	background-color:#791604;
	color:#ccc;}
/* classes */
.boldtxt{
	font-weight:900;}
.imgright{
	float:right;
	border:2px solid #C41413;
	margin:40px 0 10px 10px;}
.imgrightborderless{
	float:right;
	margin:80px 0 20px 25px;}
.imgrightgreenborder{
	float:right;
	margin:60px 0 20px 25px;
	padding:1px;
	background-color:#000;
	border:#436B6D 5px solid;}
.imgrightgreennomargin{
	float:right;
	margin:20px 0 20px 25px;
	padding:1px;
	background-color:#000;
	border:#436B6D 5px solid;}
.imgleftgreenborder{
	float:left;
	margin:10px 20px 20px 10px;
	padding:1px;
	background-color:#000;
	border:#436B6D 5px solid;}
.imgleft{
	float:left;
	margin:5px;}
.txtcnter{
	text-align:center;}
.list{
	list-style:circle #red;
	text-indent:20px;
	margin:0;
	padding:0;
	color:#000;
	line-height:2em;}
.backarrow{
	padding:3px 0 3px 20px;
	font-size:1.1em;
	line-height:1.5em;
	font:Arial, Helvetica, sans-serif;
	background:url(images/backarrow.gif) left no-repeat;}
.txtright{
	text-align:right;}
.txtleft{
	text-align:left;}
.home{
	text-align:right;
	text-transform:uppercase;
	padding:0 30px 0 0;
	background:url(images/headinglogo.gif) right no-repeat;
	font-size:1em;
	line-height:1.7em;}
.lgtxtcenter{
	text-align:center;
	font-size:2.3em;}
.redtxt{
	color:#C41413;}
.redtxtbold{
	color:#C41413;
	font-size:900;}
.bluetxt{
	color:#0066CC;}
.greentxt{
	color:#436B6D;}
.underline{
	text-decoration:underline;}
.lineheight{
	line-height:.5em;}
.lrgtxt{
text-align:center;
	font-size:1.3em;}
.exlegtxt{
	font-size:2em;}
.smblutxt{
	font-size:.8em;
	color:#0066CC;
	text-align:center;}
.wordspace{
	word-spacing:10px;}
.imageleft{
	float:left;
	padding:2px;
	border:1px solid #C41413;
	vertical-align:middle;
	margin:20px 25px 25px 10px;
	text-align:justify;}
.imageright{
	float:right;
	padding:2px;
	border:1px solid #C41413;
	vertical-align:middle;
	margin:20px 10px 35px 25px;
	text-align:justify;}
.imageleft200px{
	float:left;
	padding:2px;
	border:1px solid #C41413;
	vertical-align:middle;
	margin:20px 25px 100px 10px;
	text-align:justify;}
.indeximage{
	padding:2px;
	border:1px solid #C41413;
	margin:5px;}
.imageredborder{
	padding:2px;
	border:1px solid #C41413;
	margin:10px;}
/* heading styles */
h1{
	padding:5px 0 3px 35px;
	font-size:1.2em;
	line-height:1.7em;
	color:#C41413;
	border-bottom:1px solid #ccc;
	font:Arial, Helvetica, sans-serif;
	background:url(images/headinglogo.gif) left no-repeat;}
h2{
	font-size:1.1em;
	color:#000;}
h4{
	color:#436B6D;
	font-size:2.7em;
	line-height:.9em;
	}
h5{
	font-size:1em;}
/* gallery styles */
#dhtmlgoodies_slideshow{
	width:670px;	/* Total width of slideshow */
	margin-bottom:20px;}
#previewPane{
	border:1px solid #000;
	margin-right:10px;	
	text-align:center;
	vertical-align:middle;
	padding-top:40px;
/* CSS HACK */
	height: 452px;	/* IE 5.x */
	height/* */:/**/430px;	/* Other browsers */
	height: /**/430px;
	width:520px;		
	float:left;
	}
#waitMessage{
	display:none;
	position:absolute;
	left:200px;
	top:150px;
	background-color:#FFF;
	border:3px double #000;
	padding:4px;
	color:#555;
	font-size:0.9em;
	font-family:arial;	}	
#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
	float:left;	/* Floating */
	vertical-align:middle;

/* CSS HACK */
	height: 494px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	height/* */:/**/448px;	/* Other browsers */
	height: /**/448px;
/* CSS HACK */
	width: 90px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
	width/* */:/**/110px;	/* Other browsers */
	width: /**/110px;
				
	border:1px solid #000;	/* Black border */		
	padding:1px;	/* A little space between the black border and the content inside */
	margin:10px 0 0 0;}
#galleryContainer #arrow_down{	/* Arrow down image */
	height:35px;
	text-align:center;}
#galleryContainer #arrow_up{
	height:35px;	/* Arrow up image */
	text-align:center;}
#theImages{	/* DIV where the images are located */
	position:relative;
	overflow:hidden;
	text-align:center;
	width:110px;
	height:397px; /* IE 5.x */  /* Height of boxes for the images */
	height:375px;}
#theImages div{	
	position:relative;	/* Don't change this */
	height:2500px;	/* Higher than total height of thumbnails */}
#theImages img{
	border:0px;	/* No border */
	filter:alpha(opacity=50);	/* Transparency - IE */
	opacity:0.5; /* Transparency - Firefox */
	padding-top:1px;	/* Space between images */}
#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
	font-style:italic;
	text-align:center;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	font-size:0.9em;}
#theImages .imageCaption{
	display:none;}
input, select, textarea{
	border: 1px solid #cc9000;
	background-color:#fff;
	color:#000;}
	
/* 
  Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim 
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div { 
  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 1.4em; 
  color : #cc9900; 
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
	border:0;
  background-color : #fefefe; 
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
	border:0;
  background-color : #fafafa; 
}

/* form legends and dt "heading" */
legend, dt { 
  font-weight : 300; 
  color : #666;
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #0066cc; 
}

/* form label text */
label { 
  color : #0066cc;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font : 80% 'Trebuchet MS', sans-serif; 
  color : #666; 
  padding : 2px; 
  border : 1px solid #cc9000;
  background-color : #fffffa;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 1px solid #669900;
  background-color : #cc9900;
}
* html input.button.hover { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}
* html input.button.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #669900; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  border : 1px solid #000; 
  background-color : #fafafa; 
  color : #000;
  padding : 0 4px 0 4px; 
  text-decoration : none; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 80%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #669900;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}


/* End CSS */