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

/* --------------------------------------------------------------------------------------------------

PROJECT TITLE:   SIPPEL PHYSICAL THERAPY
DESIGN BY:       CYBEROPTIK.NET
CONTRIBUTORS:    WARREN GREELEY, RON JOHNSON
LAST UPDATED:    12/20/09

-------------------------------------------------------------------------------------------------- */


/* ---- GLOBAL ELEMENTS -------------------------------------------------------------------------- */

html {height:100%;}
body {padding:0;margin:0;background:#729FBC url(../images/horizon.jpg) repeat-x;font-size:12px;line-height:18px;color:#666;font-family:Arial, Helvetica, sans-serif;}
p {margin-top:0;}
a {text-decoration:none;color:#64a2c8;}
a:hover {text-decoration:underline;}
img {border:0;}
h1, h2, h3, h4, h5, h6 {margin-top:0;}


/* ---- STANDARD ELEMENTS ------------------------------------------------------------------------ */

.alignleft {float:left;}
.alignright {float:right;}
.nomargin {margin:0;}

.padtop10 {padding-top:10px;}
.padtop20 {padding-top:20px;}
.padtop30 {padding-top:30px;}
.padtop40 {padding-top:40px;}
.padtop50 {padding-top:50px;}
.pad10 {padding:10px;}
.pad20 {padding:20px;}
.pad30 {padding:30px;}
.pad40 {padding:40px;}
.pad50 {padding:50px;}
.padbtm10 {padding-bottom:10px;}
.padbtm20 {padding-bottom:20px;}
.padbtm30 {padding-bottom:30px;}
.padbtm40 {padding-bottom:40px;}
.padbtm50 {padding-bottom:50px;}
.padlft10 {padding-left:10px;}
.padlft20 {padding-left:20px;}
.padlft30 {padding-left:30px;}
.padlft40 {padding-left:40px;}
.padlft50 {padding-left:50px;}
.padrgt10 {padding-right:10px;}
.padrgt20 {padding-right:20px;}
.padrgt30 {padding-right:30px;}
.padrgt40 {padding-right:40px;}
.padrgt50 {padding-right:50px;}

.black {color:black;}
.red {color:red;}
.gray {color:gray;}
.silver {color:silver;}
.blue {color:blue;}
.green {color:green;}
.orange {color:#F90;}
.optikgreen {color:#74a741;}
.veviablue {color:#09F;}


/* ---- STRUCTURAL ELEMENTS ---------------------------------------------------------------------- */

#container {width:800px;margin:0 auto;}
#header {float:left;width:800px;height:143px;background:url(../images/header-bkgr.png) left -5px no-repeat;}
#nav {width:800px;float:left;height:68px;background:url(../images/nav-bkgr.png) left 3px no-repeat;}
#main {width:756px;float:left;background:url(../images/content-bkgr.png) repeat-y;padding:0 22px}
#content {width:755px;float:left;border-top:1px solid #9ba5b4;padding:20px 0;}
#content-area {float:left;width:450px;padding-left:30px;}
#sidebar {float:right;margin-right:10px;width:200px;text-align:center;background:#f6f3ea;border:1px solid #9ba5b4;padding:15px 0;}
#footer {width:756px;float:left;background:url(../images/footer-bkgr.png) no-repeat;padding:55px 22px;text-align:center;color:white;}
#footer a {color:white;}


/* ---- NAVIGATION ELEMENTS ---------------------------------------------------------------------- */

#nav ul {float:left;padding:0;margin:0;list-style:none;border-right:1px solid #9ba5b4;padding-left:29px;}
#nav li {float:left;border-left:1px solid #9ba5b4;border-top:1px solid #9ba5b4;border-bottom:1px solid #9ba5b4;}
#nav li a {float:left;width:145px;height:57px;padding-top:3px;background:white;border-left:1px solid white;border-right:1px solid white;font-family:"Arial Black", Arial, Helvetica, san-serif;font-weight:bold;text-align:center;background:white url(../images/nav-button.png) left top repeat-x;line-height:54px;font-size:14px;color:#4e97c4;}
#nav li.anomoly a {line-height:16px;height:45px;padding-top:15px;}
#nav li a:hover {background:url(../images/nav-hover.png) repeat-x;border-left:1px solid #09C;border-right:1px solid #09C;color:white;text-decoration:none;}
#nav li.current a {background:url(../images/nav-hover.png) repeat-x;border-left:1px solid #09C;border-right:1px solid #09C;color:white;text-decoration:none;}


/* ---- PAGE ELEMENTS ---------------------------------------------------------------------------- */

/* homepage */

#homepage {width:740px;float:left;background:url(../images/homepage-bkgr.png) repeat-y;padding:0 30px}
#flash {float:left;border:1px solid white;}
#homepage-buttons {float:right;width:213px;}
#homepage-button {float:right;width:213px;height:97px;margin-bottom:3px;}
#homepage-button a {float:left;width:163px;height:77px;padding:16px 40px 0 10px;text-decoration:none;background:url(../images/homepage-button.jpg) no-repeat;}
#homepage-button a:hover {float:left;width:163px;height:77px;padding:16px 40px 0 10px;text-decoration:none;background:url(../images/homepage-button.jpg) left -93px no-repeat;}


/* ---- TYPOGRAPHY ELEMENTS ---------------------------------------------------------------------- */

h1 {font-size:20px;color:#64a2c8;font-family:"Arial Black", Arial, Helvetica, san-serif;font-weight:bold;margin-bottom:22px;}

h2 {font-size:16px;color:#999;font-family:"Arial Black", Arial, Helvetica, san-serif;font-weight:bold;}

h3 {font-size:14px;color:#999;font-family:"Arial Black", Arial, Helvetica, san-serif;font-weight:bold;}

h4 {font-size:12px;color:#64a2c8;font-family:"Arial Black", Arial, Helvetica, san-serif;font-weight:bold;}

h5 {font-size:11px;color:#64a2c8;font-family:"Arial Black", Arial, Helvetica, san-serif;font-weight:bold;}

h6 {font-size:10px;color:#64a2c8;font-family:"Arial Black", Arial, Helvetica, san-serif;font-weight:bold;}

h1.title {float:left;width:800px;height:143px;background:url(../images/logo.png) 250px 60px no-repeat;}

h1.title a {float:left;width:800px;height:143px;}

h1.title span {display:none;}

#sidebar h3 {color:#64a2c8;}

#homepage-buttons h4 {text-transform:uppercase;color:white;font-size:11px;margin:0;}

#homepage-buttons p {margin:0;color:#cfddef;}


/* ---- LIST ELEMENTS ---------------------------------------------------------------------------- */

ul.conditions {padding:0;margin:0;margin-bottom:18px;list-style:none;float:left;width:100%;color:#06C;}
ul.conditions li {float:left;width:210px;padding-bottom:5px;padding-left:15px;}
ul.contact {float:left;padding:0;margin:0;padding-bottom:20px;list-style:none;}
ul.contact li {float:left;width:100%;padding-bottom:5px;}


/* ---- FORM ELEMENTS ---------------------------------------------------------------------------- */

label {font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#444444;font-weight:bold;}
input.textbox {width:430px;height:24px;padding:6px 5px 0 5px;border:2px solid #CAD5E6;background:#f9f9f9;font-size:14px;line-height:16px;}
input.textbox:focus {border:2px solid #4e97c4;background:#EEF2FF;}
textarea {font-family:Arial, Helvetica, sans-serif;width:430px;height:60px;padding:8px 5px;border:2px solid #CAD5E6;background:#f9f9f9;font-size:14px;line-height:20px;}
textarea:focus {border:2px solid #4e97c4;background:#EEF2FF;}


/* and boom goes the dynamite */