@import"reset.css";
@import"grid.css";
@import"forms.css";
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);
body{
	background: url(../images/body-bg.gif) 50% 0;
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#78848e;/*grey text under make an appointment*/
	position:relative;
	min-width:980px;
}
html,body{height:100%;}
html {min-width:980px;}
/* Global Structure---------------------------------------- */
.main{
	margin:0 auto;
	position:relative;
	width:980px;
	background:#fff;
}
/*----- alignment & clearing -----*/
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}

.clear{
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper{
	overflow:hidden;
	position:relative;
}
.extra-wrap{
	overflow:hidden;
	display:block;
}
/*  Header styles */
h1,h2,h3,h4,h5,h6{
	color:#3a4147;/*black text for heading make an appointment etc. on home page*/
	padding:0 0 16px 0;
	font-weight:normal;
	font-family: 'Ubuntu', sans-serif;
	text-shadow:0 0 1px rgba(58,65,71,.5)
}
h1{font-size:36px; line-height:42px;}
h2{font-size:30px; line-height:36px;}
h3{font-size:26px; line-height:32px;} 
h4{font-size:20px; line-height:24px;}  
h5{font-size:18px; line-height:22px;}
h6{font-size:16px; line-height:20px;}
.main-head {
	background:url(../images/heading-bg.png) repeat-x 0 bottom;
	margin:0 0 24px 0;
}
/*----- text & typography -----*/
.def-list-1 dt {
	color:#3a4147;
	display:block;
	font-size:13px;
	line-height:21px;
}
.def-list-1 dd {
	padding:0 0 36px 0;
	font-size:13px;
	line-height:21px;
}
.str-1 {
	font-weight:normal;
	color:#3a4147;
}
.dropcap {
	float:left;
	font-family: 'Ubuntu', sans-serif;
	font-weight: normal;
	font-size:46px;
	line-height:56px;
	color:#9E1C31;/* maroon color used for buttons etc throughout the site*/
	width:40px;
	margin:-7px 12px 0 0;
}
.dropcap_1 {
	display:block;
	float:left;
	width:48px;
	text-align:center;
	background:url(../images/dropcap-1.png) no-repeat 0 0;
	padding:12px 0 17px 5px;
	font-family: 'Ubuntu', sans-serif;
	font-size:20px;
	line-height:24px;
	color:#fff;
	margin:5px 15px 0 0;
}
.dropcap_1.bg-2 {background:url(../images/dropcap-2.png) no-repeat 0 0;}
.dropcap_1.bg-3 {background:url(../images/dropcap-3.png) no-repeat 0 0;}
/*----- borders & lines -----*/

/*----- boxes -----*/
.product-box {
	width:259px;
	padding:10px;
	background:#575f66;
	margin:0 0 20px 0;
}
.product-box:hover {background:#9E1C31;}/*This is the color that controls the hover around the staff phootos*/
.product-title {
	color:#fff;
	font-size:20px;
	line-height:24px;
	font-weight:normal;
	padding:0 0 6px 11px;
	display:block;
}

.product-box p {
	color:#bcc3c9;
	padding:0 30px 12px 11px;
}
.product-box:hover p {
	color:#fff;
}
.product-box a {
	color:#bcc3c9;
}
.product-box:hover a {
	color:#fff;
}
.product-box:hover a:hover {
	color:#3a4147;
	text-decoration:none;
}

.col-1 {
	float:left;
	width:249px;
	margin:0 40px 0 10px;
}
.col-2 {
	float:left;
	width:651px;
}
/*----- indents -----*/
.a1 {margin:0 10px;}
.img-indent {
	float:left;
	margin:7px 10px 0 0;
}
.img-indent-r {
	float:right;
	margin:7px 10px 0 0;
}
.img-indent-bot {margin:0 0 23px 0;}

p {padding-bottom:18px;}
.p {padding-bottom:18px;}
.p0 {padding-bottom:0 !important;}
.p1 {padding-bottom:38px;}
.p2 {padding-bottom:24px;}

.pad-left {
	padding-left:73px;
}
/*----- lists -----*/
.list-1 {padding:0 0 32px 0;}
.list-1 li {
	display:block;
	line-height:18px;
	padding:0 0 10px 0;
}
	.list-1 li a {
		color:#9E1C31;/* list under services on home page*/
		font-size:13px;
		text-decoration:none;
		transition:all 300ms linear;
		-moz-transition:all 300ms linear;
		-webkit-transition:all 300ms linear;
		-o-transition:all 300ms linear;
	}
		.list-1 li a:hover {
			text-decoration:none;
			color:#3a4147;
		}

.list-2 li {
	border-top:1px solid #e8e8e8;
	padding:10px 0 20px;
}
	.list-2 li:first-child {
		border:none;
		padding:0 0 20px 0;
	}

.list-3 {
	padding:5px 0 0 0;
}
.list-3 li {
	padding:0 0 1px 0;
}
.list-3 li a {
	display:block;
	font-family: 'Ubuntu', sans-serif;
	font-size:20px;
	line-height:24px;
	color:#fff;
	background:#575f66;
	padding:7px 5px 8px 14px;
	text-decoration:none;
	transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-webkit-transition:all 300ms linear;
}

.list-3 li a:hover {
	background:#febc0a;
}
/*----- buttons & links -----*/
a {
	color:inherit;
	text-decoration:none;
	cursor:pointer;
}
	a:hover {text-decoration: underline;}
p a, dl a {color:#fe970a;}
.button {
	display: inline-block;
	text-decoration: none;
	padding: 6px 16px 5px 16px;
	background: #9E1C31; /*button on the home page maroon*/
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	background-color: #9E1C31;
}
	.button:hover {text-decoration:none; background:#575f66;}

.link {
	color:#9E1C31;
	text-decoration:none;
	transition:300ms all linear;
	-o-transition:300ms all linear;
	-moz-transition:300ms all linear;
	-webkit-transition:300ms all linear;
}
	.link:hover {text-decoration: none; color:#fe970a;}
	
.link-1 {
	color:#9E1C31;/*This is the color that works the links at the end of the paragraphs on the links page.*/
	text-decoration:none;
}
	.link-1:hover {
		color:#78848e;
		text-decoration:none;
	}

/*********************************header*************************************/
header{
	padding:28px 0 45px;
	position:relative;
	z-index:2;
	width:940px;
	margin:0 auto;
}

.logo {
	float:left;
	position:relative;
	background: url(../images/logo.png) no-repeat 0 0;
	width:281px;
	height:136px;
	overflow:hidden;
	text-indent:-999em;
}



/********************** Navigation ************************/
nav {
	float:right;
	padding:16px 0 0 0;
}

.sf-menu{
	min-height:64px;
	padding:0;
	margin:0;
	background:url(../images/nav-border.png) no-repeat 0 0;
}
.sf-menu ul{
	position:absolute;
	top:-999em;
	width:149px;
	left:0;
	display:none;
	padding:17px 0 0 0;
	margin:0;
	background: url(../images/sub-nav-bg.png) no-repeat 0 0;
}
.sf-menu ul ul {
	background:none;
	padding:0;
}
.sf-menu > li{
	position:relative;
	margin:0;
	float:left;
}
.sf-menu > li > a {
	text-decoration:none;
	display:block;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:18px;
	padding:23px 44px;
	text-transform: capitalize;
	color:#fff;
	transition:300ms all linear;
	-o-transition:300ms all linear;
	-moz-transition:300ms all linear;
	-webkit-transition:300ms all linear;
	background:url(../images/nav-border.png) no-repeat right 0;
}

	.sf-menu > li.current > a, .sf-menu > li > a:hover, .sf-menu > li.sfHover > a {
		color:#9E1C31;/*maroon color that is in the navigation*/
		text-decoration:none;
	}

.sf-menu li:hover ul,.sf-menu li.sfHover ul{top:53px; left:20px; z-index:999;}
.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em}
.sf-menu li.current,.sf-menu li:hover,.sf-menu li.sfHover{
	text-decoration:none;
}
.sf-menu li li a{
	display:block;
	margin:0;
	position:relative;
	text-decoration:none;
	font-size:13px;
	line-height:18px;
	color:#fff;
	overflow:hidden;
	padding:6px 5px 6px 20px;
	font-family: Tahoma, Geneva, sans-serif;
	background:#51575b;
	transition:300ms all linear;
	-o-transition:300ms all linear;
	-moz-transition:300ms all linear;
	-webkit-transition:300ms all linear;
}
.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current > a{
	background:#dall37;
}

.sf-menu li li{
	float:none;
	position:relative;
	margin:0;
}

.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:149px;top:0px;}

/********************** Slider ************************/
.slider-container {
	background:url(../images/slider-container-tail.gif) repeat-x 0 bottom #bdc0c4ba;
}
.slider-box {
	position:relative;
	min-height:539px;
	background:url(../images/slider-box-bg.jpg) no-repeat center bottom;
}
.slider-box .inner {
	width:940px;
	margin:0 auto;
	position:relative;
	min-height:539px;
}
.slider-box .ind-top {padding:85px 0 0 0;}
.mp-slider {
	margin:0 0 0 475px;
	font-family: 'Ubuntu', sans-serif;
	text-transform:uppercase;
	position:relative;
	overflow:hidden;
	height:216px;
}
.mp-slider .row-1 {
	font-weight:bold;
	font-size:50px;
	line-height:81px;
	color:#9E1C31;/*Test color in the slider */
}
.mp-slider .row-2 {
	font-weight:bold;
	font-size:34px;
	line-height:50px;
	color:#dall37;
	margin:-15px 0 0 0;
	letter-spacing:-1px;
}
.mp-slider-controls {
	position:absolute;
	bottom:53px;
	right:25px;
	width:106px;
	height:51px;
}
.mp-slider-prev {
	display:inline-block;
	background:url(../images/slider-controls.png) no-repeat 0 0 #fff;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	font-size:0;
	line-height:0;
	width:51px;
	height:51px;
	box-shadow:1px 1px 2px #d2d3d3; 
}
.mp-slider-prev:hover {
	box-shadow:none;
	background:url(../images/slider-controls.png) no-repeat 0 bottom #b5bbc1;
}
.mp-slider-next {
	display:inline-block;
	background:url(../images/slider-controls.png) no-repeat right 0 #fff;
	border-radius:25px;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	font-size:0;
	line-height:0;
	width:51px;
	height:51px;
	box-shadow:1px 1px 2px #d2d3d3; 
}
.mp-slider-next:hover {
	box-shadow:none;
	background:url(../images/slider-controls.png) no-repeat right bottom #b5bbc1;
}
/********************** Content ************************/

section#content {
	position:relative; 
	z-index:1;
	background:#f4f4f8;/*The color behind the box on index page thaat has make an appointment in it. Also color behind texton links page.*/
	padding:53px 0 60px;
}

.map-container {padding:5px 0 21px;}
.map-container iframe {
	width:290px;
	height:287px;
	margin:0;
	border:none;
}

.adress dt {
	dispaly:block;
	font-size:13px;
	line-height:21px;
	color:#3a4147;
	font-weight:normal;
	padding:0;
}
.adress dd {
	font-size:13px;
	line-height:21px;
	color:#78848e;
	overflow:hidden;
}
.adress dd span {
	float:left;
	width:90px;
}
.adress dd a {color:#9E1C31;}

.content-box {
	width:940px;
	margin:0 auto;
	padding:0;
}
.inner-404 {
	background: url(../images/page404-img.png) no-repeat 0 11px;
	padding:0 0 0 480px;
	min-height:300px;
}
.heading-404 {
	display:block;
	font-family: 'Ubuntu', sans-serif;
	color:#3a4147;
	font-weight:normal;
	font-size:56px;
	line-height:68px;
	letter-spacing:-1px;
}
strong.heading-404 {
	padding:0 0 14px 0;
}
b.heading-404 {
	font-size:36px;
	line-height:44px;
	margin:0;
}
b.heading-404 + b.heading-404 {
	font-size:36px;
	line-height:44px;
	margin:-4px 0 20px 0;
}

.inner-404 p {
	color:#78848e;
	font-size:13px;
	line-height:18px;
	padding:0 115px 18px 0;
}
.inner-404 p.last {padding: 0 115px 27px 0;}

/******************** Footer ******************/
footer {
	margin:0 auto;
	color:#fff;
	font-size:13px;
	padding:30px 0;
	overflow:hidden;
	width:940px;
}
footer a {color:#9E1C31; text-decoration:none;}
	footer a:hover {text-decoration:underline;}