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

body {background:url(images/body-bg.jpg) repeat-x top left #fff; color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif}

p  {font-size:1em; line-height:1.6em; margin:0 0 15px 0}
h1,h2,h3,h4,h5{color:#df7226; margin:0 0 15px 0}
h1 {font-size:2em}
h2 {font-size:1.8em}
h3 {font-size:1.6em}
h4 {font-size:1.4em}
ul {margin:0 0 15px 30px}
ul li {list-style:circle;}
ol {margin:0 0 0 30px}
ol li {list-style:decimal;}
a {color:#4e4e4e; text-decoration:underline}
a:hover {color:#4e4e4e; text-decoration:none}

.wrapper {width:900px; margin:0 0; background:url(images/content-bg2.jpg) no-repeat top center #fff; min-height:500px}

.header-container {height:132px; width:100%}
.header-container img.logo {margin:10px 0 0 19px; float:left}
.header-container .info {float:right; width:162px; height:41px; background:#df7226; margin:12px 17px 0 0; text-align:right; padding:6px 10px 0 0 }
.header-container .info a.blue {color:#2e2d7a; text-decoration:none}
.header-container .info a h3 {color:#fff; font-size:1.85em; text-decoration:none}
.header-container .info a:hover.blue {color:#2e2d7a; text-decoration:underline}
.header-container .info a:hover h3 {color:#fff; font-size:1.85em; text-decoration:underline}

.middle .left-nav {float:left; width:215px; display:block; padding:0 0 0 26px }
.middle .left-nav ul {margin:10px 0 40px 0px; padding:0}
.middle .left-nav ul li {color:#2e2d7a; font-size:1.7em; padding:5px 0 5px 0; list-style:none}
.middle .left-nav ul li a {color:#2e2d7a; text-decoration:none}
.middle .left-nav ul li a:hover {color:#2e2d7a; text-decoration:underline}
.middle .left-nav .img {margin:0 0 15px 0}
.middle .left-nav .calc-bg {background:url(images/calc-bg.jpg) no-repeat top left; width:174px; height:116px; margin:0 0 15px 0; padding:10px}
.middle .left-nav .calc-bg h4 {color:#3b3a8a; text-transform:uppercase; font-size:1.1em; margin:0 0 8px 0}
.middle .left-nav .calc-bg form input {background:url(images/input-bg.jpg) no-repeat top left; width:170px; height:20px; border:none; margin:0 0 8px 0; padding:4px 0 0 5px}
.middle .left-nav .calc-bg form select {background:url(images/input-bg.jpg) no-repeat top left; width:170px; height:24px; border:none; margin:0 0 8px 0; padding:0px 0 0 5px}
.middle .left-nav .calc-bg form input.submit {background:url(images/submit-bg.jpg) no-repeat top left; width:69px; height:24px; color:#FFFFFF; float:right; padding:0 0 0 0}

.middle .content {float:left; width:611px; padding:20px 20px 25px 28px}
.middle .content-nav {text-align:right; width:659px; float:right}
.middle .content-nav  ul {margin:8px 25px 0 0}
.middle .content-nav  ul li {display:inline; color:#1a5586; padding:0 3px 0 3px; text-transform:lowercase}
.middle .content-nav  ul li a {color:#1a5586; text-decoration:none}
.middle .content-nav  ul li a:hover {color:#1a5586; text-decoration:underline}
.middle .content .media {position:relative}
.middle .content .media .video {height:190px; width:223px; position:relative; margin:0 0 0 160px}
.middle .content .media .video .move {/*position:absolute; top:0; left:160px;*/}
.middle .content .media .before-after {margin:0px 0 0 0 }
.middle .content ul li {line-height:1.3em}

.middle .content .footer {text-align:right; background:url(images/footer-bg.png) no-repeat top right; margin:25px 25px 0 0; padding:5px 0 0 0}
.middle .content .footer ul {margin:8px 0px 5px 0}
.middle .content .footer ul li {display:inline; color:#646464; padding:0 6px 0 6px; text-transform:lowercase}
.middle .content .footer ul li.last {padding:0 0 0 6px}
.middle .content .footer ul li a {color:#646464; text-decoration:none}
.middle .content .footer ul li a:hover {color:#646464; text-decoration:underline}
.middle .content .footer p {color:#9f9f9f}

.middle .content .specials {border:3px dashed #666666; margin:15px 0 0 0; padding:10px 10px 0 10px}
.middle .content .specials p {font-size:1.2em;}

/*Contact forms*/
#contact-form label {width:175px; font-size:12px; font-weight:bold; text-align:left; margin-right:15px; float:left; line-height:2em; display:block-inline;}
#contact-form input {background:url(images/input-bg.jpg) no-repeat top left; width:170px; height:20px; border:none; margin:0 0 8px 0; padding:4px 0 0 5px}
#contact-form textarea {background:url(images/calc-bg.jpg) no-repeat top left; border:1px solid #a0a0a0; width:170px; height:62px; margin:0 0 8px 0; padding:2px 0 0 5px}
#contact-form input.submit {background:url(images/submit-bg.jpg) no-repeat top left; width:69px; height:24px; color:#FFFFFF;  padding:0 0 0 0}

/*Resets and Defaults*/
.grey {color:#000}
.no {margin:0; padding:0}

#video-player2 {float:right; cursor:pointer}
#video-player {cursor:pointer}
#video-player2 a img {margin:0 0 10px 10px}
.hide	{visibility:hidden; display:none; float:right; width:260px}
.hide a img {margin:0 0 10px 10px}
.show	{visibility:visible; display:block; float:right; width:260px}
.show a img {margin:0 0 10px 10px}
.error {color:#FF0000}
.left {float:left}
img.left {float:left; margin:0 10px 10px 0}
.right {float:right}
img.right {float:right; margin:0 0 10px 10px}
.clear {clear:both}