/* ------------------------------------------------------------------- */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	margin: 0px;
	text-align: justify;
	background-image: url(../images/bg.gif);
}

#top-img{
	background: url(../images/bg-top.gif) center top no-repeat;	

}

a {
	color: #f1861b;
	outline: none;
}

a:hover{
	text-decoration: underline;
}

h1 {
	font-size: 18px;
	color: #336600;
	width: 100%;
	font-weight: normal;
}

h2 {
	font-weight: normal;
	font-size: 16px;
	color: #81b237;
	clear: both;
	padding-top: 20px;
}

h3 {
	font-weight: normal;	

	font-size: 14px;
	color: #666;;
}

h4 {
	font-weight: bold;	
	font-size: 12px;
	padding:0px;
	margin:0px;
	color: #F1861B;;
}

input {
	font-family: Georgia, "Times New Roman", Times, serif;	

}

select {
	border: 1px solid #d8e8f2;
	padding: 5px;
	font-family: Helvetica, Arial, sans-serif;
	color: #81b237;
	font-weight: bold;
}

.right-box h1, #home-content h1 {
	font-size: 14px;
	color: #336600;
	background-image: url(../images/dotted-bg.gif);
	height: 30px;
	width: 100%;
	font-weight: normal;
	line-height: 26px;		

}

hr {
	background:url(../images/hr-bg.gif) repeat-x;
	border:0 none;
	clear:both;
	height:1px;
}

.img, img {
	padding: 4px;
	background-color: #FFF;
	border: 1px solid #90c73e;
}

button {
	border: none;
	cursor: pointer;
	outline: none;
	padding-bottom: 2px;
	font-size: 11px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;	

}

.clear {
	clear:both;
}

/* ------------------------------------------------------------------- */



#content-wrap {
	background-color: #fffaea;
	padding: 0px 10px;
}

#site {
	width: 960px;
	text-align: justify;
	margin: 0px auto;	

	margin-bottom: 20px;
}

#left {
	width:175px;
	float: left;
	margin-top: 10px;	

}

#content {
	width: 520px;
	float: left;
	margin-top: 10px;	

}

#home-content {
	width: 625px;
	float: left;
	margin-top: 10px;
	color: #5f5f5f;
}

#right {
	width: 240px;
	float: right;
	margin-top: 10px;
	color: #5f5f5f;
}

#home-right {
	width: 300px;
	float: right;
	margin-top: 10px;
	color: #5f5f5f;	

}

/* ------------------------------------------------------------------- */

/* TOP */

/* ------------------------------------------------------------------- */



#top {
	height: 155px;
	width: 100%;
}

#call-free {
	width: 200px;
	float: right;
	text-align: center;
	padding-top: 50px;
	font-size: 16px;
	color: #8cbadc;
}

#tel {
	color: #333;
}



/* ------------------------------------------------------------------- */

/* MAIN MENU*/

/* ------------------------------------------------------------------- */



#main-menu {
	height: 38px;
}

#main-menu a{
	font-size: 13px;
	color: #FFF;
	white-space: nowrap;
	float: left;
	padding: 10px 5px 8px 7px;
	text-decoration: none;
	outline: none;
	font-weight: 400;
	word-spacing: 0px;
}
	
#main-menu a:hover{
	color: #000;
}	



#main-menu .menu-free-insurance a{
	font-size: 13px;
	color: #203f00;
	white-space: nowrap;
	padding: 10px 0px 8px 14px;
	text-decoration: none;
	outline: none;
}

#main-menu .menu-free-insurance a:hover{
	color: #000;
}

.top-bottom-dotted {
	background: url(../images/dotted-bg.gif) repeat-x;
	height: 30px;
}
.submenu-item-right {	
	font-size: 12px;
	color: #8bbbdd;
	border-bottom:1px dotted #bdd48d;
	padding-left: 0;
	font-weight: normal;
	list-style-type: none;
	padding-bottom:5px;
	padding-top:5px;
}

.submenu-item-right a {
	text-decoration: none;
}


.submenu-item-right a:hover {
	text-decoration: underline;
}

/* ------------------------------------------------------------------- */

/* LEFT*/

/* ------------------------------------------------------------------- */



.submenu-item-left {
	font-size: 12px;
	background-image: url(../images/bottom-dotted-bg.gif);
	height: 30px;
	width: 90%;
	font-weight: normal;
	line-height: 26px;	

}

.submenu-item-left a {
	color: #f1861b;
	text-decoration: none;
}

.submenu-item-left a:hover {
	color:#5f5f5f;
}



/* ------------------------------------------------------------------- */

/* CONTENT */

/* ------------------------------------------------------------------- */



#header {
	margin-bottom: 14px;
}



.home-article {
	margin-bottom: 20px;
}

.home-article img{
	margin-right: 15px;
	margin-bottom: 15px;
}

.home-bottom {
	width: 164px;
	margin-right: 9px;
	float: left;
	text-align: left;
}

.home-bottom a{
	text-decoration: none;
}

/* ------------------------------------------------------------------- */

/* RIGHT */

/* ------------------------------------------------------------------- */



#find-a-free-seminar{
	background: url(../images/find-free-seminar-bg.gif) repeat-x #81b237;
	width: 290px;
	height: 239px;
	text-align: center;
	font-size: 28px;
	color: #fff;
	padding: 10px 5px;
	line-height: 38px;
}

#right #find-a-free-seminar {
	width: 230px;	

}

#free-seminar-orange {
	color: #336600;
	padding: 10px 0px 10px 0px;
	font-size: 24px;	

	line-height: 32px;
}

.big-button {
	background-image: url(http://www.griffinhospitalbariatrics.com/images/big-button.gif);
	width: 280px;
	height: 36px;
	color: #FFF;
	font-size: 15px;
	border:0px;
}

.big-button:hover {
	background-image: url(../images/big-button-hover.gif);		

}

.small-button {
	background: url(http://www.griffinhospitalbariatrics.com/images/small-button.gif) no-repeat top center;
	width: 134px;
	height: 36px;
	color: #FFF;
	font-size: 12px;
	line-height:13px;
	float:left;
text-decoration:none;
padding:5px 0px 5px 0px;
margin:0px 5px 0px 5px;
	border:0px;
}

.small-button:hover {
	background: url(../images/small-button-hover.gif) no-repeat top center;		

}

.smaller-button {
	background: url(http://www.griffinhospitalbariatrics.com/images/smaller-button.gif) no-repeat top center;
	width: 109px;
	height: 36px;
	color: #FFF;
	font-size: 12px;
	line-height:13px;
	float:left;
	text-decoration:none;
	padding:5px 0px 5px 0px;
	margin:0px 3px 0px 3px;
	border:0px;
}

.smaller-button:hover {
	background: url(../images/smaller-button-hover.gif) no-repeat top center;		

}

#right .big-button {
	background-image: url(../images/big-button-sub.gif);	

	width: 218px;		

}

#right .big-button:hover {
	background-image: url(../images/big-button-sub-hover.gif);		

}

.med-button {
	background-image: url(../images/med-button.gif);
	width: 170px;
	height: 27px;
	color: #FFF;
	font-size: 14px;
	border:0px;
	cursor: pointer;
}

.med-button:hover {
	background-image: url(../images/med-button-hover.gif);	

}

.med-button-white {
	background-image: url(../images/med-button-white.gif);
	width: 124px;
	height: 31px;
	color: #b7b7b7;
	font-size: 14px;
}

.med-button-white:hover {
	background-image: url(../images/med-button-white-hover.gif);	

}

.med-button-transparent {
	width: 124px;
	height: 31px;
	color: #81b237;
	font-size: 12px;
	background-color: #fffaea;	

}

.med-button-transparent:hover {
	color: #336600;
}



#the-skinny {
	background-image:url(../images/the-skinny.gif);
	width: 120px;
	height: 26px;
	float: left;
	margin-top: 2px;
}

#skinny-h1 {
	font-size: 14px;
	color: #8bbbdd;
	height: 30px;
	width: 100%;
	font-weight: normal;
	line-height: 26px;	

}

.right-box {
	padding: 5px 0px 10px 0px;
	font-size: 11px;	

	text-align: left;
}

.right-box img {
	margin-right: 7px;
	margin-bottom: 2px;
}

/* BMI */



#bmi-box {
	width: 208px;
	height: 125px;
	border: 1px solid #90c73e;
	padding: 20px 0px 0px 30px;
	background-color: #FFF;
	color: #336600;
}

#bmi-box input {
	height: 20px;
	border: 1px solid #c2c2c2;
}

#bmi-box .form-text-left4 {
	padding-top: 6px;
}

#bmi-button {
	width: 170px;
	height: 27px;
	color: #FFF;
	font-size: 14px;
	border:0px;
	}

#height-m {
	margin-right: 10px;
}

	

/* Shop Our E-Store */



#bariatric img{
	padding:0px;
}

#bariatric a{
	color: #666;
	text-decoration: none;
}

#bariatric a:hover{
	color: #f7941d;
}

/* Contact form */



.input-size-1, .input-size-2, .input-size-3, .input-size-4, .input-size-5 {
	height: 28px;
	margin: 3px 3px 3px 0px;
	border: 1px solid #ddecca;
	font-size: 14px;
	float: left;
}

.form-input-item-1, .form-input-item-2, .form-input-item-3, .form-input-item-4 {
	padding: 3px;
	float: left;
	color: #666666;
}

.input-size-1 {
	width: 240px;	

}

.form-input-item-1 {
	width: 250px;
}

.input-size-2 {
	width: 497px;	

}

.form-input-item-2 {
	width: 506px;
}

.input-size-3 {
	width: 80px;	

}

.form-input-item-3 {
	width: 90px;
}

.input-size-4 {
	width: 144px;	

}

.form-input-item-4 {
	width: 154px;
}

.input-size-5{
	width: 25px;
}

#comment {
	font-size: 10px;
	color: #81b237;
	clear: both;
}

.contact-check {
	float: left;
	margin-right: 5px;
}

.check-text {
	font-family: Helvetica, Arial, sans-serif;
	color: #81b237;
	font-weight: bold;
}

.form-text, .buttons{
	clear: both;
	padding: 10px 0px;
}

.form-text-left {
	float: left;
	margin-right: 20px;
}

.form-text-left2 {
	float: left;
	margin-right: 20px;
	padding-top: 10px

}

.form-text-left3 {
	float: left;
	margin-right: 20px;
	padding-top: 5px

}

.form-text-left4 {
	float: left;
	margin: 0px 8px;
	padding-top: 10px

}

.form-text-left5 {
	float: left;
	padding-top: 10px;
	width: 60px;
}



/* ------------------------------------------------------------------- */

/* FOOTER */

/* ------------------------------------------------------------------- */



#footer {
	clear: both;
	height: 50px;
}

#footer-menu {
	margin-top: 3px;
	float: left;
	width: 670px;
}


#footer-menu a{
	color: #336600;
	padding-right: 12px;
	text-decoration: none;
	float: left;
	outline: none;
	white-space: nowrap;	

	line-height: 10px;
	font-size: 11px;
}

	

#footer-menu a:hover{
	color: #000;
}



#footer-menu .menu-item-last a{
	color: #8bbbdd;
}

#footer-menu .menu-item-last a:hover{
	color: #f7941d;
}

#footer-right {
	width: 240px;
	float: right;
	text-align: right;
}

.footer-icon {
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 5px;
	margin-left: 10px;
}

#facebook {
	background-image: url(../images/facebook-icon.gif);	

}

#twitter {
	background-image: url(../images/twitter-icon.gif);
	

}

.footer-link {
	float: left;
	color: #f1861b;
	font-size: 12px;
	text-decoration: none;
	margin-left: 10px;
}

#copyright {
	clear: both;
	color: #5f5f5f;
	font-size: 12px;
	padding-top: 5px;
}



/* Seminars */

.seminar-gray-item {
	background:url(../images/seminar-list-bg.gif) repeat-x;
	padding-top: 8px;
	width: 100%;
	height: 42px;
	background-color: #faf8f0;
}

.seminar-gray-item a, .seminar-white-item a{
	text-decoration: none;
}

.seminar-gray-item a:hover, .seminar-white-item a:hover{
	text-decoration: underline;
}

.seminar-white-item {
	padding-top: 8px;
	width: 100%;
	height: 42px;
}

.seminar-column1 {
	width: 8%;
	float: left;
}

.seminar-column2 {
	width: 72%;
	float: left;	

}

.seminar-column3 {
	width: 20%;
	float: left;	

}

.seminar-radio {
	margin-top: 10px;
	margin-left: 8px;	

}

.seminar-name {
	color: #464646;
	font-weight: bold;
}

.seminar-place, .seminar-time{
	color: #999;
}

#seminars-h h1{
	width: 80%;
	float: left;
}

#step {
	width: 20%;
	float: left;
	text-align: right;
	margin-top: 12px;
	font-size: 16px;
}

#registration-bg {
	background-color:#fcfcfc;
	padding-left: 8px;
}

.step-bullet {
	background: url(../images/circle.gif) no-repeat;
	width: 18px;
	height: 21px;
	font-family: Helvetica, Arial,  sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFF;
	padding-left: 7px;
	padding-top: 1px;
	float: left;
}

.reg-title h2{
	clear: none;
	float: left;
	margin: 0px;
	padding: 2px 0px 0px 0px;
}

.reg-title{
	height: 21px;
	width: 100%;
	padding: 20px 0px;
}

.subpage {
	width: 97%;
}

.subpage img{
	margin: 0px 0px 0px 0px;
}

.article {
	padding: 5px 0px;
}

.article h2{
	padding: 0px;
	margin: 3px 0px 8px 0px;
}

.before-after {
	width: 35%;
	float: left;
}

.before-after img {
	margin-left: 0px;
}

.about {
	clear: both;
}

.contact-us h2 {
	color: #336600;
}

.three-col {
	width: 30%;
	float: left;
	margin: 0px;
	padding-left: 15px;
}

ul {
	text-align: left;
}

li.img-no-border {
	list-style-type: none !important;	
}

.img-no-border img{
	border: none !important;
	padding: 0px !important;
}

.locations ul {
	padding-left: 0px;
}

.locations li {
	list-style-type: none;
}

.locations li a {
	text-decoration: none;
	color: #5f5f5f;
}

.locations li a:hover {
	color: #f1861b;
}
.two-col {
	float: left;
	width: 47%;
	margin-right: 15px;
}

.input-item {
	width: 240px;
	text-align:left;
	margin: 15px 0px;
}

.input-other {
	height: 28px;
	margin: 5px 26px 3px 0px;
	border: 1px solid #ddecca;
	font-size: 14px;
	float: right;
	width: 200px;
}

textarea {
	border: 1px solid #ddecca;	
}

/* ---------------------------------- */

#kim-banner {
	background: url(../images/kim-banner-bg.gif);
	width: 512px;
	height: 147px;
}

#ask-kim {
	width: 280px;
	height: 127px;
	display: block;
	padding: 20px 12px 0px 220px;

	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	color: #798e2d;
	line-height: 36px;
}

span#ask {
	color: #464646;
	font-size: 58px;
}

span#response {
	color: #f1861b;
	font-size: 19px;
	text-shadow: 1px 1px #FFF;
	background: url(../images/bullet.png) right no-repeat;
	padding-right: 15px;
}


.title {
	height: 21px;
	width: 100%;
	padding: 10px 0px 2px 0px;
	clear: both;
	margin-top: 10px;
}

.title h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
	font-size: 16px;
	font-weight: bold;
	clear: none;
	float: left;
	margin: 0px;
	padding: 2px 0px 0px 0px;
}

.required {
	color: #f1484c;
}

.form-input-item-1 select {
	margin-top: 5px;
	color: #777777;
	width: 241px;
}

.input-item.radio {
	color: #5b5b5b;
	margin: 6px 0px;
}

.form-input-item-2 textarea {
	width: 496px;
}

