* {outline: none;}

body {
	background-attachment: fixed;
	background-color: #FFFFFF;
	background-image: url(images/gradient.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

a{
color:#333192;
}
img {border:none;}
a:hover {
color:#333333
}

h1 {
	color: #3d3c98;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 30px;
}
.line2 { font-size: 21px; }

h2 {
	color: #2fc4ee;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 18px;
}
.subtitle {
	color: #3d3c98;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 18px;
	font-style: italic;
}

h3 {
	color: #000000;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 21px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h4 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #ee4599;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 0;
}

.clear, br.clear { clear: both; margin: 0; padding: 0; }


.left{
float: left;
}

.right{
float: right;
}


.wrapper {
	width: 900px;
	margin: 0 auto;
}

/*header*/
.header .kids {
	background: url(images/header-kids.png) no-repeat bottom right;
	height: 175px;
	width: 865px;
	margin: 0 auto;
}
.header .logo { padding-top: 50px; }

.header .top {  }
.header .top .left { background: url(images/top-left.png) no-repeat; height: 8px; width: 16px; float: left; }
.header .top .right { background: url(images/top-right.png) no-repeat; height: 8px; width: 16px; float: right; }
.header .top .middle { width: 868px; height: 8px; float: left; background: #333192; }

/*navigation*/
.header .navigation-wrapper { background: #333192; text-align: center; clear: both; padding-bottom: 8px; }
.header .navigation { display: table; margin: 0 auto; }
.header .navigation .row { display: table-row; }
.header .navigation ul { margin: 0; padding: 0; }
.header .navigation ul li { margin: 0; padding: 0 20px; list-style: none; display: inline; }
.header .navigation ul li a {
	display: inline-block;
	padding: 5px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}
.header .navigation ul li a:hover {
	color: #ffffff;
	background: #3d3c98;
}

/*content*/
.content {
	background: #ffffff;
	border: 1px solid #333192;
	padding: 15px;
	/*min-height: 600px;*/
}

.content .billboard {
	margin-bottom: 20px;
}

.content .main {
	width: 540px;
	float: left;
	margin-left: 30px;
	margin-bottom: 10px;
}
.content .sidebar {
	width: 210px;
	float: right;
	margin-right: 30px;
	margin-bottom: 10px;
}

.slideshow { border: 1px solid #333192; }
.slideshow .slide .caption {
	padding: 5px 10px;
	background: #333192;
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}



.top a {
	padding: 5px 10px;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	margin: 15px 0;
	text-align: center;
	display: block;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
.top a:hover {
	color: #666666;
	background: #efefef;
}

/*home*/
ul.home-buttons  {margin: 0; padding: 0}
ul.home-buttons li { margin: 10px 0; padding: 0; list-style: none; }

ul.home-buttons li a { 
	background-image: url(images/home-buttons.png);
	background-repeat: no-repeat;
	width: 210px;
	display: block;
	text-indent: -9999px;
}

a.home-doctors {
	height: 51px;
	background-position: 0 0;
}
a.home-directions {
	height: 51px;
	background-position: 0 -60px;
}
a.home-forms {
	height: 51px;
	background-position: 0 -120px;
}
a.home-contact {	
	height: 51px;
	background-position: 0 -180px;
}
a.home-facebook { 
	height: 60px;
	background-position: -221px -240px;
}


a.home-doctors:hover {
	height: 51px;
	background-position: -221px 0;
}
a.home-directions:hover {
	height: 51px;
	background-position: -221px -60px;
}
a.home-forms:hover {
	height: 51px;
	background-position: -221px -120px;
}
a.home-contact:hover {
	height: 51px;
	background-position: -221px -180px;
}
a.home-facebook:hover {
	height: 60px;
	background-position: 0 -240px;
}

/*box*/
.box { margin-bottom: 30px; }
.box h1 {
	font-size: 42px;
	letter-spacing: 1px;
	color: #ffffff;
	margin: 0;
	font-weight: normal;
}
.box h2 {
	font-size: 30px;
	letter-spacing: 1px;
	color: #ffffff;
	margin: 0;
	font-weight: normal;
}
.box ul { margin: 0; padding: 0; }
.box ul li { margin: 0; padding: 0; list-style: none; }

/*about*/
.about .box { background: url(images/about-box.png) bottom right no-repeat; width: 870px; height: 200px; }
.about .box .text { padding: 20px 30px; }
.about .content .main { width: 350px;}
.about .content .sidebar { width: 400px; }
.about .content .main2 { width: 580px; float: right; margin-right: 30px; margin-left: 0; border-left: 1px solid #cccccc;  }
.about .content .main2 .padding { padding-left: 25px; }
.about .content .sidebar2 { width: 200px; float: left; margin-left: 30px; margin-right: 0;  }
.about .content .main2 h4 { color: #2fc3ed; margin-top: 0px; font-size: 24px; }

.about ul li { margin: 3px 0; }

.about a.bishop {
	background: url(images/about-doctors.png) no-repeat 0px 0px;
	text-indent: -9999px;
	width: 315px;
	height: 26px;
	display: block;
}
.about a.bishop:hover {
	background: url(images/about-doctors.png) no-repeat -321px 0px; 
}

.about a.bertot {
	background: url(images/about-doctors.png) no-repeat 0px -29px;
	text-indent: -9999px;
	width: 315px;
	height: 26px;
	display: block;
}
.about a.bertot:hover {
	background: url(images/about-doctors.png) no-repeat -321px -29px; 
}

.about a.smith {
background: url(images/about-doctors.png) no-repeat 0px -58px;
	text-indent: -9999px;
	width: 315px;
	height: 26px;
	display: block;
}
.about a.smith:hover {
	background: url(images/about-doctors.png) no-repeat -321px -58px; 
}

.about a.mansour {
background: url(images/about-doctors.png) no-repeat 0px -87px;
	text-indent: -9999px;
	width: 315px;
	height: 26px;
	display: block;
}
.about a.mansour:hover {
	background: url(images/about-doctors.png) no-repeat -321px -87px; 
}


/*forms*/
.forms .box { background: url(images/forms-box.png) bottom right no-repeat; width: 870px; height: 201px; }
.forms .box .text { padding: 20px 30px; width: 460px; }
.forms .content .main { width: 485px;}
.forms .content .sidebar { width: 280px; }
.forms .content .main ul { margin: 5px 0 20px 0; padding: 0; border-top: 2px solid #cccccc; }
.forms .content .main ul li { margin: 0; padding: 0; list-style: none; }
.forms .content .main ul li a { text-decoration: none; display: block; padding: 5px; border-bottom: 1px solid #cccccc; }
.forms .content .main ul li a:hover { background: #efefef; color: #333333; }

/*faq*/
.faq .box { background: url(images/faq-box.png) bottom right no-repeat; width: 870px; height: 201px; }
.faq .box .text { padding: 20px 30px; }
.faq .content .main { width: 535px; float: right; margin-right: 30px; margin-left: 0; border-left: 1px solid #cccccc; }
.faq .content .main .padding { padding-left: 25px; }
.faq .content .sidebar { width: 265px; float: left; margin-left: 30px; margin-right: 0; }
.faq .content .sidebar ul { margin: 0 0 0 20px; padding: 0;}
.faq .content .sidebar ul li { margin: 0; padding: 5px 0; font-size: 12px; }
.faq .content .sidebar ol li { margin: 0; padding: 5px 0; font-size: 12px; }
.faq .content .main .q {
	color: #d6d6d6;
	font-size: 30px;
	font-weight: bold;
}



/*post-op-care*/
.post-op-care .box { background: url(images/postop-box.png) bottom right no-repeat; width: 870px; height: 201px; }
.post-op-care .box .text { padding: 20px 30px; width: 460px; }
.post-op-care  .content .main { width: 535px; float: right; margin-right: 30px; margin-left: 0; border-left: 1px solid #cccccc; }
.post-op-care  .content .main .padding { padding-left: 25px; }
.post-op-care  .content .sidebar { width: 265px; float: left; margin-left: 30px; margin-right: 0; }
.post-op-care  .content .sidebar ul { margin: 0 0 0 20px; padding: 0;}
.post-op-care  .content .sidebar ul li { margin: 0; padding: 5px 0; list-style-image: url(images/arrow.png); font-size: 12px; }
.post-op-care .content .main h4 { color: #78c13c;}

/*contact*/
.contact .box { background: url(images/contact-box.png) bottom right no-repeat; width: 870px; height: 257px; }
.contact .box .text { padding: 20px 30px; width: 450px }
.contact .content .main { width: 280px;}
.contact .content .sidebar { width: 450px; }

.contact table.hours td { border-bottom: 1px solid #d6d6d6; padding: 5px; }
.contact table.hours { border-top: 1px solid #d6d6d6; }
.contact .directions-link { margin-top: -30px; float: right; clear: both; font-size: 12px; }
.contact .fine-print { color: #888888; font-size: 12px; text-align: center; }

.contact table.contact-form td { padding: 5px; font-size: 12px; color: #666666; font-weight: bold; }
.contact table.contact-form input, .contact table.contact-form textarea { 
	background: #ffffff;
	border: 1px solid #d6d6d6;
	padding: 3px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
.contact table.contact-form .submit {
	background: #2fc4ee;
	color: #ffffff;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 16px;
	border: 0;
}
.contact table.contact-form .reset {
	background: #cccccc;
	color: #ffffff;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 16px;
	border: 0;
}
.contact .white {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}


/*footer*/
.footer { text-align: center; margin: 20px 0; }
.footer .navigation { display: table; margin: 0 auto; }
.footer .navigation .row { display: table-row; }
.footer .navigation ul { margin: 0; padding: 0; }
.footer .navigation ul li { margin: 0; padding: 0; list-display: none; display: inline; }
.footer .navigation ul li a {
	display: inline-block;
	padding: 0 5px 0 8px;
	border-left: 1px solid #c9c8e2;
	color: #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.footer .navigation ul li a:hover { color: #c9c8e2; }
.footer .navigation ul li.noborder a { border: 0; }

.footer .info {
	border-top: 1px solid #4a48b8;
	padding: 20px;
	margin-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 11px;
}