body {
 background-color: #f0f0f0;
 font-family: verdana, helvetica, arial, sans-serif;
 font-size: 12px;
 line-height: 24px;
 color: #000;
 padding: 0;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 margin-bottom: 0;
 text-align: center;
 vertical-align: top;
 border: 0;
}

a, a:link, a:visited {
 color: #333;
 text-decoration: underline;
 border: 0;
}

a:hover {
 color: #ccc;
 text-decoration: underline;
 border: 0;
}

ul {
 margin: 0;
 padding: 0px 0px 10px 0px;
 list-style: none;
 border: 0;
}

li {
 list-style: square;

}

p {
 padding-bottom: 10px;
 margin: 0;
}

ol li {
 list-style-type: decimal;
}

img {
 border: 0;
}

#container {
 background-color: #ffffff;
 width: 945px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
}

#header {
 background-color: #ffffff;
 width: 945px;
 float: left;
 height: 100px;
 margin: 0;
 padding: 0;
}

#logo {
 background-color: #ffffff;
 float: left;
 margin: 10px 0px 0px 5px;
 padding: 0;
}

#nav {
 background-color: #ffffff;
 float: right;
 margin: 10px 20px 0px 0px;
 padding: 0;
}

#nav li {
 float: left;
 margin-left: 30px;
 list-style-type: none;
}

#main {
 background-color: #ffffff;
 float: left;
 width: 945px;
 margin: 0;
 padding: 0;
}

#left {
 float: left;
 width: 180px;
 margin: 0px 0px 0px 0px;
 padding: 0;
}

#sidebar {
 float: left;
 width: 175px;
 margin: 0px 0px 0px 5px;
 padding: 0;
}

#sidebar ul {
}

#sidebar li {
 font-size: 10px;
 line-height: 18px;
 list-style-type: none;
}

#imagenav {
 background-image: url('images/header.jpg');
 background-position: right;
 background-repeat: no-repeat;
 float: left;
 width: 747px;
 margin: 0px 0px 3px 0px;
 padding: 0;
 text-align: right;
}

#right {
 float: left;
 width: 747px;
 margin: 0px 0px 10px 5px;
 padding: 0;
 text-align: center;
}

#rightani {
 float: left;
 width: 483px;
 margin: 0px 0px 10px 5px;
 padding: 0;
 text-align: center;
}

#footer {
 float: left;
 width: 925px;
 padding: 10px;
 background-color: #e1e1e1;
 clear: both;
 font-size: 10px;
 height: 20px;
 text-align: center;
}

.portfolio {
 font-size: 10px;
 line-height: 10px;
 padding: 1px;
 background-color: #ebebeb;
 margin: 0;
 text-align: center;
}

.social {
 margin: 6px 0px 10px 4px;
}

.stepcarousel{
 position: relative;
 overflow: scroll; 
 width: 747px; /*Width of Carousel Viewer itself*/
 height: 520px; /*Height should enough to fit largest content's height*/
 margin-left: 7px;
}

.stepcarousel .belt{
 position: absolute; /*leave this value alone*/
 left: 2px;
 top: 3px;
 width: 710px;
 height: 2174px;
}

.stepcarousel .panel{
 float: left; /*leave this value alone*/
 overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 margin: 0px; /*margin around each panel*/
 /*width: 335px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.error {
 color: #FF0000;
 font-weight: bold;
}

.success {
 color: #00b622;
 font-weight: bold;
}

h1 {
 font-size:12px;
 font-family: helvetica, arial, sans-serif;
 color: #333;
 margin: 10px 0px 10px 0px;
 padding: 0;
}

h2 {
 font-family: helvetica, arial, sans-serif;
 font-size: 12px;
 color: #333;
 font-weight: bold;
 margin: 10px 0px 0px 0px;
 padding: 0;
 line-height: 18px;
}

#sidebar p {
 font-size: 10px;
 line-height: 11px;
 margin: 0;
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover {
 text-decoration: none;
 font-weight: bold;
}


h1 a, h1 a:link, h1 a:visited, h1 a:hover {
 text-decoration: none;
}

h2 a, h2 a:link, h2 a:visited, h2 a:hover {
 text-decoration: none;
}

.phone {
 width: 425px;
 padding: 5px;
 margin: 25px 0px 0px 25px;
 float: right;
 font-size:1.4em;
}

#about-area {
 width: 520px;
 margin: 15px 0px 0px 120px;
 text-align: left;
}

#about-area h1 {
 font-weight: bold;
 font-size:18px;
}

#contact-area {
 width: 600px;
 margin: 75px 0px 0px 25px;
}

#contact-area input, #contact-area textarea {
 padding: 5px;
 width: 471px;
 font-family: Helvetica, sans-serif;
 font-size: 1.4em;
 margin: 0px 0px 10px 0px;
 border: 2px solid #ccc;
}

#contact-area textarea {
 height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
 border: 2px solid #000000;
}

#contact-area input.submit-button {
 width: 100px;
 float: right;
}

label {
 float: left;
 text-align: right;
 margin-right: 15px;
 width: 100px;
 padding-top: 5px;
 font-size: 1.4em;
}

.buttonoff
{
 padding-right: 2px;
 padding-left: 2px;
 padding-bottom: 2px;
 padding-top: 2px;
 border-right: #000000 1px solid;
 border-top: #000000 1px solid;
 font: bold 10px verdana,arial,helvetica,sans-serif;
 border-left: #000000 1px solid;
 border-bottom: #000000 1px solid;
 background-color: #ccc
}

.buttonon
{
 padding-right: 2px;
 padding-left: 2px;
 padding-bottom: 2px;
 padding-top: 2px;
 border-right: #000000 1px solid;
 border-top: #000000 1px solid;
 font: bold 10px verdana,arial,helvetica,sans-serif;
 border-left: #000000 1px solid;
 color: #fff;
 border-bottom: #000000 1px solid;
 background-color: #666
}

.button
{
 width: 100px;
 padding-right: 4px;
 padding-left: 4px;
 font-weight: bold;
 font-size: 13px;
 background: #d1d1d1;
 padding-bottom: 4px;
 color: #1a00d9;
 line-height: 15px;
 padding-top: 4px;
 font-family: verdana, arial, helvetica;
 text-align: center
}