/*   
Theme Name: MaxSil Theme
Theme URI: http://maxsil.com
Description: Theme for MaxSil
Author: Zigzag Advertising
Author URI: http://zigzagadvertising.com.au
Version: 1.0
*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin: 0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
article, aside, figure, footer, header, hgroup, nav, section {display:block}
img,
object,
html {overflow-y:scroll; background:#272727}
ul {list-style:none}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent}
input, select {vertical-align:middle}
pre {white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word}
.ie6 input {vertical-align:text-bottom;}
select, input, textarea {font:99% sans-serif}
 a:hover, a:active {outline:none}
small {font-size:85%}
strong, th {font-weight:bold}
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}
button, input, select, textarea {margin:0}
button {width:auto; overflow:visible}
textarea {min-width:300px; max-width:300px; min-height:150px; max-height:150px}
input {width:300px}
input[type=submit] {width:100px}

.ie7 img {-ms-interpolation-mode: bicubic}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before, .clearfix:after {content: "\0020"; display:block; height:0; overflow:hidden}
.clearfix:after {clear:both}
.clearfix {zoom:1}  

body {font:13px/17px Helmet, Freesans, sans-serif; position:relative;
  background:#fdf2df;
  background:-moz-linear-gradient(top,  #fdf2df 16%, #f3dfb6 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(16%,#fdf2df), color-stop(100%,#f3dfb6));
  background:-webkit-linear-gradient(top,  #fdf2df 16%,#f3dfb6 100%);
  background:-o-linear-gradient(top,  #fdf2df 16%,#f3dfb6 100%);
  background:-ms-linear-gradient(top,  #fdf2df 16%,#f3dfb6 100%);
  background:linear-gradient(to bottom,  #fdf2df 16%,#f3dfb6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdf2df', endColorstr='#f3dfb6',GradientType=0 )}
body, select, input, textarea {color:#333}
a {text-decoration:none}
a:hover {color:#69f}
::-moz-selection{background:#33A02C; color:#fff; text-shadow:none}
::selection {background:#33A02C; color:#fff; text-shadow:none}
a:link {-webkit-tap-highlight-color:#fcd700}
br {display:block; height:0; margin:0}
.main ul, p, h3 {margin-bottom:10px}
.footer-wrap li, a, h2, h3, small {color:#fff}
h2, h3 {font-family:'oswaldbook', sans-serif}
h2, h3, h4, h5 {font-weight:normal}

/* Styles
-------------------------------------------------------------------------------*/
.description {display:none}
.lt {float:left}
.rt {float:right}
.ib {display:inline-block}
ul.disc li {list-style:disc; list-style-position:inside}
.greencolor {color:#33a02c}
.green, #post-243, #post-256 {background:#33a02c}
.orange, #post-240, #post-254, #post-591, #post-722 {background:#ffb300}
.grey, #post-235, #post-728 {background:#3a3a3a}
.litegreen, #post-61, #post-720 {background:#87c71a}
.pinkcolor {color:#c34e5e}
.shadowed {
-webkit-box-shadow:0 5px 15px #767676;
-moz-box-shadow:0 5px 15px #767676;
box-shadow:0 5px 15px #767676}
#page-wrap {background:#fff url(_/img/swirl.png) no-repeat center 355px; width:960px; margin:0 auto; display:block}
.wrap {width:960px; margin:0 auto}
.grid {margin-left:10px; margin-right:10px}
.ib {vertical-align:top; display:inline-block}

.top {background:#272727;position:relative; z-index:2; height:60px}
.info {width:380px}
.info li {display:inline; color:#fff; font-size:0.8em}
.pattern {background:url(_/img/pattern.png) repeat 0 -5px; display:block; height:5px; position:relative; z-index:2}
h1 a{background:url(_/img/branding.jpg) no-repeat; display:block; height:140px; width:286px; text-indent:-99999px}
.ribbon {display:block; width:230px; text-align:center; line-height:42px; font-size:1.75em; background:#84c32f; position:relative; left:-18px; margin-bottom:20px; color:#fff}
.ribbon:after {content: ' '; position: absolute; width:0; height:0; left:0px; top:100%; border-width: 4px 4px; border-style:solid; border-color: #96ad87 #96ad87 transparent transparent}

.header-wrap {display:block; background:#ace589; height:140px; position:relative; top:-8px; z-index:1; margin:0}
header nav {position:relative}
header nav li a {font:1.188em 'oswaldbook', sans-serif; text-shadow: 0 1px 1px rgba(255,255,255,.3); color:#3a3a3a; float:left; margin-top:100px; display:block; height:30px}
header nav .current-menu-item a, header nav li a:hover {background:url(_/img/hover.png) no-repeat bottom center; border-bottom:3px solid #35a857; color:#272727}
header nav li ul  {display:none; background:#272727; padding:20px 0 0 20px; opacity:0.9}
header nav ul li ul li {float:none; height:30px; margin:0}
header nav ul li ul {position:absolute; left:190px; top:130px}
header nav ul li ul li a {color:#fff; display:block; width:140px; text-align:left; margin:0}
header nav ul li ul li a:hover {text-decoration:underline; color:#ace589; background:none; border:none}
header nav ul li:hover > ul {display:block}
header nav div {width:300px; float:left}
#menu-item-33 ul li a, #menu-item-337 ul li a {color:#fff; border:none; background:none}
#menu-item-337 .current-menu-item a, #menu-item-337 ul li a:hover, #menu-item-33 ul li a:hover {color:#ace589; text-decoration:underline}
#menu-item-33 ul {left:120px}

.leftnav {margin-right:40px}
.leftnav li a{margin-right:20px}
.rightnav{float:right}
.rightnav li a{margin-left:15px; float:right}

.bottom-wrap {position:relative}
.bottom {position:absolute; top:-50px; width:100%; left:0; right:0}
.pattern2 {background:url(_/img/pattern.png) repeat 0 0; display:block; height:5px;}
.footer-wrap {background:#272727; padding-top:10px; height:110px}
.footer-wrap nav li {display:inline; margin-right:10px}
.info-bottom li {background:url(_/img/icons.png) no-repeat; padding-left:26px; height:16px; display:block; margin-bottom:10px}
li.telephone {background-position:0 -16px}
li.nobg {background:none; margin:5px 0}
li.email {background-position:0 -32px}
.footer-wrap a:hover {color:#ACE589}

.main {background:#fff; position:relative; top:-8px; padding-bottom:100px; padding-top:20px}

/*slider*/
div.lof-next {position:relative; z-index:4 !important; left:860px; width:60px !important; top:150px !important; height:73px !important}
div.lof-previous {position:relative; z-index:4 !important; left:-20px !important; top:150px !important; width:60px !important; height:73px !important}
.lof-main-outer {left:20px !important; overflow:none !important}
.lof-navigator li {width:12px !important; height:10px !important; margin:0 0 0 10px !important}
.lof-navigator-wapper {background:url(_/img/ribbon.png) no-repeat; display:block !important; width:260px !important; height:48px !important; left:340px !important; top:360px !important}
.lof-navigator-outer {left:75px !important; top:10px !important}
.preload {background:none !important}

/*home*/
.slider {margin-bottom:40px}
.swirl {background:#fff url(_/img/swirl.png) no-repeat center 400px; width:960px; margin:0 auto; display:block}
.art-wrap {padding:0 2px}
.art-wrap p{background:#fff; display:block; height:123px; padding:10px}

.home article, .about article, .why article {width:450px; height:190px; margin-bottom:20px}
.home article h3, .about article h3, .why article h3 {display:block; text-align:center; color:#fff; font:1.188em 'oswaldbook', sans-serif; line-height:45px; margin:0}
.home h2 {margin:80px 0 20px; text-align:center; font:2em 'oswaldbook', sans-serif; color:#333}
.home section h3 {text-align:left; color:#c34e5e}
.home section ul li{list-style:disc; list-style-position:inside}


/*about*/
.about article {height:180px}
.about .art-wrap p {height:113px}
.about section h3 {background:#f3dfb6 url(_/img/advanced.jpg) no-repeat left; padding-left:300px; display:block; line-height:128px; font-size:3em; color:#3a3a3a}
.team h3 {font-size:1.5em; color:#87c71a}
ul.team {padding:0 50px}
.team li {display:inline-block; margin:0 20px 20px 0}
.team li img {margin:0; padding:0}
.team li a {line-height:30px; color:#fff; background:#7fc855; text-align:center; display:block; width:140px; margin:0; padding:0}

/*why*/
.why h3 {font-size:1.25em; color:#87c71a; text-align:left}
.why li {list-style:disc; list-style-position:inside}
.why article {height:360px}
.why .art-wrap {height:200px}
.why img {background:#fff; padding:10px 103px 0}

/*crops*/
.crops h3 {font-size:1.5em; margin-bottom:20px; color:#3a3a3a}
.crops h4 {margin:20px 0}
.crops h4 a, .case h6 a {color:#fff; padding:10px; background:#33a02c; font:1.25em 'oswaldbook', sans-serif; width:200px; display:block; text-align:center}
.crops h4 a:hover, .case h6 a:hover {background:#87c71a}
.crops img {margin:0 20px 10px 0; float:left}
.crops li {display:inline-block; margin:0 8px 16px}
.crops li img {margin:0}

/*case studies*/
.case {width:680px}
.case h3, h4, h5 {color:#33a02c}
#sidebar {width:210px; line-height:40px;}
#sidebar h2, #sidebar li a, .case h5{font:1.25em 'oswaldbook', sans-serif}
#sidebar h2 {text-align:center; line-height:40px; background:#ace589; color:#3a3a3a}
#sidebar li a{font-size:1em; color:#fff; padding-left:20px}
#sidebar ul {background:#3a3a3a; margin-bottom:20px}
#sidebar .current-menu-item a, #sidebar ul li a:hover {text-decoration:underline; color:#ace589}
.case h3 {font-size:1.25em; text-decoration:underline; text-align:left}
.case h4 {font-size:0.875em; margin-bottom:20px}
.case-gallery li {float:left}
.case table {border-collapse:collapse; margin:0 auto}
.case td {border:1px solid #767676; text-align:center; line-height:30px}

/*brochures*/
.brochures {width:680px; margin-right:20px}
.brochures h3 {color:#33a02c; text-align:left; font-size:1.25em; margin-right:20px}
.rightbar {width:220px}
.rightbar h3 {color:#3a3a3a; font:1.25em 'oswaldbook', sans-serif; margin-bottom:20px}
.rightbar a {color:#3a3a3a; line-height:30px; font-family:'oswaldbook', sans-serif}
.rightbar a:hover {text-decoration:underline}
.brochures li {color:#333; list-style:disc; list-style-position:inside}

/*contact*/
iframe {border:2px solid #33a02c}
.contact h3 {color:#3a3a3a; font-size:1.5em; margin-top:20px}
textarea, input {border:2px solid #d4eddb; height:20px; outline:none}
textarea:focus, input:focus {border:2px solid #87c71a}
td:first-child  {width:120px}
td {height:35px; font-family:'verdana', sans-serif}
td textarea {vertical-align:top}
input[type=submit] {background:#ACE589; border:none; height:30px; color:#fff; font-family:'oswaldbook', sans-serif}


/*update 4 11 2013*/
/*new home*/
.new.home article {width:215px; height:250px}
.new.home h3 {font-size:1em}
.new.home .art-wrap p {height:144px; margin-bottom:0}
.read-more-wrap {background:#fff; width:211px; display:block; line-height:39px}
.kcvtst-widget-readmore a, .read-more-wrap a {color:#595959; font:1em "Oswald", arial, sans-serif; margin-left:140px; border-bottom:1px dashed #595959}
.kcvtst-widget-readmore a {border:none; margin-left:300px}

.home-main-content {width:450px}
.testimonials {width:450px}
.home-main-content h2, .testimonials h2 {color:#33A02C; margin:0 0 10px 0; padding-bottom:10px; text-align:left; border-bottom:1px solid #ccc}
#gc-testimonial-widget-2 {list-style:none}
.lof-container {overflow:hidden}
a.send-testimonials {display:block; width:200px; text-align:center; padding:10px; background:#ACE589; font:normal 18px "oswald", arial, sans-serif; color:#272727}
a.send-testimonials:hover {background:#84C32F}

@font-face {
    font-family: 'oswaldbook';
    src: url('_/fonts/oswald-regular-webfont.eot');
    src: url('_/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/fonts/oswald-regular-webfont.woff') format('woff'),
         url('_/fonts/swald-regular-webfont.ttf') format('truetype'),
         url('_/fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight:normal;
    font-style:normal}
@font-face {    
    font-family: 'DancingScriptOTRegular';
    src: url('_/fonts/DancingScript-Regular-webfont.eot');
    src: url('_/fonts/DancingScript-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('_/fonts/DancingScript-Regular-webfont.woff') format('woff'),
         url('_/fonts/DancingScript-Regular-webfont.ttf') format('truetype'),
         url('_/fonts/DancingScript-Regular-webfont.svg#DancingScriptOTRegular') format('svg');
    font-weight:normal;
    font-style:normal}