/*
Theme Name: Cosmo Graphis
Theme URI: http://www.cosmographis.com/
Description: The default WordPress theme for Cosmo Graphis, designed & developed by oomagoo.
Version: 1.0
Author: oomagoo
Author URI: http://www.oomagoo.com/
*/

/*****Reset Styles*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
.hidden, hr { display: none; }

/*****Clearfix Hack*****/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

/*****Body Styles*****/
body { background: #EBEBEB url(images/back.png) top center repeat-y; color: #525252; font: 62.5%/160% Arial, Helvetica, sans-serif; }

/*****Text, Lists & Links*****/
h1, h2, h3, h4 { color: #000000; font-weight: normal; line-height: 140%; margin: 0 0 10px; }
h1 { font-size: 18px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }

p { font-size: 12px; line-height: 140%; margin: 0 0 15px; }
ul, ol { margin: 0 20px 15px; }
ul li, ol li { font-size: 12px; line-height: 140%; margin: 0 10px 5px; }
ul li { list-style: square; }

a, a:visited, a:link { color: #2E56A5; }
h1 a, h1 a:visited, h1 a:link,
h2 a, h2 a:visited, h2 a:link,
h3 a, h3 a:visited, h3 a:link,
h4 a, h4 a:visited, h4 a:link { color: #000000 !important; text-decoration: none; }
a:hover { text-decoration: none; }
a img, img { border: none; vertical-align: bottom; }

#container { margin: 0 auto; padding-left: 4px; width: 960px; }

#header { background: url(images/header.png) no-repeat; height: 118px; }

#header #logo { background: url(images/logo.png); float: left; height: 39px; margin: 20px 20px 0; width: 176px; }
#header #logo a { display: block; height: 39px; outline: none; overflow: hidden; text-indent: -9999px; width: 176px; }

#header #header-telephone { background: url(images/phonenumber.png); float: right; height: 25px; margin: 30px 20px 0; outline: none; overflow: hidden; text-indent: -9999px; width: 178px; }

#header ul { clear: both; float: left; height: 38px; margin: 20px 1px 0; padding: 0; }
#header ul li { float: left; font-size: 13px; height: 38px; line-height: 38px; list-style: none; margin: 0; padding: 0; }
#header ul li a, #header ul li a:visited, #header ul li a:link { color: #FFFFFF; display: block; padding: 0 15px; text-decoration: none; }
#header ul li a:hover, #header ul li.current-menu-item a, #header ul li.current-page-ancestor a { background: #202020; }

#header ul li ul { border-bottom: 5px solid #5B82AB; height: auto; margin: -38px 0 0; position: absolute; visibility: hidden; z-index: 500; }
#header ul li ul li { display: inline; float: none; }
#header ul li ul li a { background: #202020; width: auto; }
#header ul li ul li a:hover { background: #202020; color: #5B82AB; }


#searchform { float: right; margin: 25px 10px 0 0; }
#searchform label, #searchform #submitS { display: none; }
#searchform input { background: #1E1E1E url(images/gradient.png) top repeat-x; border: 1px solid #202020 !important; color: #FFFFFF; font: 11px Arial, Helvetica, sans-serif; padding: 7px 10px; width: 168px; }

#freeconsult{ height: 83px; position: relative; right: -910px; top: 170px; width: 83px; z-index: 10; }

#page-header { background: url(images/innerpage_top.png) 0 -4px no-repeat; height: 73px; padding: 0 20px; }
#page-header h1 { color: #FFFFFF; font-size: 28px; height: 73px; line-height: 73px; }

#page-header.header-image { background: url(images/topimage.png) 0 0 no-repeat; height: 234px; margin: -83px 0 0; padding: 0; }
#page-header.header-image h1 { color: #FFFFFF; float: left; font-size: 28px; height: 73px; line-height: 73px; margin: 80px 0 81px 20px; width: 400px; }
#page-header.header-image img.attachment-post-thumbnail { float: right; }

#sidebar { float: left; padding: 20px 0 0 20px; width: 190px; }
#sidebar h3 { font-size: 18px; }
#sidebar a, #sidebar a:visited, #sidebar a:link { color: #2E56A5; font-weight: bold; text-decoration: none; }
#sidebar ul { margin: 0 0 15px; padding: 0; }
#sidebar ul li { list-style: none; margin: 0 0 10px; padding: 0; }

#sidebar iframe { margin: 0 0 15px; }

#sidebar .entry-content { display: block; }
#sidebar .entry-meta { font: italic 11px Arial, Helvetica, sans-serif; }

#content { float: right; padding: 20px 20px 0; width: 700px; }
#content-container { background: #FFFFFF url(images/bottomlogos.png) bottom center no-repeat; padding: 0 0 55px; }

#content .content-left { float: left; width: 380px; }
#content .content-right { float: right; width: 300px; }
#content .content-right strong { color: #2E56A5; }

#content .toggleButton { height: 25px; line-height: 25px; text-align: left; }
#content .toggleButton strong { background: #3C65AA; border: 1px solid #3C65AA; color: #FFFFFF; cursor: pointer; display: block; text-align: center; width: 100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#content .feature { float: left; margin: 0 15px 45px 0; width: 220px; }
#content .clear-feature { clear: both; }
#content .last-feature { margin: 0 0 45px; }

form.wpcf7-form p.textarea-row { height: auto; line-height: normal; }
form.wpcf7-form label { display: block; float: left; font-weight: bold; margin: 6px 10px 0 0; width: 105px; }
form.wpcf7-form input, form.wpcf7-form textarea { border: 1px solid #EEEEEF; color: #2A2A2A; font: 12px Arial, Helvetica, sans-serif; padding: 7px; width: 246px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
form.wpcf7-form textarea { line-height: 140%; width: 360px; }
form.wpcf7-form input:focus, form.wpcf7-form textarea:focus { border: 1px solid #DADADA; }

form.wpcf7-form .captcha-row strong { margin: 0 10px 0 0; }
form.wpcf7-form .captcha-row img { margin: 0 5px; vertical-align: middle; }
form.wpcf7-form .captcha-row input { width: 210px; }
form.wpcf7-form .button-row { margin: 0 0 20px; padding: 0; text-align: right; }
form.wpcf7-form .button-row img { float: left; }
form.wpcf7-form .button-row input { background: #3C65AA; border: 1px solid #3C65AA; color: #FFFFFF; cursor: pointer; float: right; font-weight: bold; width: 100px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

#extra-content { background: url(images/userdivider.png) top center no-repeat; clear: both; padding: 30px 0 0; }
#extra-content .extra-left { float: left; width: 460px; }
#extra-content .extra-right { float: right; width: 220px; }
#extra-content strong { color: #2E56A5; }
#extra-content a, #extra-content a:visited, #extra-content a:link { color: #2E56A5; font-weight: bold; text-decoration: none; }
#extra-content blockquote p { color: #2E56A5; font: bold italic 14px Georgia, "Times New Roman", Times, serif; margin: 0; }
#extra-content blockquote p cite { color: #525252; display: block; font-weight: normal; font: italic 11px Arial, Helvetica, sans-serif; margin: 0 0 20px; text-align: right; }

#footer { background: #FFFFFF url(images/footer.png) top center repeat-x; border-top: 1px solid #FFFFFF; clear: both; height: 105px; padding: 20px 20px 0; }
#footer p.address { background: url(images/logosfooter.png) 0 50% no-repeat; float: left; font-size: 10px; padding: 5px 0 10px 120px; width: 200px; }
#footer p.copy { clear: right; float: right; font-size: 10px; text-align: right; width: 400px; }
#footer ul { float: right; margin: 0 0 10px; padding: 0; }
#footer ul li { float: left; font-size: 10px; list-style: none; margin: 0 0 0 15px; padding: 0; }
#footer a { color: #525252; }

div.wpcf7 { margin: 0; padding: 0; }
div.wpcf7-response-output { clear: both; font-size: 12px; margin: 0; padding: 0; }
div.wpcf7-mail-sent-ok { color: #000000; }
div.wpcf7-mail-sent-ng { color: #ff0000; }
div.wpcf7-spam-blocked { color: #ff0000; }
div.wpcf7-validation-errors { color: #ff0000; }
span.wpcf7-form-control-wrap { position: relative; }
span.wpcf7-not-valid-tip { color: #ff0000; font-size: 12px; display: block; height: 20px; margin: 5px 0; line-height: 20px; }
span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt;display: block; }
span.wpcf7-list-item { margin-left: 0.5em; }
.wpcf7-display-none { display: none; }
div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; margin-left: 4px; }
div.wpcf7 .watermark { color: #888; }
