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

/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin: 0;
	padding: 0;
} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {
	height: 100%;
}

body {
	background: url('images/background.png');
	background-repeat: repeat;
	border-top: 5px solid #bbb2a4;
	width: 100%;
}

#wrap {
	min-height: 100%;
	width: 100%;
}

#main {
	width: 960px;
	margin: 0 auto;
	overflow: auto;
	display: block;
	padding-bottom: 300px;
} 

#sidebar {
	width: 170px;
	float: left;
	position: relative;
}

#sidebar #logo {
	margin: 50px auto 25px auto;
	width: 162px;
	height: 98px;
	border: none;
}

#sidebar #special {
	margin: 10px auto 15px auto;
	border: none;
}

#sidebar ul {
	width: 170px;
	float: right;
	list-style-type: none;
}

#sidebar ul li {
	height: 30px;
	text-align: right;
	border-right: 10px solid #7e7e7e;
	border-bottom: 1px solid #dedede;
	margin: 0px 0px 1px 0px;
	padding: 0px 5px 0px 0px;
}

#sidebar ul li:hover {
	border-right: 10px solid #250858;
}

#sidebar ul li a {
	font-family: Verdana, Geneva, sans-serif;
	color: #250858;
	padding: 3px;
	font-size: 14px;
	line-height: 30px;
	text-decoration: none;
}

#sidebar p {
	font-family: Verdana, Geneva, sans-serif;
	color: #2c2c2c;
	font-size: 14px;
	line-height: 22px;
	margin: 10px 0px;
	text-align: right;
}

#sidebar .sidehours {
	padding: 30px 10px 0px 0px;
	clear: both;
}

#sidebar .sidehours img {
	margin: 0px 5px 8px 0px;
}

#content {
	width: 800px;
	background: url('images/content-background.png');
	background-repeat: repeat-y;
	margin-left: 160px;
	padding-bottom: 20px;
	min-height: 1100px;
}

#content .feature {
	margin: 60px;
	margin-top: 10px;
	margin-bottom: 25px;
}

#content .coupon {
	display: block;
	margin: 15px auto;
}

#content .testimonial-image {
	display: block;
	margin: 0 auto;
}

#content h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	line-height: 34px;
	font-weight: 300;
	color: #bbb2a4;
	margin-left: 25px;
}

#content h2 {
	font-family: Verdana, Geneve, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #250858;
	margin-left: 30px;
}

#content .title-underline {
	width: 740px;
	height: 10px;
	margin: 10px auto;
	display: block
}

#content p {
	font-family: Verdana, Geneva, sans-serif;
	color: #2c2c2c;
	font-size: 14px;
	line-height: 22px;
	margin: 15px 30px;
	text-align: justify;
}

#content li {
	font-family: Verdana, Geneva, sans-serif;
	color: #2c2c2c;
	font-size: 14px;
	line-height: 22px;
	margin: 5px 30px;
	text-align: justify;
}

#content ul {
	margin-left: 50px;
}

#content .portrait {
	width: 135px;
	height: 150px;
	float: left;
	margin: 10px 15px 15px 30px;
	border: none;
}

#content .tech-portrait {
	width: 135px;
	height: 150px;
	float: left;
	margin: 20px 15px 15px 0px;
	padding-right: 20px;
	border: none;
}

#content .service-portrait {
	width: 135px;
	height: 150px;
	float: left;
	margin: 0px 15px 15px 5px;
	padding-right: 20px;
	border: none;
}

#content .download-button {
	width: 185px;
	height: 65px;
	float: left;
	margin: 20px 15px 15px 0px;
	padding-right: 20px;
	border: none;
}

#content .tech-list li {
	width: 725px;
	float: right;
	list-style: none;
}

#content .form-list li {
	width: 700px;
	float: right;
	list-style: none;
}

#content .team {
	display: block;
}

#content .contactline {
	font-size: 23px;
	font-style: italic;
	text-align: center;
	margin: 0px;
	padding-top: 40px;
}

#main #content-bottom {
	margin-left: 160px;
}

#main .acordian {
	list-style-type: none;
	margin-left: 0px;
}

#main .acordian li {
	border-left: 10px solid #7e7e7e;
	border-bottom: 1px solid #dedede;
	padding: 0px 0px 0px 15px;
}

#main .acordian li a {
	cursor: pointer;
	padding: 5px;
}

#main .acordian li:hover {
	border-left: 10px solid #250858;
}

#main .acordian div {
	min-height: 160px;
}

#main .results {
	list-style-type: none;
}

#main .results p {
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

#main .results .patient {
	display: block;
	width: 450px;
	height: 100px;
	margin: 10px 30px;
}

#main #content #map {
	display: block;
	margin: 0 auto;
	width: 300px;
	border: 1px solid #bbb2a4;
}

#main .tech-office {
	margin: 0 auto;
	padding: 5px;
}

#main .tech-office li {
	float: left;
	margin: 10px;
	list-style: none;
}

table td {
	vertical-align: top;
}

table tr {
	border-bottom: 1px solid #7e7e7e;
}

#content table p {
	text-align: left;
	margin: 10px 15px;
	font-size: 11px;
}

#footer {
	width: 960px;
	margin: 0 auto;
	position: relative;
	margin-top: -300px;
	height: 300px;
	clear: both;
} 

#footer .column {
	width: 300px;
	padding: 20px 10px;
	float: left;
}

#footer .column ul {
	list-style-type: none;
}

#footer .column li.sub {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 100;
	line-height: 20px;
	color: #2c2c2c;
	display: inline-block;
	width: 300px;
	padding: 10px;
}

#footer .column li a, a {
	color: #250858; 
	text-decoration: none;
}

#footer .column li a:hover, a:hover {
	text-decoration: underline;
}

#footer .column img {
	border: none;
}

#footer .column li.title {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: 100;
	color: #2c2c2c;
	display: block;
	width: 270px;
	padding: 10px;
	font-weight: bold;
}

#footer .column .footer-break {
	width: 300px;
	height: 8px;
}

#footer .social img {
	margin-right: 10px;
}

.footer-nav {
	overflow: hidden;
	margin: 0 5px;
	width: 135px;
	float: left;
}

.outtermodal {
	position: absolute;
	background: #eee;
	border: 10px solid #fff;
	width: 500px;
	padding: 25px;
	margin: auto auto;
	z-index: 100;
	-moz-box-shadow: 0px 0px 20px #555;
	-webkit-box-shadow: 0px 0px 20px #555;
	box-shadow: 0px 0px 20px #555;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;/* thank you Erik J - negate effect of float*/
}