html,
button,
input,
select,
textarea {
    color: #333;
}

body {
    font-size: 1em;
    line-height: 1.4;
	background-color: #efefef;
	text-align: justify;
}
::-moz-selection {
    background: #b3d4fc;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
img {
    vertical-align: middle;
	border:none;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

#map_canvas{
	width: 650px;
	height: 350px;
	margin: 0 0 15px 0;
}

.locmap{

}

.local p, footer p, .location-item p{
	margin: 0;
}

.location-item{
	margin: 0 0 10px 0;
}
/* ==============
    Main styles
   ============== */
body {
    font: 14px/20px Helvetica, Helvetica Neue, Arial;
}

p{
	margin: 0 0 10px 0;
}
.wrapper {
    width: 90%;
    margin: 0 5%;
}
.header-container{
	height:auto;
	background:#FFF;
}
h1.logo{
	max-width:400px;
	height:92px;
	display:block;
	text-indent:-999em;
	background:transparent url(../images/logo.png) left top no-repeat;
	margin-top:40px;
	margin-bottom:0px;
	position:relative;
}
#Search, #SearchForm_SearchForm_Search_Holder{
	float:left;
}
#SearchForm_SearchForm {
    font-family: 'ubunturegular',Helvetica,Arial,sans-serif;
    padding-bottom: 15px;
	float:left;
}
#SearchForm_SearchForm_Search {
    /*background: #4BC0C7;*/
	background: #4bb1c7;
    border: medium none;
    float: left;
    font-family: 'ubunturegular',Helvetica,Arial,sans-serif;
	color: #FFFFFF;
    height: 26px;
    padding: 2px 0 2px 10px;
    width: 150px;
}
#SearchForm_SearchForm_action_results {
    /*background-color: #028C8C;*/
	background-color: #02778c;
    border: medium none;
    color: #FFFFFF;
    float: left;
    font-family: 'ubunturegular',Helvetica,Arial,sans-serif;
    height: 30px;
    width: 35px;
}
.banner-container{
	height:275px;
	/*background:#4BC0C7 url(../images/bg_top.jpg) repeat-x;*/
	background:#4bb1c7 url(../images/bg_top.jpg) repeat-x center;
	z-index:99;
	overflow:hidden;
}
.main-container{ background:#FFF;}
.main-container .main {
	background:#FFF;
}
.banner-text{
	padding:20px 10px 20px 0px ;
	height:235px;
	overflow:hidden;
	float:left;
}

.banner-text h1{
	color:#FFF;
	font-size:22px;
	line-height:normal;
	font-weight:normal;
	font-style:italic;
}
.banner-image{
	display:none;
}

.footer-container,
.main .side {
    background: #FFF;
}
.main {
    padding: 20px 0;
}
.main .side {
    padding: 0px 2% 5px ;
}

.side h3{
	background: #4bb1c7;
	margin-bottom:0;
	padding: 10px ;
	color:#FFF;
	margin: 0 0 10px 0;
}

.doctorbox{
	display:block;
	float:left;
	max-width:100%;
	min-height:150px;
	background-color:#FFF;
	padding-bottom:10px;
}
.doctorbox a:hover, .doctorbox a {
	text-decoration:none !important;
}
.doctorbox img, .doctor-img{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.doctorbox img{
	filter:grayscale(100%);
}
.doctorbox .title, .title{
	/*background: #4BC0C7;*/
	background: #4bb1c7;
	padding:10px;
	color:#FFF;
	font-weight:bold;
	margin-bottom:10px;
}
.doctorbox a.link{
    /*color: #4BC0C7;*/
	color: #4bb1c7;
	text-decoration:underline !important;
}
.doctorbox a:hover.link{
    color: #333;
	text-decoration:underline !important;
}
.blue{
	/*color: #4BC0C7;*/
	color: #4bb1c7;
}
.footer-container{ 
	height:150px;
	/* url(../images/bg_bot.jpg) repeat-x;*/
	/*background: #4BC0C7;*/
	background: #4bb1c7;
}

h1,h2,h3,h4 {
	font-family: 'ubunturegular';
	line-height: 120%;
}
h2{
	font-size:22px;
	font-weight:bold;
	line-height:normal;
	margin: 15px 0 5px 0;
}

h3{
	margin: 15px 0 0 0;
}
.main .side.turquoise h3{
	font-size:18px;
	font-weight:normal;
	line-height:normal;
	margin:10px 0;
}

p.title{ 
	font-size:16px;
	font-family: Helvetica, Arial,sans-serif;
}

.footer-container footer {
    color:#FFF;
    padding: 20px 0;
}
.footer-container a{
	color:#FFF;
}

a {
	/*color: #4BC0C7;*/
	color: #4bb1c7;
}
a:hover {
	color: #333;
}
a, a:hover {
	-o-transition: color 0.25s ease-in;
	-webkit-transition: color 0.25s ease-in;
	-moz-transition: color 0.25s ease-in;
	transition: color 0.25s ease-in;
}

/* ==============
    Menu
   ============== */
header nav{
	width: 960px;
	height:50px;
	position: relative;
	z-index: 3;
}
header nav ul.menu{
	width: 100%;
	list-style: none; 
	padding: 0;
	margin-left:0;
	margin-right:30px !important;
}
header nav ul.menu li{
	float: left;
	position: relative;
	padding:14px 20px 14px 20px;
	width:auto;
	border-right:1px solid #028A8A;
}
header nav ul.menu li.first{padding-left:0px;}
header nav ul.menu li.last{border-right:none;}
header nav ul.menu li a{
	float: left;
	margin: 0;
	font: 16px/22px 'ubunturegular', Arial, sans-serif;
	color:#545454;
	text-decoration: none;
	font-style:italic;
}
header nav ul.menu li:hover > a{
	color: #028A8A;
}
*html header nav ul.menu li a:hover{ /* IE6 */
	color: #028A8A;
}
header nav ul.menu li:hover > ul{
	display: block;
}
/* Sub-menu */
header nav ul.menu ul{
    list-style: none;
    margin: -1px 0 0 0;
    padding: 0;    
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 99999;    
   	background-color: #efefef;
	moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}
header nav ul.menu ul li{
    float: none;
    margin: 0;
    padding: 0;
    display: block; 
	border-right:none;

}
header nav ul.menu ul a{    
    padding: 8px 12px ;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
	font: 16px/22px 'ubunturegular', Arial, sans-serif;
	color:#333;
}
*html header nav ul.menu ul a{ /* IE6 */   
	height: 10px;
	width: 150px;
}
*:first-child+html header nav ul.menu ul a{ /* IE7 */    
	height: 10px;
	width: 150px;
}
header nav ul.menu ul a:hover{
	background: #ccc;
}
header nav ul.menu ul li:first-child a:hover:after{
    border-bottom-color: #aaa;
}
/* Clear floated elements */
header nav ul.menu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html header nav ul.menu             { zoom: 1; } /* IE6 */
*:first-child+html header nav ul.menu { zoom: 1; } /* IE7 */



.pageCopy img {
	max-width:100%;
	height:auto;
}
.specialtitle{
	font: 22px/22px 'ubunturegular', Arial, sans-serif;
	/*color: #4BC0C7;*/
	color: #000;
}

.specialtitle2{
	font: 18px/20px 'ubunturegular', Arial, sans-serif;
	/*color: #4BC0C7;*/
	color: #000;
}

.contact-left{
	float: left;
}

.contact-left .side{
	float: left;
}



.main .side {
    float: right;
    width: 25%;
	margin-bottom:10px;
}

.contact .main .side{
	float: left;
}

.contact-left{
	width: 25%;
}

.contact-left .side{
	width: 100%;
}

ul{
	margin: 0 0 10px 0;
}

h4{
	margin:0 0 5px 0;
}



.pageCopy.contact{
	float: right;
	width: 60%;
	
}

.location-image img{

}

.location-image{
	float: right;
	width: 250px;
	text-align: right;
	border: 1px solid #4BB1C7;
	padding: 10px;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
   

   
   
   @media only screen and (min-width: 320px) {
   
   	.banner-text{
   		width:100%;
   	}
   	.banner-text h1{
   		font-size:28px;
   	}
   	
   	.pageCopy.contact{
   	 	width: 85%;
   	 	
   	
   	 	}
   	.contact-left{
   		width: 85%;
   	}
   	
   	.main .side{
   		padding: 0;
   		width: 85%;
   		float: left;
   	}
   }
   
@media only screen and (min-width: 480px) {

	.banner-text{
		width:100%;
	}
	.banner-text h1{
		font-size:28px;
	}
	
	.pageCopy.contact{
	 	width: 85%;
	
	
	 	}
	.contact-left{
		width: 85%;
	}
	
	.main .side{
		padding: 0;
		width: 85%;
		float: left;
	}
}

@media only screen and (min-width: 768px) {
	
	#SearchForm_SearchForm {
			float:right;
			margin-top:-50px;
	}
	.wrapper {margin: 0 2%;}
	.banner-text{
		max-width:520px;
	}
	.banner-image{
		float:right;
		max-height:235px;
		padding:40px 30px 20px 0;
		display:block;
		width:240px;
	}
	
	.banner-image.endo{
		float: left;
	}
	.main-container{ background:none;}
	.main-container .main{
		margin-top:-20px;
		-webkit-box-shadow: 0 5px 10px #aaa;
           -moz-box-shadow: 0 5px 10px #aaa;
                box-shadow: 0 5px 10px #aaa;
	}
	.main{
		padding:20px;
	}
    .main .pageCopy {
        float: left;
        width: 65%;
		min-height:400px;
		height:auto;
    }
    
    .pageCopy.contact{
    	float: right;
    	width: 65%;
    	
    }
    
 	.pageCopy.contact{
 	width: 60%;

 	}
    
    .main .side {
        float: right;
        width: 28.5%;
		margin-bottom:10px;
    }
    
    .contact .main .side{
    	float: left;
    }
    
    .contact-left{
    	width: 25%;
    }
    
    .contact-left .side{
    	width: 100%;
    }

}
@media only screen and (min-width: 960px) {
	h1.logo{ margin-top:10px;}
	.header-container{
		height:175px;
		background:#FFF;
	}
}
@media only screen and (min-width: 1070px) {

/* ===============
    Maximal Width
   =============== */
    .wrapper {
        width: 963px; /* 1070px - 10% for margins */
        margin: 0 auto;
    }
	.main-container .main{
		margin-top:-20px;
	}
	.main{
		padding:20px;
	}
	
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.side img{
	float: left;
}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
	}	

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.pageCopy.contact{
			float: left !important;
		}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.pageCopy.contact{
			float: left !important;
		}
	}