@charset "UTF-8";



/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */


</style>
<style type="text/css" media="print">

/* It is common to set printer friendly styles such as a white background with black text. */
body {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
.homeflash {
	background-image: ;
	background-repeat: no-repeat;
	padding-top: 20px;
	background-position: center;
	height: 420px;
}

	.gallery {
}
.gallery img {
	border: 5px solid #636;
	color: #636;
}
#enquiry {
}
.contactform {
}
.error {
	color: #8B41CA;
}

/* --------------------------------------------
   HTML5 Doctor Reset
-------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, article2, aside, canvas, details, figcaption, figure,
footer, header, hgroup, hgroup2, hgroup3, hgroup4, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, article2, aside, details, figcaption, figure,
footer, header, hgroup, hgroup2, hgroup3, hgroup4, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol {
	margin-left: 1.5em;
}
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th {
	font-weight: bold;
	color:#ADB71B;
}
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
::selection { background:#000; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #304442;
	font-size: 24px;
	line-height: inherit;
	text-align: left;
	
}


/* --------------------------------------------
   My Styles
-------------------------------------------- */

body { 
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 19px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center;
	overflow:auto;
	margin: 0;
	padding: 0;
	background-attachment: relative; }
	
	a { color: #9f443b; text-decoration: none; }
	a:hover { text-decoration: underline; }

	#outerWrapper {
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 1000px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	min-height: 750px;
	float: none;
}

#outerWrapper #header {
	border-style: none; /* Sets the border style properties for an element using shorthand notation */
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	float:left;
	height: 100px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	text-align: center;
}

#nav {
		display:none;
	}
	
#outerWrapper #topNavigation {
	height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: none;
	margin-top: 25px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#outerWrapper #topNavigation2 {
	display:none;

	
}

/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */

  
#content2 {
	min-height:200px;
	height:auto !important;
	float:left;
	width:93%;
	margin-left: auto;
	margin-right:auto;
	clear: both;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-top: 30px;
	text-align: center;
	padding: 0 25px 0 40px;
}

#content3 {
	min-height:200px;
	height:auto !important;
	float:left;
	width:100%;
	margin-left: auto;
	margin-right:auto;
	clear: both;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-top: 30px;
	text-align: left;
	font-size: 16px;
}

img {
	height:auto;
	max-width: 100%;
	}

#content2 h1 {
	
	color: #600;	
	font-size: 28px;
	margin-top:15px;
	text-align:center;
	
}


#contact2 {
	height:auto !important;
	float:left;
	width:100%;
	margin-right:auto;
	clear: both;
	text-align:center;
	color: #FFF;
	font-size: 12px;
	line-height: normal;
	margin-top: 30px;
	border-top: 2px solid;
	padding-top: 10px;
}


#affiliates {
	height:auto !important;
	float:left;
	width:100%;
	margin-right:auto;
	clear: both;
	text-align:center;
	margin-top: 20px;
	padding-top: 10px;
}


/*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#nav2 {
	margin: 5px 0 0 0;
	width:100%;
}
ul.drop a {
	display:block;
	color: #FFF;
	font-family: Arial;
	font-size: 16px;
	text-decoration: none;
	text-transform: lowercase;
}
ul.drop, ul.drop li, ul.drop ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: arial;
	font-weight:normal;
	text-transform: uppercase;
	font-size: 12px;
	background: ;
	color: #9F0;
	opacity: 0.90;	
}
ul.drop { position: relative; z-index: 597; float: left; }
ul.drop li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 5px 27px; }
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; background: #9F0; }
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 164px; margin-bottom: 2px; background: ; border: ; }
ul.drop ul li { float: none; }
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible }




/* --------------------------------------------
   < 1200px viewport
-------------------------------------------- */			
				
@media (max-width: 1200px) {


#outerWrapper {
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 1000px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	min-height: 750px;
	float: none;
}

#outerWrapper #header {
	border-style: none; /* Sets the border style properties for an element using shorthand notation */
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	float:left;
	height: 100px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	text-align: center;
}

#nav {
		display:none;
	}
	
#outerWrapper #topNavigation {
	height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: none;
	margin-top: 25px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#outerWrapper #topNavigation2 {
	display:none;

	
}

/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */

  
#content2 {
	min-height:200px;
	height:auto !important;
	float:left;
	width:93%;
	margin-left: auto;
	margin-right:auto;
	clear: both;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-top: 30px;
	text-align: center;
	padding: 0 25px 0 40px;
}

#content3 {
	min-height:200px;
	height:auto !important;
	float:left;
	width:88%;
	margin-left: 20px;
	margin-right:30px;
	clear: both;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-top: 30px;
	text-align: left;
	font-size: 16px;
}

img {
	height:auto;
	max-width: 100%;
	}

#content2 h1 {
	
	color: #600;	
	font-size: 28px;
	margin-top:15px;
	text-align:center;
	
}


#contact2 {
	height:auto !important;
	float:left;
	width:90%;
	margin-left: 50px;
	margin-right:auto;
	clear: both;
	text-align:center;
	color: #FFF;
	font-size: 12px;
	line-height: normal;
	margin-top: 30px;
	border-top: 2px solid;
	padding-top: 10px;
}


#affiliates {
	height:auto !important;
	float:left;
	width:90%;
	margin-left: 50px;
	margin-right:auto;
	clear: both;
	text-align:center;
	
	margin-top: 20px;
	padding-top: 10px;
}


/*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#nav2 {
	margin: 5px 0 0 0;
	width:100%;
}
ul.drop a {
	display:block;
	color: #FFF;
	font-family: Arial;
	font-size: 16px;
	text-decoration: none;
	text-transform: lowercase;
}
ul.drop, ul.drop li, ul.drop ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: arial;
	font-weight:normal;
	text-transform: uppercase;
	font-size: 12px;
	background: ;
	color: #9F0;
	opacity: 0.90;	
}
ul.drop { position: relative; z-index: 597; float: left; }
ul.drop li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 5px 27px; }
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; background: #9F0; }
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 164px; margin-bottom: 2px; background: ; border: ; }
ul.drop ul li { float: none; }
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible }




}


/* --------------------------------------------
  iPad in landscape
-------------------------------------------- */

/* 	
	TO PREVIEW ON THE DESKTOP, REPLACE THE QUERY WITH THE FOLLOW:
	@media (max-width: 1024px) {  } 
*/
	
@media (max-width: 1024px) and (orientation: landscape) 
{
	#outerWrapper {
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 100%;
	height: 750px;	
}



#nav {
		display:none;
	}
	

#outerWrapper #topNavigation2 {
	display:none;

	
}

/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */

  
#content2 {
	min-height:200px;
	height:auto !important;
	float:left;
	width:89%;
	clear: both;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-top: 30px;
	padding: 10px 15px 10px 40px;
	margin-left: 30px;
	margin-right: 30px;
}



img {
	height:auto;
	max-width: 100%;
	}

#content2 h1 {
	
	color: #600;	
	font-size: 28px;
	margin-top:15px;
	text-align:center;
	
}


#contact2 {
	height:auto !important;
	width:94%;
	margin-left: 30px;
	margin-right:30px;
	font-size: 12px;
	line-height: normal;
	margin-top: 30px;
	padding-top: 10px;
}

#affiliates {
	height:auto !important;
	float:left;
	width:90%;
	margin-left: 50px;
	margin-right:auto;
	clear: both;
	text-align:center;
	
	margin-top: 20px;
	padding-top: 10px;
}



/*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#nav2 {
	margin: 5px 30px 0 30px;
	width:95%;
	text-align: center;
}
ul.drop a {
	display:block;
	font-size: 16px;
	
}

ul.drop { position: relative; z-index: 597; float: left; }
ul.drop li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 5px 25px; }

	
}


/* --------------------------------------------
  iPad in portrait
-------------------------------------------- */

/* 	
	TO PREVIEW ON THE DESKTOP, REPLACE THE QUERY WITH THE FOLLOW:
	@media (max-width: 768px) {  } 
*/

@media (max-width: 768px) and (orientation: portrait) {

#outerWrapper {
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: inherit;
	height: 750px;
	padding: 10px;	
}

#outerWrapper #header {
	border-style: none; /* Sets the border style properties for an element using shorthand notation */
	height: auto;
	width: 100%;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
}

#nav {
		display:none;
	}
	

#outerWrapper #topNavigation2 {
	display:none;

	
}

/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */

  
#content2 {
	min-height:200px;
	height:auto !important;
	float:left;
	width:85%;
	margin-left: 30px;
	margin-right:30px;
	clear: both;
	font-family: 'Open Sans Condensed', sans-serif;
	margin-top: 30px;
}



img {
	height:auto;
	max-width: 100%;
	}

#content2 h1 {
	
	color: #600;	
	font-size: 28px;
	margin-top:15px;
	text-align:center;
	
}


#contact2 {
	height:auto !important;
	width:93%;
	margin-left: 30px;
	margin-right:30px;
	font-size: 12px;
	line-height: normal;
	margin-top: 30px;
	padding-top: 10px;
}

#affiliates {
	height:auto !important;
	width:93%;
	margin-left: 30px;
	margin-right: 30px;
}

/*---- CROSS BROWSER DROPDOWN MENU ----*/
ul#nav2 {
	margin: 15px 0 0 30px;
	width:95%;	
	
}
ul.drop a {
	display:block;
	font-size: 14px;
	
}

ul.drop { position: relative; z-index: 597; float: left; }
ul.drop li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 5px 13px; }


}

/* --------------------------------------------
  Mobile
-------------------------------------------- */

@media (max-width: 568px) and (orientation: landscape){

	#outerWrapper {
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: inherit;
	height: auto;
	
	
}


#outerWrapper #header {
	height: auto;
	width:inherit;
}

	
#nav {
		display:block;
	}
	
	
#outerWrapper #topNavigation {
	display:none;
		
}
#outerWrapper #topNavigation2 {
	display:none;
	
}



#content2 {
	height:auto;
!important;
	width:80%;
	margin-left:20px;


}

#content2 h1{
	text-align:center;
	
	}


img {
	height:auto;
	max-width: 100%;
	}

#content2 h1 {
	
	color: #600;	
	
	
}


#contact2 {
	
	height:auto !important;
	width:85%;
	padding:5px;
	text-align:center;
	margin-left:25px;
	
	font-size: 16px;
	
}

#affiliates {
	height:auto !important;
	float:left;
	width:85%;
	margin-left: 25px;
	
	text-align:center;

}


/*navigation style*/
#menu {
	list-style: none;
	height: 35px;
	width: 380px;
}

#menu span {
	display: none;
	position: absolute;
	width:inherit;
}
#menu a {
	display: block;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: top;
}
#menu a:hover span{
	display: block;
}




}


/* --------------------------------------------
  Mobile
-------------------------------------------- */

@media (max-width: 480px) and (orientation: portrait) {

	

#outerWrapper {
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: inherit;
	height: auto;
		
}


#outerWrapper #header {
	height: auto;
	width:100%;
	margin-top: 0px;
	margin-right: 0px;
}

	
#nav {
		display:block;
	}
	
	
#outerWrapper #topNavigation {
	display:none;
		
}
#outerWrapper #topNavigation2 {
	display:none;
	
}



#content2 {
	height:auto;
!important;
	width:93%;
	margin-left:20px;
	padding: 0px;
	margin-right: 20px;
}

#content2 h1{
	text-align:center;
	
	}




img {
	height:auto;
	max-width: 100%;
	}

#content2 h1 {
	
	color: #600;	
	
	
}



#contact2 {
	height:auto !important;
	width:87%;
	padding:5px;
	text-align:center;
	margin-left:25px;
	font-size: 16px;
}

#affiliates {
	height:auto !important;
	width:89%;
	margin-left: 25px;
	text-align:center;
}



/*navigation style*/
#menu {
	list-style: none;
	height: 35px;
	width: 380px;
}

#menu span {
	display: none;
	position: absolute;
	width:inherit;
}
#menu a {
	display: block;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: top;
}
#menu a:hover span{
	display: block;
}



}


/* --------------------------------------------
  Mobile
-------------------------------------------- */

@media (max-width: 320px) and (orientation: portrait) {

	

#outerWrapper {
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: inherit;
	height: auto;
	
}


#outerWrapper #header {
	
	float:left;
	height: auto;
	max-width: 100%;
}

	
#nav {
		display:block;
	}
	
	
#outerWrapper #topNavigation {
	display:none;
		
}
#outerWrapper #topNavigation2 {
	display:none;
	
}




#content2 {
	min-height: 100px;
	width:290px;
	margin-left:0px;
	margin-right: 0px;
}

#content2 h1{
	text-align:center;
	
	}


img {
	height:auto;
	width: inherit;
	}

#content2 h1 {
	
	color: #600;	
	
	
}



#contact2 {
	height:auto !important;
	width:92%;
	padding:5px;
	text-align:center;
	margin-left:0px;
	font-size: 18px;
	margin-right: 0px;
}


#affiliates {
	height:auto !important;
	float:left;
	width:92%;
	margin-left: 0px;
	margin-right:auto;
	clear: both;
	text-align:center;
	padding-top: 10px;
}


/*navigation style*/
#menu {
	list-style: none;
	height: 35px;
	width: 280px;
}

#menu span {
	display: none;
	position: absolute;
	width:inherit;
}
#menu a {
	display: block;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: top;
}
#menu a:hover span{
	display: block;
}



}