/*----------------------------------------------
* Filename: styles.css
* Version: 1.0.0 (2008-12-03)
* Website: http://www.vision.com
* Author: Vision
* Description: Handles the site layout.
   ---------------------------------------------*/

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

                  Global Reset

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}
div, img {
    behavior:url(iepngfix.htc);
    border:none;
}
body {
    font:normal 14px/20px Arial, Helvetica, sans-serif;
    color: #231F20;
    margin: auto;
    background:#fff;
    border-top:0px solid #85abbd;
}
form input {
    font:normal 14px/20px Tahoma, Helvetica, sans-serif;
    vertical-align:middle;
}
a:link, a:visited, a:active {
    color: #cc3333;
    text-decoration:none;
}
a:hover {
    color: #0096a3;
    text-decoration:none;
}
ul.listitems {
    margin:0 0 0 20px;
    padding:0;
}
ul.listitems li {
    margin:0;
    padding: 3px 10px;
    list-style:circle;
}

strong { color:#612c0f; }
/*--------------------------------------------



                  page structure



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



.header {
    width:auto;
    height:110px;
    padding:0 0 0 0px;
    background-color:white;
}
.logo {
    margin-left:0px;
    margin-top:20px;
    padding:0 0 0 0;
}
#total {
    width:980px;
    height:auto;
    margin:auto;
}
#middlepart {
    background: #ffffff;
    padding:0 20px;
    overflow:auto;
    height:100%;
    color:#000;
}
#leftpart {
    width:600px;
    float:left;
    padding:30px 20px;
    height:auto;
}
#leftpart p {
    padding:0 0 20px 0px;
}
#rightpart {
    width:245px;
    background:fff;
    float:left;
    margin:auto;
    height:auto;
    padding:30px 20px;
}
.featured {
    /*background:url(./images/featuredbg.jpg) no-repeat;*/
    height:265px;
}
.bordermain {
    border:1px solid #dbd6d2;
    background:#FFFFFF;
    padding:8px;
        opacity:1.0;
    filter:alpha(opacity=100);
}
.stepcarousel {
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width:980px; /*Width of Carousel Viewer itself*/
    height: 244px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}
.stepcarousel .belt h1 {
  font-family: 'Anton', serif;
  font-size: 40px;
 font-style: normal;
  font-weight: 300;
  text-shadow: none;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.029em;
  word-spacing: -0.041em;
  line-height: 1.09;
    margin:0;
    padding:0 0 10px 0;
    color:#999999;
}
.stepcarousel .panel {
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 8px 10px 0px 20px; /*margin around each panel*/
    width: 940px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    height:auto;
    padding:10px;
}
.panel .stepbottom {
    float:right;
    width:450px;
}
.stepcarousel .corner {
    position:absolute;
    top:7px;
    left:7px;
    width:85px;
    height:85px;
}
.featuredcorner {
    background:url(./images/featuredcorner.png) 0 0 no-repeat;
}
.websitecorner {
    background:url(./images/websitecorner.png) 0 0 no-repeat;
}
.logocorner {
    background:url(./images/logocorner.png) 0 0 no-repeat;
}
a.readmore:link, a.readmore:visited, a.readmore:active {
    background:url(./images/readmore.png) 0% 100% no-repeat;
    padding:0 15px;
    color:#55787b;
    text-transform:uppercase;
    float:right;
    font:normal 10px Tahoma, "Times New Roman", Times, serif;
    text-decoration:none;
}
a.readmore:hover {
    background:url(./images/readmore.png) 0% 100% no-repeat;
    padding:0 15px;
    color:#55787b;
    text-transform:uppercase;
    float:right;
    font:normal 10px Tahoma, "Times New Roman", Times, serif;
    text-decoration:none;
}
/*--------------------------------------------



                  navigation



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

.menu {
    height:30px;
/* roger commented out    background: url(./images/menutop.png) repeat-x top center;*/
    margin:0px 0 0px 0;
    position:relative;
    left:0px;
    top:0px;
    background-color:#cc3333;
}
.menu ul {
    padding:2px 0 0 0;
    margin:0 0 0 550px;
}
.menu ul li {
    display:inline;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
}
.menu ul li a {
    font-family: 'Arimo', serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: -0.037em;
  word-spacing: -0.041em;
  line-height: 1.18;
    margin:0 1px 0 0;
    padding:8px 10px;
    text-decoration:none;
    text-align:center;
    color:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
}
.menu li a:link, .menu li a:visited {
    text-decoration:none;
    text-align:center;
    color:#fff;
}
.menu li a:hover {
    color:#fff;
    text-align:center;
    text-decoration:none;
}
/*--------------------------------------------



                  headings



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



h1 {
    font:normal 2.5em Arial, Verdana, Arial, Helvetica, sans-serif;
    letter-spacing:-0.2px;
    padding-bottom: 5px;
}
h2 {
    font:normal 220% Arial, Verdana, Arial, Helvetica, sans-serif;
        color:#fff;
    letter-spacing:-1px;
    margin:0;
}
h3 {
    font:normal 180% Arial, Verdana, Arial, Helvetica, sans-serif;
    margin:5px 0 0 0;
}
h4 {
    font:normal 150% Arial, Verdana, Arial, Helvetica, sans-serif;
}
h5 {
    font:normal 120% Arial, Verdana, Arial, Helvetica, sans-serif;
}
h1.titles {
         font-family: 'Oswald', serif;
  font-size: 30px;
font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: -0.008em;
  word-spacing: -0.041em;
  line-height: 1.09;
color:#000;
    padding-bottom: 10px;
}
h1.titles img {
    padding-right: 15px;
    vertical-align:middle;
}
blockquote {
    border-left:6px solid #afd5d9;
    color:#999999;
    padding: 5px 15px;
    margin:10px 0;
}
h3 img {
    vertical-align:middle;
}
/*--------------------------------------------



                  miscellaneous



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

a.more:link, a.more:visited, a.more:active {
    background:url(./images/readmore.gif) 0% 50% no-repeat;
    padding:0 0 0 16px;
    color:#6b7c7f;
    float:right;
    font:normal 11px/18px Tahoma, "Times New Roman", Times, serif;
    text-decoration:none;
}
a.more:hover {
    background:url(./images/readmore.gif) 0% 50% no-repeat;
    padding:0 0 0 16px;
    color:#0096a3;
    float:right;
    font:normal 11px/18px Tahoma, "Times New Roman", Times, serif;
    text-decoration:none;
}
a:focus {
    outline:none;
}
img {
    border: 0
}
.date {
    color:#ef5c0c;
    font-size:10px;
    font-weight:bold;
    float:left;
}
.newslist {
    line-height:16px;
    overflow:auto;
    padding:10px 0;
}
.newslist p {
    line-height:16px;
}
h4.titles {
    font:normal 1.4em Arial, Helvetica, sans-serif;
    color:#ffffff;
    letter-spacing:-1px;
}
hr.hrbar {
    clear:both;
    border:none;
    width:100%;
    border-bottom:1px solid #ccc;
}
address {
    color:#333333;
    padding:0px;
    margin:0;
}
/*--------------------------------------------



                  footer



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



#footerpart {
    width:100%;
/*    background:url(./images/footerbg.gif) top center repeat-x;*/
    float:left;
    height:auto;
    margin:0;
    padding:25px 0;
}
.footerleft {
    color:#868f97;
    padding:0px 0px 10px 20px;
    margin:0px;
    text-align:center;
}
/*--------------------------------------------



                  form



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


.contacts img {
    vertical-align:middle;
    padding:2px 0;
}
.portfolioitem .details {
    float:right;
    line-height:16px;
    width:320px;
    padding-left:20px;
}
.portfolioitem h3 {
    color:#54a1ac;
}
.portfolioitem {
    float:left;
    position: relative;
    margin:10px 0;
}
.portfolioitem .corner {
    position:absolute;
    top:-2px;
    left:-2px;
    width:85px;
    height:85px;
}
.bordersub {
    border:1px solid #dbd6d2;
    background:#FFFFFF;
    padding:8px;
}
/* ================================================= */



/*      INPUT FIELD CSS                                 */



/* ================================================= */

form input {
    background-color: #FAFAFA;
    background-image: url("./images/bg_box.gif");
    color: #484848;
    padding: 2px;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
}
form textarea {
    vertical-align:top;
}
form input[type=radio],  form input[type=checkbox] {
    border: none;
}
input[type=text],  input[type=password],  textarea {
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    background: #fff url('./images/bg_box.gif') repeat-x top left;
    border: 1px solid #b8b8b8;
    padding: 5px 8px;
    margin: 2px 0px;
}
input[type=text]:focus,  input[type=password]:focus {
    background: #fff url('./images/bg_box.gif') repeat-x top left;
}
input[type=submit],  input[type=button],  input[type=image],  input[type=reset],  textarea:focus {
    background:none;
}
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
    width: auto;
    margin: 2px 10px;
}
* input[type=image] {
    background:none;
}
/*- Blog Comments --------------------------- */

#comment-box {
    border-top:1px solid #888;
    border-bottom:1px solid #888;
}
form p {
    margin:0 0 5px 0;
    padding:0;
}
#comment-box input {
    width: 220px;
    margin: 2px 0 10px 0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    height:20px;
    font-size: 12px;
    color:#000;
    padding:5px 0 0 5px;
}
#comment-box label {
    display: block;
    font-size: small;
    font-weight: bold;
    margin:0;
    padding:0;
}
#comment-box textarea {
    width: 350px;
    height: 150px;
    display: block;
    border: 1px solid #ddd;
    margin: 0;
    padding:5px 0 0 5px;
    font-size: small;
    color:#000;
}
input#submit-comment {
    font-size: small;
    font-weight: bold;
    color:#000;
    width:155px;
    height:30px;
    margin:10px 0 0 0;
    padding:0;
    border: 1px solid #ccc;
    background:#fff;
}
ol.commentlist {
    margin:0;
    padding:0;
    list-style:none;
}
ol.commentlist p {
    line-height:1.7em;
}
ol.commentlist li {
    border:1px solid #d8d8d8;
    background:#f2f2f2;
    padding:10px;
    margin-bottom:15px;
}
#content .commentlist ul li {
    list-style:none;
}
.comment-author cite {
    float:left;
    margin-right:5px;
    font-style:normal;
    color:#000;
}
.comment-author img {
    padding:5px;
    border:1px solid #ddd;
    background:#fff;
    float:right;
}
#menu1 {
    width:233px;
    margin:10px 0;
}
#menu1 ul {
    margin:0;
    list-style:none;
    padding:0 10px;
}
#menu1 li a {
    font:bold 9px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
    text-transform:uppercase;
    voice-family:inherit;
    height:11px;
    margin:0;
    overflow:auto;
    height:100%;
    border-bottom:1px solid #e0e0e0;
    text-decoration:none;
}
#menu1 li li a {
    font:bold 9px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
    margin:0;
    text-decoration:none;
    border-left:0 solid #999999;
    border-bottom:1px solid #ededed;
    text-decoration:none;
}
#menu1 li li a:link, #menu1 li li a:visited {
    color:#bebebe;
    display:block;
    padding:6px 10px;
}
#menu1 li a:link, #menu1 li a:visited {
    color:#bebebe;
    display:block;
    padding:6px 10px;
}
#menu1 li.current a {
    color:#da701a;
}
#menu1 li a:hover {
    color:#da701a;
    padding:6px 10px;
}
#menu1 li li a:hover {
    color:#da701a;
    padding:6px 10px;
}

#wpcf7-f1-p25-o1 {margin-left:100px;}

.totop {
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
background:none repeat scroll 0 0 #333333;
border:1px solid #333333;
bottom:-5px;
color:#CCCCCC;
cursor:pointer;
font-family:verdana;
font-size:14px;
padding:2px 15px 6px 12px;
position:fixed;
right:15px;
}
.totop:hover {
background:none repeat scroll 0 0 #000000;
border:1px solid #333333;
color:#FFFFFF;
}