@charset "UTF-8";
/* CSS Document */

/* Main template
---------------------------------------------------------- */
body {
}
div.outer {
	background: url(../images/bg-tile.jpg) center top repeat-y;
}
div.container {
	width: 1013px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
div.header {
	height: 17.3em;
	background: url(../images/header.jpg) center top no-repeat;
}
div.collage, #collage {
	position: relative;
	z-index: 1;
	top: -9px;
}
div.content {
	margin: 0 2em 0 1.5em;
}
.content h1 {
	background: url(../images/blue-lozenge.jpg) top left no-repeat;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 1em 0;
	padding: 1em 0.6em;
	width: 452px;
}
.content p.phone {
	font-size: 1.8em;
}
div.mainContent {
	margin: 0 0.6em 1.5em;
}
div.mainContent.left {
	width: 68.5em;
}
.mainContent h2 {
	font-size: 1.8em;
	font-weight: normal;
}
.mainContent h3 {
	font-size: 1.3em;
}
.mainContent hr {
	border: none;
	clear: both;
}
.mainContent li {
	font-size: 1.2em;
	margin-left: 1.5em;
}

.mainContent img.left {
	margin: 0 0.5em 0.5em 0;
}
.mainContent img.right {
	margin: 0 0 0.5em 0.5em;
}
.mainContent h3 {
	font-size: 1.3em;
}
.mainContent h2.latestTitle {
	font-size: 2.3em;
}
.mainContent p {
	text-align: justify;
}
div .preFooter {
	margin: 1em 0;
}
div.footer {
	clear: both;
	margin-bottom: 3px;
}
div.footer p {
	margin: 1em 2em;
}
div.sidebar {
	margin-bottom: 2.5em;
}
div.pageBottom {
	clear: both;
	height: 53px;
	background: url(../images/bgBottom.jpg) center top no-repeat;
}
/* Nav
---------------------------------------------------------- */
div.mainNav {
	height: 4.3em;
	margin: 0.3em 0;
	background: url(../images/mainNav.jpg) left top;
	position: relative;
	z-index: 100;
}
.mainNav ul {
	list-style: none;
	padding: 9px 3.5em;
}
.mainNav ul li {
	float: left;
	font-size: 14px;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	font-style: normal;
	font-weight: normal;
	padding: 0;
	margin-right: 0.6em;
	position: relative;
}
.mainNav ul li a {
	display: block;
	height: 46px;
}
.mainNav ul li a span{
	margin: 0;
	padding: 3px 10px 0 10px;
	display: block;
	height: 100%;
}
.mainNav ul li.active {
	background: url(../images/navActiveTIle.jpg) left top repeat-x;
}
.mainNav ul li.active span {
	display: block;
	height: 100%;
	background: url(../images/navActiveLeft.jpg) left top no-repeat;
}
.mainNav ul li.active a {
	background: url(../images/navActive.png) center bottom no-repeat;
}
.mainNav ul li.active ul li a {
	background: none;
}
.mainNav ul li.active a span {
	background: url(../images/navActiveRight.jpg) right top no-repeat;
}
/*dropdowns*/
.mainNav ul li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 33px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	border: 1px solid;
}
.mainNav ul li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid; /*--Create bevel effect--*/
	border-bottom: 1px solid; /*--Create bevel effect--*/
	clear: both;
}
html .mainNav ul li ul.subnav li a {
	float: left;
	width: 200px;
	padding-left: 10px;
	height: 25px;
}

/* Gallery
---------------------------------------------------------- */
div.scrollable { 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 100%; 
    height: 20.5em; 
} 
div.scrollable ul.gallery { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	height: 20.5em; 
} 
.prevPage {
	display: block;
	padding: 24px 0 0 0;
	overflow: hidden;
	background: url(../images/left-right-arrows.png) no-repeat 0px -25px;
	width: 24px;
	height: 0px !important;
	height /**/: 24px;
	cursor: pointer;
}
.nextPage {
	display: block;
	padding: 24px 0 0 0;
	overflow: hidden;
	background: url(../images/left-right-arrows.png) no-repeat -26px -25px;
	width: 24px;
	height: 0px !important;
	height /**/: 24px;
	cursor: pointer;
}
.prevPage.disabled {
	background-position: top left;
	cursor: auto;
}
.nextPage.disabled {
	background-position: top right;
	cursor: auto;
}

ul.gallery {
	list-style: none;
	overflow: hidden;
}
ul.gallery li {
	float: left;
	margin: 1em 0 1em 2.5em;
	text-align: center;
}
ul.gallery li:hover {
	cursor: pointer;
}
ul.gallery li h2 {
	font-weight: normal;
	font-size: 1.5em;
}
ul.gallery li div.picture div.beforeAfter {
	width: 200px;
	height: 135px;
	margin-bottom: 0.5em;
}
ul.gallery li .picture .beforeAfter {
	border: 1px solid;
}
ul.gallery li div.picture {
	float: left;
	width: 202px;
	margin-right: 2.5em;
}
ul.gallery li div.info {
	float: left;
	width: 202px;
	margin: 0 2.5em;
}
ul.gallery li div.info p {
	text-align: justify;
	font-size: 1.1em;
}
div.scrollNav {
	padding: 1em 2em 2em;
}

/* Forms
---------------------------------------------------------- */
.inputTable,
.inputTable .txtField,
.inputTable textarea {
	width: 100%;
}
.txtField, textarea {
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	font-size: 1.2em;
	margin-bottom: 1em;
	border: 1px solid #6D9FC4;
	padding: 0.3em 0;
	text-indent: 0.3em;
	color: #9B99B3;
}

/* Tables
---------------------------------------------------------- */
table th,
table td {
	font-size: 1.2em;
}
table th {
	font-weight: normal;
	padding: 0 2em 0.2em 0;
}

/* Page specific
---------------------------------------------------------- */
#contactForm {
	width: 27.7em;
	margin-right: 3.3em;
}
#contactForm #security_code{
	width: 14em;
}
.contact-us div.mainContent.left {
	width: 37em;
}