/* CSS Document */

body { padding:0; margin:0; background:url(../images/body-bg.jpg) repeat-x; background-color:#1296A3; }
h1,h2,h3,span,p,div { margin:0; padding:0; }
img { display:block; border:0; margin:0; padding:0; }
.image-left { float:left; margin:0; padding:0; }
.image-right { float:right; margin:0; padding:0; }

#main { margin:0 auto; padding:0; width:989px; overflow:hidden; clear:both; }

/*
====================
Logo Section
====================
*/

#logo { width:989px; height:130px; float:left; margin:0; padding:0; border:0; background:url(../images/logo-bg.jpg) no-repeat; }
.logo-text { margin:0; padding:75px 0px 0px 0px; text-align:right; font-family:Trebuchet MS; font-size:24px; color:#FFFFFF; }


/*
====================
Form Section
====================
*/

#form { width:989px; height:705px;  float:left; margin:0; padding:0; border:0; list-style:none;  background:url(../images/form-bg.jpg) no-repeat;  }
#form-left { width:386px; float:left; margin:0; padding:0; border:0; list-style:none; overflow:hidden; }


#form-right { width:603px; float:left; margin:0; padding:0; border:0; list-style:none; }
#form-right ul { width:603px; float:left; margin:0; padding:0px; border:0; list-style:none; }
#form-right ul li { float:left; margin:0; padding:0; border:0; list-style:none;  }

#form-right ul li p.austin { width:583px; font-family:Arial, Helvetica, sans-serif; font-size:42px; font-weight:bold; color:#FFFFFF;  padding:53px 0px 10px 20px; text-align:left;}
#form-right ul li span.get-txt { width:603px; font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:normal; color:#FFFFFF; text-align:left;}

#form-right ul li.check-box { width:201px; float:left; margin:0; border:0; list-style:none;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;  padding-top:5px; }

#form-right ul li.leftside1 { width:305px; float:left; margin:0; padding:0; border:0; list-style:none;  }
#form-right ul li.rightside1 { width:298px; float:left; margin:0; padding:0; border:0; list-style:none;   }

.field-name { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; padding-top:15px;  }
.field-name-span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; padding-top:5px;  }
.text-field  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0F3F5B; border:1px solid #024B76; width:230px;  }
.text-field-span  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0F3F5B; border:1px solid #673C76; width:40px;  }
.text-field-span1  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0F3F5B; border:1px solid #673C76; width:50px;  }


#form-right ul li.please-tell { width:300px; float:left; margin:0;  border:0; list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; padding-top:12px;  }
#form-right ul li.please-tell-field { width:303px; float:left; margin:0;  border:0; list-style:none; padding:12px 0px 5px 0px; }
.text-area  { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0F3F5B; border:1px solid #024B76; width:240px;  }
.get-btn { float:left; margin:15px 0px 0px 100px; padding:0; }

/*
====================
Content Section
====================
*/

#content { width:989px; float:left; margin:0; padding:0px; list-style:none; }

/*Left Part*/

#content-left { width:304px; float:left; margin:0; padding:0; list-style:none; background:url(../images/left-content-bg.jpg) repeat-y; } 

#content-left ul { width:304px; float:left; margin:0; padding:0; list-style:none; background:url(../images/left-content-top-bg.jpg) no-repeat; } 
#content-left ul h2 {font-family:Arial Narrow; font-size:22px; color:#000000; font-weight:bold; margin:30px 0px 40px 36px; padding:2px 0px 0px 32px; background:url(../images/b-img.jpg) no-repeat;}
#content-left ul li { float:left; margin:0; padding:0; list-style:none;}
.content-text {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#2D2D2D; font-weight:normal; padding:0px 45px 0px 45px; line-height:17px;}
.before-after {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;  color:#1C5376; font-weight:bold; padding:30px 0px 0px 45px; line-height:17px;}

.before-after a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;  color:#1C5376; font-weight:bold; text-decoration:underline; line-height:17px;}
.before-after a:hover {text-decoration:none;}


/*Right Part*/

#content-right { width:667px; float:left; margin:0px 0px 0px 18px; padding:0; list-style:none;  background:url(../images/right-content-bg.jpg) repeat-y; overflow:hidden;} 
#content-right ul { width:667px; float:left; margin:0; padding:0; list-style:none;  background:url(../images/right-content-top-bg.jpg) no-repeat; } 
#content-right ul h3 {font-family:Arial Narrow; font-size:22px; color:#000000; font-weight:bold;  margin:30px 0px 40px 40px; padding:9px 0px 0px 42px; background:url(../images/w-img.jpg) no-repeat;}
#content-right ul li { float:left; margin:0; padding:0; list-style:none;}


/*
====================
FOOTER Section
====================
*/

#footer  { margin:30px 0px 0px 0px; padding:0; width:100%; height:64px; background:url(../images/footer-bg.jpg) repeat-x;}
.copyright { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#AFECFF; padding:20px 0px 0px 0px; text-align:center; }
.thank-you-msg{font-family:Trebuchet MS; font-size:16px; font-weight:bold; color:#FFFFFF; text-align:right; text-align:left;}


/*
=========================
Before After Photo Page
=========================
*/

#before-after-main { width:989px; float:left; margin:0; padding:0px; background:url(../images/bg-before-after.jpg) repeat-y; }
#before-after-photo { width:989px; float:left; margin:0; padding:0px; background:url(../images/before-after-bg.jpg) no-repeat top left; }
#before-after-photo h2 {font-family:Arial Narrow; font-size:22px; color:#000000; font-weight:bold; margin:30px 0px 40px 36px; padding:2px 0px 0px 32px; background:url(../images/b-img.jpg) no-repeat;}

#before-after-photo ul { width:861px; float:left; margin:30px 64px 0px 64px; padding:0px 0px 0px 0px; list-style:none;}
#before-after-photo ul li { width:287px; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}

.gallery-img { padding:0; margin:0px 43px 0px 42px; float:left; border:1px solid #1C5E81; }
