/* CSS Document */
Theme Name:SKM
Description:Sasha Klein Marketing Theme.
Version:2.7
Author:SKM
Author URI:http://www.sashakleinmarketing.com
Tags:space, custom header, fixed width, two columns, widgets
The CSS, XHTML and design under 960 Grid System:
*/
/*------------------------------------------------------
        Error / Success / Notice
  ------------------------------------------------------*/
.wpcf7-not-valid-tip-no-ajax{background:#f0f0f0; border:1px solid #b8b8b8}

.wpcf7-mail-sent-ok{background:#ccfcd1; border:1px solid #60a400}

.wpcf7-validation-errors{background:#f9e3e3; border:1px solid #e79e9e}

.wpcf7-not-valid-tip-no-ajax{background:#fcf0cc; border:1px solid #ecc735}

.wpcf7-not-valid-tip-no-ajax, .wpcf7-mail-sent-ok, .wpcf7-validation-errors{font-size:100%; color:#484848; padding:5px 10px; width:auto; margin:0 0 20px 0px; text-align:left}

.wpcf7-not-valid-tip-no-ajax  span, .notice span, .wpcf7-mail-sent-ok span, .wpcf7-validation-errors span{font-weight:bold; font-size:1.2em; padding:2px 40px}

.wpcf7-not-valid-tip-no-ajax  p, .wpcf7-mail-sent-ok p, .wpcf7-validation-errors p, .notice p{margin:0px; padding:0px 40px}

.colortheme{background:#999 URL(images/colorsbg.gif) repeat-x; padding-top:7px; padding-bottom:7px; width:100%; text-align:center}

/*-------------------------------------------------------
* Author:system32
* 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}
  
body{ font-weight:inherit; font-style:inherit; font-family:inherit; font:normal 14px/1.5 Arial,Tahoma,Helvetica,sans-serif; color:#484848; background:#fff}

* html{margin:0; padding:0}

/*------------------------------------------------------
  Logo 
  ------------------------------------------------------*/
.top_bg{height:95px; background:url(./images/topheader.jpg) top right no-repeat}
 
.logo{margin-top:10px}
 
small{ font:normal 11px Tahoma,Arial,Helvetica,sans-serif}
 
/*------------------------------------------------------
  SubPage Header
  ------------------------------------------------------*/
.subpageheader{ background:url(./images/subheaderbg.jpg) top left no-repeat;  height:115px}
.subpageheader h1{ font:bold 50px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;  letter-spacing:-3px; padding:20px 0 0 0;  color:#FFF}
.subpageheader p{ font:normal bold 16px "Trebuchet MS",Helvetica,sans-serif;  color:#FFF}

.subpageheader h1 p{ font:normal 30px Arial,"Trebuchet MS",Helvetica,sans-serif;  color:#FFF}

.centertext{text-align:center}
/*------------------------------------------------------
  Main Header
  ------------------------------------------------------*/ 
.mainheader{ background:url(./images/mainheader.jpg) top right no-repeat;  height:400px; z-index:1;  color:#FFF}
.mainheader h1{ font:normal 4.5em/60px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;  color:#fff;  font-weight:bold; letter-spacing:-4px; text-align:right; text-shadow:0 2px 0 #E67800; text-transform:normal; padding-top:25px}
.mainheader h1 span{ color:#0b0e16}
.mainheader p{ font:normal 13px Arial,"Times New Roman",Times,serif; color:#FFF}

.tourbutton{background:URL(./images/proof.png) no-repeat; width:180px; height:50px; margin:10px 0 0 35px}

h2.blogimage{ background:URL(./images/blog.gif) no-repeat;  padding-left:60px;  height:37px}

h2.testimonialimg{ background:URL(./images/testimonial.gif) no-repeat;  padding-left:65px;  height:47px}

/*------------------------------------------------------
  Homepage Slider 
  ------------------------------------------------------*/
.featured{height:204px;  padding-top:0px}

.stepcarousel{position:relative; /*leave this value alone*/overflow:scroll; /*leave this value alone*/width:399px; /*Width of Carousel Viewer itself*/height:210px; /*Height should enough to fit largest content's height*/}

.stepcarousel .belt{position:absolute; /*leave this value alone*/left:0; top:0}

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

/*------------------------------------------------------
Homepage Featured Products in Content
  ------------------------------------------------------*/ 
.servicebox{overflow:auto; height:100%; margin-bottom:10px; border-bottom:1px solid #ddd}

.rightpara2{margin-left:180px; padding:0 0 0 20px}

/*------------------------------------------------------
  Img Borders
  ------------------------------------------------------*/ 
.preview .borderimg, .blogbox .borderimg{ border:1px solid #ddd;  background:#fff;  padding:3px}

.borderimg{ border:1px solid #ddd;  background:#fff;  padding:3px}

/*------------------------------------------------------
  Default Links
  ------------------------------------------------------*/
a{color:#cb6000; text-decoration:none}
a:hover{color:#cb6000; text-decoration:underline}

h6{font-weight:bold;  color:#484848}
p{ font:normal 14px/1.7 Arial,Tahoma,Helvetica,sans-serif;  color:#484848;  font-size:inherit;  margin:0}

 h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{ vertical-align:middle}
/*------------------------------------------------------
  Homepage 4 Boxes Below header
  ------------------------------------------------------*/ 
.fbox{background:url(./images/boxbg.gif) no-repeat; padding-top:10px; height:79px; width:auto}

.fbox p, .fbox h6{margin-left:60px; padding:1px 10px 3px 0}
.fbox img{ float:left;  margin:5px 10px}
 
/*------------------------------------------------------
  Content Reset
  ------------------------------------------------------*/
.content{overflow:auto; height:100%}
.cbg{background:#fff}

.para *{margin-bottom:20px}

.text{padding:20px; padding-left:0px}

/*------------------------------------------------------
  Headings
  ------------------------------------------------------*/
h1{font:normal 32px/32px Arial,Helvetica,sans-serif; padding:0; margin:0px 0 5px 0; color:#696969}

h2{font:normal 23px/1.5 Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",sans-serif; padding:0; letter-spacing:-1px; margin:0 0 5px 0; color:#696969}

h3{font:normal 20px/26px "Trebuchet MS",Arial,Helvetica,sans-serif; padding:0; letter-spacing:-1px; margin:0 0 5px 0; color:#696969}

h4{font:normal bold 18px/20px "Lucida Sans",Arial,Helvetica,sans-serif; padding:0; letter-spacing:-2px; margin:0 0 5px 0; color:#696969}

h5{font:normal bold 14px/18px Arial,Helvetica,sans-serif; padding:0; margin:0 0 5px 0; color:#cb6000}

h6{font:normal bold 12px/16px Arial,Helvetica,sans-serif; padding:0; margin:0 0 5px 0; color:#cb6000}

.arial{font:normal 14px/1.5 Arial,Helvetica,sans-serif; margin:0 0 10px 0}

/*------------------------------------------------------
  Button /  Readmore
  ------------------------------------------------------*/
.button{font:normal 10px Arial,Helvetica,sans-serif; padding:6px 15px; text-transform:uppercase; color:#909090; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px}

a.button{text-decoration:none; background:#fefefe url(./images/buttonbg.gif) bottom left repeat-x; border:1px solid #ddd; color:#909090}
 
a.button:hover{border:1px solid #ccc; background:#fefefe url(./images/buttonbg.gif) bottom left repeat-x; color:#484848}

.navigation{padding-bottom:50px}
.navigation a{padding:5px 10px; color:#484848; border:1px solid #bdd2dc; background:url(./images/buttonbg.gif) bottom left repeat-x; text-decoration:none}
.navigation a:hover{border:1px solid #bdd2dc; color:#909090; background:url(./images/buttonbg.gif) bottom left repeat-x; text-decoration:none}

/*------------------------------------------------------
  Floats &Alignments
  ------------------------------------------------------*/
.rightalign{float:right}

.leftalign{float:left}
 
.textleft{text-align:left}
.textright{text-align:right}

.textcenter{text-align:center}

/*------------------------------------------------------
  Readmore Block
  ------------------------------------------------------*/
.readmoreblock{font:normal bold 11px Arial,Helvetica,sans-serif; padding:3px 10px; text-transform:uppercase; color:#ccc; display:block; margin-top:5px; letter-spacing:0px; border-radius:3px; -moz-border-radius:3px}

a.readmoreblock{text-decoration:none; background:#d8d8d8; background:url(./images/buttonbg.gif) bottom left repeat-x; border:1px solid #dedede; color:#b5b5b5}
 
a.readmoreblock:hover{background:#197bc4; border:1px solid #666; color:#fff}

/*------------------------------------------------------
  Footer
 -----------------------------------------------------*/
.footer{background:#1E140B;padding:40px 0; overflow:auto; height:100%; width:100% }
.footer p{color:#ffffff}

/*------------------------------------------------------
  Seperators
  ------------------------------------------------------*/
  
.linebg{margin-top:10px; margin-bottom:10px; clear:both; border-top:1px solid #d8d8d8}

/*------------------------------------------------------
  Portfolio Boxes
  ------------------------------------------------------*/
.portfolioitem .details{font:normal 12px/18px Arial,Helvetica,sans-serif; float:right; width:320px}
.portfolioitem .preview{display:block; width:240px; text-align:center}
.portfolioitem h3{color:#484848; font:normal 20px/22px Arial,Helvetica,sans-serif}

.portfolioitem{padding:20px; overflow:auto; height:100%; margin:10px 0}
.portfolioitem .corner{position:absolute; top:-2px; left:-2px; width:85px; height:85px}

/*------------------------------------------------------
  Border Block Horizontal Bar
  ------------------------------------------------------*/
 
.bordersub{border:1px solid #ddd; background:#FFF}

hr.hrbar{clear:both; border:none; border-bottom:1px solid #d8d8d8}

/*------------------------------------------------------
  Testimonial Block
  ------------------------------------------------------*/
  
blockquote, q{quotes:none}

blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
blockquote{margin:15px 0px 15px 0px; background:url(./images/quoteclose.gif) no-repeat bottom right;}

blockquote p{background:url(./images/quoteopen.gif) no-repeat top left; font-size:13px; padding-left:30px;}

.testimonial{overflow:hidden; height:100%; padding-bottom:20px}
.title{font:bold 16px/1.5 "Trebuchet MS","Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;} 
.cite{font-family:Georgia,Arial,Verdana,sans-serif; font-variant:small-caps; padding-left:30px}

/*------------------------------------------------------
  Unordered Lists
  ------------------------------------------------------*/
  
ul.listitems{margin:0; padding:0}
ul.listitems li{font:normal 12px Arial,Helvetica,sans-serif; voice-family:inherit; margin:0; height:18px; background:url(./images/circle.gif) 0% 50% no-repeat; text-decoration:none; padding:3px 10px 3px 20px}

/*------------------------------------------------------
  Search Box
  ------------------------------------------------------*/
div.topheadline fieldset{width:190px; float:right; display:block; margin-top:50px}

div.topheadline form label{display:block; background:url(./images/searchbar.png) no-repeat; width:184px; height:29px}
div.topheadline fieldset legend{display:none}
div.topheadline form label input{background:none; border:none; outline:none; width:170px; margin-top:5px; padding-left:10px; color:#484848}

.buttonhide{display:none}

/*------------------------------------------------------
  Recent Blog Entries Unordered Lists
  ------------------------------------------------------*/
ul.commonlist{margin-top:20px; margin-bottom:20px; padding:0; }

ul.commonlist li{margin-bottom:3px; font:normal 11px/18px Arial,Helvetica,sans-serif; padding:3px 0px; border-bottom:1px solid #b8b8b8; color:#666; margin-bottom:20px}
ul.commonlist li a:link, ul.commonlist li a:visited, ul.commonlist li a:active{padding:3px 0px; color:#777; text-decoration:none}

ul.commonlist li a:hover{color:#484848; padding:3px 0px; text-decoration:none}

ul.commonlist li img{vertical-align:middle; margin-right:5px}

.tb10{margin:10px 0}
.tb20{margin:20px 0}

div.date{margin:5px 0 5px 0}

/*------------------------------------------------------
  Sidebar Menu
  ------------------------------------------------------*/
.submenu{margin:10px 0}

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

.submenu li a{font:normal 12px Arial,Helvetica,sans-serif; voice-family:inherit; height:16px; margin:0; color:#696969; border-bottom:1px solid #dedede; text-decoration:none}

.submenu li li a{font:normal 12px Arial,Helvetica,sans-serif; margin:0; color:#696969; text-decoration:none; border-bottom:1px solid #dedede; text-decoration:none}

.submenu li li a:link, .submenu li li a:visited{color:#696969; display:block; padding:6px 10px}

.submenu li a:link, .submenu li a:visited{color:#696969; display:block; padding:6px 10px}

.submenu li a:hover{color:#484848; padding:6px 10px}

.submenu li li a:hover{color:#484848; padding:6px 10px}

.submenu li li.current_page_item a{color:#484848; font-weight:bold; text-decoration:none}
.submenu li.current_page_item a{color:#484848; font-weight:bold; text-decoration:none}
.submenu li.current-cat a{color:#484848; font-weight:bold; text-decoration:none}
.submenu ul li.current_page_ancestor{color:#484848; font-weight:bold; text-decoration:none}

/*------------------------------------------------------
  Comments
  ------------------------------------------------------*/
.the_commentor{float:left; width:110px; text-align:right}
.the_commentor p{padding:0; margin:0}

.comment-metadata a{text-decoration:none; font-size:10px; letter-spacing:0}

.the_comment{float:right; width:450px; font:normal 12px/18px Arial,Helvetica,sans-serif; letter-spacing:-1; color:#5d5949; padding:20px; margin-right:5px; min-height:100px; margin-bottom:10px; background-color:#f8f8f8; border:1px solid #ddd}

ol.commentlist li.alt .the_comment{position:relative; top:1px; overflow:auto; background-color:#fff}

ol.commentlist{padding:10px 0; margin:0}

ol.commentlist li{clear:both; list-style:none}

.comment-author{font:normal bold 14px/16px Arial,Helvetica,sans-serif; margin-bottom:0}

.comment-author a{color:#1a7dc7; text-decoration:none}

.commentlist .the_comment a{color:#1a7dc7}

.commentlist .the_comment a:hover, .comment-author a:hover{color:#1a7dc7; text-decoration:underline}

/*------------------------------------------------------
  Top BlogPage Post Info
  ------------------------------------------------------*/
.postinfo{background:#e8e8e8; padding:3px 10px; font-size:11px; color:#777; line-height:24px}
.postinfo a{color:#484848; padding:3px 3px}

*html .postinfo /* IE6 Height Fix */{line-height:30px}
/*------------------------------------------------------
  Blogpage Box
  ------------------------------------------------------*/
.blogbox{padding:20px; overflow:auto; height:100%}

.blogbox img{margin-right:20px}

div.blogbox p{padding:20px 0 5px 0}

.avatarimg{background:#FFF; padding:5px; border:1px solid #cdcdcd}
.avatarimg:hover{background:#FFF; padding:5px; border:1px solid #6c6c6c}

/*------------------------------------------------------
  Blog Page Box Bottom Bar
  ------------------------------------------------------*/
.bottomblog{background:#fdfefe url(./images/boxbar.gif) top left repeat-x; padding:10px; overflow:auto; height:100%; border:1px solid #ddd; border-top:0}

/*------------------------------------------------------
  Comment Page form
  ------------------------------------------------------*/
#commentform input{width:170px; padding:5px; margin:5px 5px 1px 0}

#commentform{margin:5px 10px 0 0}
#commentform textarea{width:500px; padding:2px}
#respond:after{content:".";  display:block;  height:0;  clear:both;  visibility:hidden}
#commentform #submit{margin:0 0 5px auto; float:left}
#commentform p{font-family:'Lucida Grande',Verdana,Arial,Sans-Serif}
#commentform input, #commentform textarea{font:0.9em 'Lucida Grande',Verdana,Arial,Sans-Serif}

#respond:after{content:".";  display:block;  height:0;  clear:both;  visibility:hidden}

/*******************/
#wp-calendar{border-collapse:separate; border-spacing:0; text-align:center; width:100%}
#wp-calendar caption{color:#484848; font-size:11px; padding:8px 0}
#wp-calendar th{background:#dbdbdd; color:#484848; font-size:11px; padding:8px 0}
#wp-calendar td{border-top:1px solid #dbdbdd; border-collapse:seperate; color:#484848; padding:8px 0; font-size:11px; overflow:hidden; vertical-align:middle; width:14.28%}

#wp-calendar td:hover{border-top:1px solid #b8b8b8; color:#484848; font-size:11px; overflow:hidden; vertical-align:middle; width:14.28%}

#wp-calendar td#today{background:#484848; border-top:1px solid #000; color:#fff; overflow:hidden; vertical-align:middle}

#wp-calendar a{font-style:normal; font-weight:bold}
#prev{text-align:left}
#next{text-align:right}
#prev a, #next a{color:#484848; font-size:11px; font-style:normal; font-weight:normal; padding:3px 0 0 0; text-decoration:none; text-transform:uppercase}
#prev a:hover, #next a:hover{color:#000}

.submitbutton{border:none; background:URL(./images/submit.gif) no-repeat; width:94px; height:24px; text-indent:-9999px}

/*------------------------------------------------------
  Top Menu Lists
  ------------------------------------------------------*/
.topmenu{margin-top:30px; float:right}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu{line-height:1.0; position:relative; z-index:100; float:right}
.sf-menu ul{position:absolute; top:-999em; width:15em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; font:normal bold 16px Arial,"Trebuchet MS",Tahoma,Verdana,Sans-serif; position:relative; text-shadow:0 2px 0 #000000; text-transform:uppercase}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:0; top:2.5em; /* match top ul list item height */}
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{left:15em; /* match ul width */top:0}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:15em; /* match ul width */top:0}

/*** DEMO SKIN ***/
.sf-menu{float:left; margin-bottom:1em}
.sf-menu a{padding:.50em 1.2em; text-decoration:none}
.sf-menu a, .sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/color:#BCAEA1}
.sf-menu li ul{border-bottom:1px solid #545454}
.sf-menu li li{background:#715d4d}
.sf-menu li li li{background:#715d4d}
.sf-menu li:hover, .sf-menu li.sfHover, 
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{text-decoration:none; color:#fff; outline:0; background:#715d4d bottom left repeat-x}

/*** currentpage **/
.sf-menu .current_page_item a, .sf-menu .current-cat a:visited{/* visited backgrounds for the current page status */text-decoration:none; color:#fff; outline:0; background:#715d4d bottom left repeat-x}

/*** arrows **/
.sf-menu a.sf-with-ul{padding-right:2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator{position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('./images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */}
a >.sf-sub-indicator{ /* give all except IE6 the correct values */top:.8em; background-position:0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus >.sf-sub-indicator, 
a:hover >.sf-sub-indicator, 
a:active >.sf-sub-indicator, 
li:hover >a >.sf-sub-indicator, 
li.sfHover >a >.sf-sub-indicator{background-position:-10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator{background-position: -10px 0}
.sf-menu ul a >.sf-sub-indicator{background-position: 0 0}
/* apply hovers to modern browsers */
.sf-menu ul a:focus >.sf-sub-indicator, 
.sf-menu ul a:hover >.sf-sub-indicator, 
.sf-menu ul a:active >.sf-sub-indicator, 
.sf-menu ul li:hover >a >.sf-sub-indicator, 
.sf-menu ul li.sfHover >a >.sf-sub-indicator{background-position:-10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul{background:url('./images/shadow.png') no-repeat bottom right; padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px}
.sf-shadow ul.sf-shadow-off{background:transparent}

/*
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/* `Containers
----------------------------------------------------------------------------------------------------*/
.container_12, 
.container_16{margin-left:auto; margin-right:auto; width:960px}

/* `Grid >>Global
----------------------------------------------------------------------------------------------------*/
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11, 
.grid_12, 
.grid_13, 
.grid_14, 
.grid_15, 
.grid_17{display:inline; float:left; margin-left:10px; margin-right:10px}

.container_12 .grid_3, 
.container_16 .grid_4{width:220px}

.container_12 .grid_6, 
.container_16 .grid_8{width:460px}

.container_12 .grid_9, 
.container_16 .grid_12{width:700px}

.container_12 .grid_12, 
.container_16 .grid_16{width:960px}

/* `Grid >>Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha{margin-left:0}

.omega{margin-right:0}

/* `Grid >>12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1{width:60px}

.container_12 .grid_2{width:140px}

.container_12 .grid_4{width:300px}

.container_12 .grid_5{width:380px}

.container_12 .grid_7{width:540px}

.container_12 .grid_8{width:620px}

.container_12 .grid_10{width:780px}

.container_12 .grid_11{width:860px}

/* `Grid >>16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1{width:40px}

.container_16 .grid_2{width:100px}

.container_16 .grid_3{width:160px}

.container_16 .grid_5{width:280px}

.container_16 .grid_6{width:340px}

.container_16 .grid_7{width:400px}

.container_16 .grid_9{width:520px}

.container_16 .grid_10{width:580px}

.container_16 .grid_11{width:640px}

.container_16 .grid_13{width:760px}

.container_16 .grid_14{width:820px}

.container_16 .grid_15{width:880px}

.container_16 .grid_17{width:200px}

/* `Prefix Extra Space >>Global
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_3, 
.container_16 .prefix_4{padding-left:240px}

.container_12 .prefix_6, 
.container_16 .prefix_8{padding-left:480px}

.container_12 .prefix_9, 
.container_16 .prefix_12{padding-left:720px}

/* `Prefix Extra Space >>12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1{padding-left:80px}

.container_12 .prefix_2{padding-left:160px}

.container_12 .prefix_4{padding-left:320px}

.container_12 .prefix_5{padding-left:400px}

.container_12 .prefix_7{padding-left:560px}

.container_12 .prefix_8{padding-left:640px}

.container_12 .prefix_10{padding-left:800px}

.container_12 .prefix_11{padding-left:880px}

/* `Prefix Extra Space >>16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1{padding-left:60px}

.container_16 .prefix_2{padding-left:120px}

.container_16 .prefix_3{padding-left:180px}

.container_16 .prefix_5{padding-left:300px}

.container_16 .prefix_6{padding-left:360px}

.container_16 .prefix_7{padding-left:420px}

.container_16 .prefix_9{padding-left:540px}

.container_16 .prefix_10{padding-left:600px}

.container_16 .prefix_11{padding-left:660px}

.container_16 .prefix_13{padding-left:780px}

.container_16 .prefix_14{padding-left:840px}

.container_16 .prefix_15{padding-left:900px}

/* `Suffix Extra Space >>Global
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_3, 
.container_16 .suffix_4{padding-right:240px}

.container_12 .suffix_6, 
.container_16 .suffix_8{padding-right:480px}

.container_12 .suffix_9, 
.container_16 .suffix_12{padding-right:720px}

/* `Suffix Extra Space >>12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1{padding-right:80px}

.container_12 .suffix_2{padding-right:160px}

.container_12 .suffix_4{padding-right:320px}

.container_12 .suffix_5{padding-right:400px}

.container_12 .suffix_7{padding-right:560px}

.container_12 .suffix_8{padding-right:640px}

.container_12 .suffix_10{padding-right:800px}

.container_12 .suffix_11{padding-right:880px}

/* `Suffix Extra Space >>16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1{padding-right:60px}

.container_16 .suffix_2{padding-right:120px}

.container_16 .suffix_3{padding-right:180px}

.container_16 .suffix_5{padding-right:300px}

.container_16 .suffix_6{padding-right:360px}

.container_16 .suffix_7{padding-right:420px}

.container_16 .suffix_9{padding-right:540px}

.container_16 .suffix_10{padding-right:600px}

.container_16 .suffix_11{padding-right:660px}

.container_16 .suffix_13{padding-right:780px}

.container_16 .suffix_14{padding-right:840px}

.container_16 .suffix_15{padding-right:900px}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear:both; content:'.'; display:block; visibility:hidden; height:0}

.clearfix{display:inline-block}

* html .clearfix{height:1%}

.clearfix{display:block}

.red{color:#823104}
.blue{color:#00438E}

.proof .right {float:right; width:312px;}
.proof img {border:1px solid #E1E1E1;}

.wpcf7 .input {padding:50px}