@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
@import url(http://fonts.googleapis.com/css?family=Varela+Round);

/*html, body {
	text-align: center;
}*/

body {
	font-size: 16px;
	font-family: 'PT Sans', Arial, sans-serif;
	color: #000000;
	line-height: 1.25;  
	/* background:#efefef url('../images/bg_clouds.jpg') top center no-repeat; */
	background:#efefef top center no-repeat;
}

.clear {clear: both;}
.clearRight {clear: right;}
.clearLeft {clear: left;}	

sup {font-size: 9px;}

a img {vertical-align: middle;}

.vertTop {vertical-align: top;}
.vertBottom {vertical-align: bottom;}
.vertMiddle {vertical-align: middle;}

.strong {font-weight: bold;}
.normalText {font-size: 12px; font-weight: normal; line-height: normal;}
.smallText {font-size:10px;}
.largeText {font-size:16px;}
.xLargeText {font-size: 24px;}
.titleBold {font-weight: bold;}

.floatRight {float: right !important;}
.floatLeft {float: left !important;}
.right {float: right !important;}
.left {float: left !important;}
.alignRight {text-align: right;}
.center {text-align: center;}
.noFloat {float: none !important;}

#wrapper {
	margin:0px auto;
	width:1192px;
	border:0px solid red;	
}

#header_wrap {
	width:1192px;
	padding: 0 12px 0 12px;
}

#header {
	display: block;
	position: relative;	
	height: 96px;
	width: 1075px;
	padding-left: 50px;
	padding-right: 44px;
	padding-top: 20px;
	background:url('../images/bg_navbox.png') top left repeat;
	border: 0px dotted maroon;
	z-index: 100000;
}

ul {
	margin: 0 5px 0 10px;
	padding-left: 20px;
}

p { 
	line-height: 1.4;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
} 

h1 {
	font-size:42px;
	line-height: normal;
	margin: 0;
	padding: 0;
	color: #cc3300;	
}

h2 {
	font-size: 26px;
	text-transform:none;
	line-height: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;	
	padding-bottom: 10px;
}

h3 { 
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	color: #F1632A; 
	font-size:31px; 
	line-height: normal;
	font-weight: bold;
}

h4 { 
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	font-size:22px; 
	line-height: normal;
	font-weight: bold;
}

img {
	border: 0;
	padding: 0;
}

/* for IE6, to solve disappearing img when floated next to a block level element */
* html img.floatLeft {position: relative;}
* html img.floatRight {position: relative;}

p img {padding: 2px; display: inline; vertical-align: middle;}

a {outline: none;}

a:link { 
	color: #0099CC;
}

#header  h1 a {
	margin: 0;
	padding: 0;
	font-size: 42px;
	font-family: PT Sans;
	font-weight: bold;
	color: #cc3300;
	line-height: 1.25;
	text-decoration: none;
	border: 0px solid red;}

#header  h2 {
	font-family: PT Sans;
	font-weight: normal;
	font-size: 26px;
	color: #000000;
	line-height: 1.25;
	text-decoration: none;
	border: 0px dotted red;}

#logoFooter img {
	display: block;
}

#logoFooter a {
	font-size: 12px;
}

#headerMainNav {																												
	position: relative;
	height: 52px;
	margin: 0;
	padding: 0;
	padding-top: 24px;
	border: 0px dashed green;
}

#mainMenu {
	height: 32px;
}
					
#mainMenu ul {float: left;}

#mainMenu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#mainMenu ul.globalNav li {
	float:left;
	margin:0;
	padding:0;
	position: relative;
}

#mainMenu ul.globalNav li ul li {background-image: none; width: auto; word-wrap: break-word;}

#mainMenu ul.globalNav li a {
	display:block;
	height:26px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 19px;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	text-transform: none;
	color:#000000;
	text-decoration:none;
}
#mainMenu ul.globalNav li a:hover, #mainMenu ul.globalNav li a:focus, #mainMenu ul.globalNav li a:active, #mainMenu ul.globalNav li a.selected {
	background-image: none;
	background-color: #ffcc00;
}
#header ul.subNav li a {
	display: block; 
	width: 150px;
	height:auto;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 7px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: normal; 
	color: #000000;
	background-image: none;
	text-transform:none; 
	text-decoration: none; 
	border: 0;}

#header ul.subNav li a:hover, #header ul.subNav li a:focus, #header ul.subNav li a:active {
	text-decoration: none; 
	background: none;
	background-color: #ffcc00;
	border:0;
	}
#header ul.subNav li a:visited {color: #000000;}

#header ul.subNav li:hover {/*background-color: #EBEBDF;*/}

#header ul.subNav {
	width: 176px;
	background-color:#efefef;
}

#header ul.subNav li ul {margin-left: 15px;}

ul.subNav {
	display: none;
	background-color:#efefef;	
	position: absolute;
	top: 38px;
	font-size: 13px;
	border: 0px solid #c0c0c0;
	line-height: normal;
	z-index: 11000;	
}

* html #header ul.subNav {background: none; background-color: #efefef;}

.indent {
	display: block;
	font-weight: normal !important;
	padding-left: 15px;
}

#mainMenu ul.subNav {left: 0;}

li:hover ul.subNav {display: block;}

#leftColumn {
	width:265px; 
	float:left;
	border:0px solid yellow;
}

/* Rotating Image Slider Styles */
.rm_wrapper{
	width:1192px;
	padding-top: 30px;
	margin:0 auto;
	position:relative;
	border: 0px solid blue;
	background: url(../images/contentbgtile.png) top center repeat-y;
	
}

.rm_container{
	width:1050px;
	overflow:hidden;
	position:relative;
	height:500px;
	margin:0 auto;
}
.rm_container h2{
	background:transparent url(../images/rm/lines.png) repeat top left;
	padding:10px 30px;
	position:absolute;
	bottom:170px;
	right:0px;
	color:#000;
	font-family: 'Varela Round';
	font-size:30px;
	text-transform:uppercase;
	text-shadow:1px 0px 1px #fff;
}
.rm_container ul{
	width:1170px;
}
.rm_container ul li{
	float:left;
	margin-left:-80px;
	position:relative;
	overflow:hidden;
	width:310px;
	height:465px;
	border:30px solid #ffffff;
	border-width:50px 30px 0px 30px;
	background-color:#ffffff;
}
.rm_container ul li img{
	position:absolute;
	top:0px;
	left:0px;
}
.rm_mask_right, .rm_mask_left{
	position: absolute;
	height: 110px;
	background: #ffffff;
	width: 530px;
	bottom: -30px;
	left: 0px;
	-moz-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	transform:rotate(-3deg);
}
.rm_mask_right{
	left:auto;
	right:0px;
	-moz-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	transform:rotate(3deg);
}
.rm_corner_right, .rm_corner_left{
	background: #ffffff;
	position:absolute;
	width:200px;
	height:100px;
	bottom:0px;
	left:-65px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.rm_corner_right{
	left:auto;
	right:-65px;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.rm_nav a{
	position:absolute;
	top:200px;
	width:38px;
	height:87px;
	cursor:pointer;
	opacity:0.7;
}
.rm_nav a:hover{
	opacity:1.0;
}
.rm_nav a.rm_next{
	background:transparent url(../images/rm/next.png) no-repeat top left;
	right:20px;
}
.rm_nav a.rm_prev{
	background:transparent url(../images/rm/prev.png) no-repeat top left;
	left:20px;
}
.rm_controls{
	position:absolute;
	top:20px;
	left:30px;
	height:20px;
}
.rm_controls a{
	cursor:pointer;
	opacity:0.7;
	padding-left:24px;
	font-size:16px;
	text-transform:uppercase;
	height:20px;
	float:left;
	line-height:20px;
}
.rm_controls a:hover{
	opacity:1.0;
}
.rm_controls a.rm_play{
	display:none;
	background:transparent url(../images/rm/play.png) no-repeat center left;
}
.rm_controls a.rm_pause{
	background:transparent url(../images/rm/pause.png) no-repeat center left;
}

/*  End Rotating Image Slider Styles */

#contentwraptop {	
	display: block;
	margin-top: 15px;
	width: 1192px;
	height: 12px;	
	background: url(../images/contentbordertop.png) no-repeat top center;
}

#content_wrap {
	position:relative;
	width: 1060px;
	padding-top: 30px;
	padding-left: 60px;
	padding-right: 72px;
	background: url(../images/contentbgtile.png) top center repeat-y;
	border: 0px solid yellow;
}

#intro {
	font-size: 31px;
	line-height:normal;
	color: #959595;
	padding-top: 20px;
	padding-bottom: 95px;
}

.orange {
	color:#F1632A;
}
#clientDetails {	
	position: relative;
	min-height: 375px;
	border: 0px solid blue;
}

.photo {
	position: absolute;
	top: 0;
	left: 0;
	width: 500px;
	height: 375px;
	border:0px dotted green;
}

/*#clientText .photo {
	width: 500px;
	height: 375px;
	border:1px dotted green;
}*/

#clientText {
	float:right;
	position:relative;
	width: 525px;
	min-height: 375px; 
	padding-left: 35px; 
	color: #959595;
	font-size:22px;
	border: 0px solid red;
}

#clientText h3 {
	color: #F1632A; 
	font-size:31px; 
	font-weight: bold;
	text-transform: none;
}

#clientText .unit { 
	font-size:31px;
	padding-bottom: 12px;
	border:0px solid red;
}

#clientText .tel { 
	padding-bottom: 15px;
	border:0px solid red;
}

#clientText .email { 
	padding-bottom: 15px;
	border:0px solid red;
}

#clientText .h4 { 
	font-size:16px;   
	font-weight:bold;
	text-transform:uppercase;
}

#clientText .hours { 
	line-height: 1.2;
	padding-bottom: 10px;
	border:0px solid red;
}

#clientText .url { 
	padding-bottom: 10px;
	border:0px solid red;
}

#clientText a:link {
	color: #0099CC;
	font-size: 22px;
	text-decoration: none;
}

#clientText a:hover {
	color: #0099CC;
	text-decoration: underline;
}

#clientDetails ul {
	margin:0;
	padding:0;
}

#clientDetails li {
  float: left;
}

#clientDetails li a {
	display: block;
	padding: 84px 10px 0;
	color: #0099CC;
	font-size: 16px;
	background-position: 50% 5px;
	background-repeat: no-repeat;
	text-decoration: none;
	border: 0px solid red;
}

#clientDetails li a#menu {
	background-image: url(../images/icon-pdf.png);
	font-size: 16px;
}

#clientDetails li a#map {
	background-image: url(../images/icon-map.png);
	font-size: 16px;
}

#contentBody {
	margin: 0;
	padding-top: 45px;
	padding-bottom: 48px;
	font-size:16px;
	line-height:1.25;
	border:0px solid red;
}

#contentBodyInside {
	margin: 0;
	padding: 0;
	border:0px solid red;
}

/* FOOTER STYLES */
#mapBox {
	display: block;
	width: auto;
	height: 330px;
	padding-top: 15px;
	padding-bottom: 85px;
	border: 0px solid red;
}

.mapLink {
	text-align:right;
	font-family: Arial, sans-serif;
	color: #0066CC;
	padding-right: 13px;
}

.mapText {
	float: left;
	padding-left: 10px;
	padding-top: 15px;
	color: #0066CC;
	font-size: 22px;
	border: 0px dashed maroon;
}

.mapText a:link, a:visited {
	color: #0066CC;
	text-decoration: none;
}

.mapText a:hover {
	text-decoration:underline;
}

.mapLink a:link, a:visited {
	text-align:right;
	text-decoration: none;
}

.mapLink a:hover {
	text-decoration:underline;
}

#footer {
	width: 1060px;
	height: 267px;
	margin: 0;
	text-align: center;
	font-size: 18px;
	line-height: normal;
	color: #000000;
	border:0px dotted red;
}

#footer a:link, #footer a:visited {
	font-size: 18px;
	color: #000000;
	text-decoration:none;
}

#footer a:hover {
	color: #0066CC;
	text-decoration:underline;
}