/*
Theme Name: SSX Theme
Theme URI: http://www.xhtmljunction.com/themes/ssxtheme
Author: the SSX team
Author URI: http://www.xhtmljunction.com/
Description: The SSX Theme theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. SSX Theme comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: ssxtheme
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

*{margin:0; padding:0;}
img, fieldset{border:none;}
.curv{float:left; width:100%;}
.curv img{float:left;}
:focus{outline:none}
a{ text-decoration:none; outline:none;}
.left { float:left;}
.right{float:right;}
body{width:100%; font-size:12px; line-height:14px;  font-weight:normal; background:#000; font-family:Arial, Helvetica, sans-serifs}
a{color:#ECA72D;}

.wrapper{width:960px; margin:0 auto}

.top_bg{ float:left; background:url(images/top_bg.jpg) repeat-y center 0; width:100%}
.middle_bg{ float:left;width:100%; background:url(images/middle_bg1.jpg) no-repeat center 0; margin:-1px 0; }
.bottom_bg{ float:left; width:100%; background:url(images/bottom_bg.jpg) no-repeat bottom center; padding-bottom:49px}

header{ float:left; width:100%; background:url(images/header_bg.png) repeat-x 0 0}	
.left_details{float:left; width:482px; padding:0 0 10px 18px}
.left_details .logo{ float:left ;width:100%; margin:0 0 -12px -13px}
.left_details h3{ color:#f3f3f3; font-size:14px; line-height:17px; font-weight:bold; text-transform:uppercase; padding-bottom:2px; display:block; font-family:Georgia, "Times New Roman", Times, serif ;text-shadow:2px 2px 2px #000000;  }
 .left_details p{color:#cbcbcb; font-size:9px; line-height:12px; text-shadow:1px 1px 1px #000000;  font-family:'lucida_grandebold'; padding-bottom:8px;}	

.right_details{float:right; width:440px}
.right_details .contact{float: right; width:384px; padding-top:13px; text-align:center; margin-right:6px}
.contact span{ color:#f6f6f6; font-size:24px; line-height:26px; padding-bottom:4px ; display:block; font-family:'lucida_grandebold';text-shadow:1px 0px 2px #000000}
.contact strong{color:#df9920; font-size:30px; line-height:32px; font-weight:bold; text-shadow:2px 2px 2px #000000; font-family:Georgia, "Times New Roman", Times, serif}
.contact small{ color:#f6f6f6; font-size:16px; line-height:18px; padding-top:6px ; display:block;  font-family:'lucida_grandebold'}
.contact p {color:white;}

#banner{ float:left; width:100%; position:relative}
#banner img{ float:left; /*width:100%; height:337px*/}
#banner .content_details{ position:absolute; left:0; top:0px; width:100%}
#banner .content_details .text_details{float:left; background:url(images/text_bg.png) no-repeat 0 0; width:338px; height:139px; text-align:center; padding-top:30px; margin:4px 0 0 10px}
.content_details .text_details span{color:#f3f3f3; font-size:23px; line-height:26px; font-family:'lucida_grandebold'}
.content_details .text{ width:580px; display:inline-block; color:#f3f3f3; font-size:29px; line-height:33px; font-family:'lucida_grandebold' ; text-align:right; padding:218px 10px 0 0 ;  }
.content_details span.text img{ width:auto; height:auto;  }


nav{width:100%; background:url(images/nav_bg.jpg) repeat-x 0 0;position:absolute; bottom:0px; left:0px}
nav ul{float:left; width:-moz-max-content; list-style:none; padding:14px 0 14px 31px;  *padding:14px 0 14px 39px}
nav ul li{display:inline; padding-right:45px; float:left;  font-family:'lucida_granderegular'; text-shadow:2px 2px 2px #000000; font-size:13px; line-height:15px; text-transform:uppercase}
nav ul li a{text-decoration:none; color:#f6f6f6}

#body_container{ float:left; width:100%; }
#body_container .container{ float:left; width:944px; padding:0 8px}
.left_container{ float:left; width:241px; border:1px solid #5b5a5c; background:url(images/left_con_bg.jpg) repeat 0 0; padding:20px 0 30px 17px;  *padding:20px 0 92px 17px; margin:7px 0 0 2px;  min-height:1145px; height:auto!important;}
.heading_box{float:left; width:222px; background:url(images/heading_bg.png) no-repeat left bottom; padding:0 0 16px 0}
.heading_box h3{color:#eca72d; font-size:17px; line-height:20px; text-shadow:1px 1px 1px #000000; font-family:'lucida_grandebold'; text-transform:uppercase}
.heading_box img{ max-width: 100%; }
.left_container ul.list{float:left; width:100%; list-style:none; padding:18px 0 0 0}
.left_container ul.list li{background:url(images/list_bg.png) no-repeat 0 5px; padding:0 0 17px 38px; width:84%; display:inline; font-family:'lucida_grandebold'; display:block; font-size:11px; line-height:14px}
.left_container ul.list li a{text-decoration:none; color:#f6f6f6; text-shadow:2px 2px 2px #000000;  }

.left-widget ul.menu{float:left; width:100%; list-style:none; padding:18px 0 0 0}
.left-widget ul.menu li{background:url(images/list_bg.png) no-repeat 0 5px; padding:0 0 17px 38px; width:84%; display:inline; font-family:'lucida_grandebold'; display:block; font-size:11px; line-height:14px}
.left-widget ul.menu li a{text-decoration:none; color:#f6f6f6; text-shadow:2px 2px 2px #000000;  }
.left-widget h3{float:left; width:222px; background:url(images/heading_bg.png) no-repeat left bottom; padding:0 0 16px 0; margin-bottom:20px;}
.left-widget h3{color:#eca72d; font-size:17px; line-height:20px; text-shadow:1px 1px 1px #000000; font-family:'lucida_grandebold'; text-transform:uppercase}



.middle_container{ float:left; width:379px; padding:17px 10px 53px 10px; margin:7px 0px 0px 10px; background:#ffffff; color:#000000; min-height:1125px; height:auto; border:1px solid #5B5A5C;}
.middle_container h2{color:#000000; font-size:17px; line-height:29px; font-family:'lucida_grandebold'; text-transform:uppercase; width:100%; text-align:center; padding-bottom:14px}
.middle_container h2 a{ color:#E87400 !important; text-shadow:1px 1px 1px #000000;}
.middle_container p{ color:#000000; font-size:12px; line-height:150%; /*text-shadow:2px 0px 2px #000000;*/ padding-bottom:15px; font-family:'Arial'; text-align:justify;}
.middle_container p.para{padding-bottom:0px}
.middle_container h3{color:#FF0000; /*font-size:16px;*/ line-height:150%; padding-bottom:25px; font-family:'lucida_grandebold'; /*text-shadow:1px 1px 1px #000000*/}
.middle_container h2 a:hover{color:#333333  !important; font-size:17px; line-height:29px; text-shadow:1px 1px 1px #000000; font-family:'lucida_grandebold'; text-transform:uppercase; width:100%; text-align:center; padding-bottom:14px}
.middle_container a:hover{color:#000;}
.middle_container strong{font-size:12px;}
.middle_container li{list-style-type: solid;}
.middle_container ul{padding:5px 20px;color: #000000;
font-size: 10px;
line-height: 150%;
/*text-shadow: 2px 0px 2px black;*/
font-family: 'lucida_grandebold';
text-align:justify;
}


.middle_container ol{padding:20px;color: #000000;
font-size: 10px;
line-height: 150%;
text-shadow: 0px 0px 0px black;
font-family: 'lucida_grandebold';}


.right_container{float: right; width:222px; border:1px solid #5b5a5c;  min-height:1145px; height:auto!important; background:url(images/left_con_bg.jpg) repeat 0 0; padding:20px 21px 30px 17px; margin:7px 1px 0 0}

.form_box{ float:left; width:218px; padding:12px 0 10px 0}
.form_box form{ float:left; width:100%}
.form_box .input_bg{ float:left; border-top:1px solid #000000; border-bottom:1px solid #ffffff; background:#d7d7d7; width:218px; height:17px; padding:8px 10px 1px 10px; width:198px; margin-top:16px}
.form_box .input_bg input{ float:left; width:100%; background:none; border:none; font-size:11px; line-height:13px; color:#515151; font-family:'lucida_grandebold';}
.form_box .text_area{float:left;  background:#d7d7d7; background:url(images/text_area.jpg) no-repeat 0 0; padding:8px 10px 0 10px; width:198px;height:117px; margin-top:16px}
.form_box .text_area textarea{float:left; width:198px; font-size:11px; line-height:13px; color:#515151; resize:none; background:none; border:none; height:117px; font-family:Arial, Helvetica, sans-serif; font-family:'lucida_grandebold';overflow:hidden }
.form_box .sub_btn{ float:left; background:url(images/sub_btn.png) no-repeat 0 0; height:30px; text-align:center; padding-top:2px; color:#093259; font-size:14px; line-height:16px; text-shadow:0px 0px 1px #ffffff; font-family:'lucida_grandebold'; cursor:pointer; text-transform:uppercase; width:100%; border:none; margin-top:12px}
.quiz_box{color:white;}

.common_box{float:left; width:100%; padding-top:42px}
.common_details{float:left; width:100%; text-align:center; padding:12px 0 0 0}
.common_details p{color:#f6f6f6; font-size:13px; line-height:15px;  font-family:'lucida_grandebold'; text-shadow:1px 1px 1px #000000; padding-bottom:24px}
.common_details span{color:#f6f6f6; font-size:13px; line-height:18px;  font-family:'lucida_grandebold'; text-shadow:1px 1px 1px #000000; float:left;display:block }
.common_details .common_img{ width:auto; display:block}
.common_details .download_btn {float:left; width:217px; background:url(images/download.png) no-repeat 0 0; text-align:center; padding-top:7px; color:#093259; font-size:14px; line-height:16px; text-shadow:0px 0px 1px #ffffff; font-family:'lucida_grandebold'; cursor:pointer; text-transform:uppercase; margin-top:22px; height:23px}
.common_details ul{ float:left; width:100%; list-style:none; padding:24px 0 0; }
.common_details ul li{display: inline-block; margin-bottom: 15px; margin-right: 19px; }
.common_details ul li.bottom-0{ margin-bottom: 0; }
.common_details ul li.last-sm{ margin-right: 0; }
.common_details ul li img{ height: 40px; }

#menu_outer{ float:left; width:100%}
.menu{ float:left; width:100%; margin-top:-20px }
.menu ul{float:left; width:-moz-max-content; list-style:none; padding:0 0 5px 0px}
.menu ul li{display:inline; padding-right:63px; font-family:'lucida_granderegular'; text-shadow:2px 2px 2px #000000; font-size:10px; line-height:15px; text-transform:uppercase}
.menu ul li a{text-decoration:none; color:#f6f6f6}

footer{float:left; background:url(images/footer_outer.jpg) repeat-x 0 0; width:100%}
.footer_details{float:left; width:100%; padding:22px 0 19px 0}

.middle_container #wpcf7-f207-p17-o1 p { padding-bottom:0px;}
#wpcf7-f207-p17-o1 .wpcf7-submit, .middle_container .wpcf7-submit {

float: left;
background: url(images/sub_btn.png) no-repeat center;
height: 30px;
text-align: center;
padding-top: 2px;
color: #093259;
font-size: 14px;
line-height: 16px;
text-shadow: 0px 0px 1px white;
font-family: 'lucida_grandebold';
cursor: pointer;
text-transform: uppercase;
width: 50%;
border: none;
margin-top: 12px;
}


#wpcf7-f207-p17-o1 .wpcf7-textarea {background: #D7D7D7; padding: 8px; border: 1px solid #dddddd; margin-bottom: 10px;}
#wpcf7-f207-p17-o1 .wpcf7-text {background: #D7D7D7; padding: 8px; border: 1px solid #dddddd;max-width: 298px!important; margin-bottom: 10px;}
/*#wpcf7-f207-p17-o1 .your-email{background: #D7D7D7; padding: 8px; border: 1px solid #dddddd;}
#wpcf7-f207-p17-o1 .your-name{background: #D7D7D7; padding: 8px; border: 1px solid #dddddd;}*/

/****** Add css on 02-Nov-2012 *****************************/
.menu-dui-defense-container ul li{ background:url(images/list_bg.png) no-repeat 0 5px; padding:0 0 17px 38px; width:84%; display:inline; font-family:'lucida_grandebold'; display:block; font-size:11px; line-height:14px; float:left;}
.menu-dui-defense-container ul li a{text-decoration:none; color:#f6f6f6; text-shadow:2px 2px 2px #000000;}
.middle_container table tr td{ text-align:justify;}
#menu-item-499{ display:none;}
#associations{width:222px; height:auto; float:left; margin:22px 0px 22px 0px;}
.associations-row1{width:222px; height:auto; float:left; margin-bottom:15px;}
.associations-row2{width:222px; height:auto; float:left;}
/****** CSS Hack ( 21-May-2014 ) ***************************/
*:first-child+html nav ul li{ padding-right: 44px; } /* IE7 Hack */

:root nav ul li{ padding-right: 44px\9; } /* IE9 Hack */
:root .menu ul li{ padding-right: 62px\9; } /* IE9 Hack */

html[data-useragent*='MSIE 10.0'] nav ul li{ padding-right: 44px; } /* IE10 Hack */
html[data-useragent*='MSIE 10.0'] .menu ul li{ padding-right: 62px; } /* IE10 Hack */
/******************************************************/
.video-youtube img{ margin: 0 0 10px; }

#body_container .container{ width: 1152px; }
    .middle_container{ width: 585px; }
    .middle_container h2{ font-size: 24px; }
    .middle_container p{ font-size: 14px; line-height: 150%; }
    .middle_container strong{ font-size: 14px; }
        .content_details .text{ float: right; padding-top: 294px; }
.wrapper{ padding-left: 15px; padding-right: 15px; width: 1170px; }
#banner nav ul{ margin: 0 106px; padding: 14px 0; }
#banner nav ul li{ padding-right: 70px; }
#banner nav ul li.last-item{ padding-right: 0; }

#menu_outer .menu ul{ margin: 0 130px; }
.top_bg header h3.widget-title,
.top_bg #banner h3.widget-title{ display: none; }
.vcard {float: left; width: 100%; margin-top: 30px;}
.right_container div.wpcf7-validation-errors {float: left; color:#ff0000; }
.recaptchaform {margin-top: 10px;transform:scale(0.73);-webkit-transform:scale(0.73);transform-origin:0 0;-webkit-transform-origin:0 0;}
.right_container span.wpcf7-not-valid-tip {margin-top: 5px;display: inline-block!important;}
.middle_container .wpcf7-text {	padding: 5px; max-width: 288px;}
.middle_container div.wpcf7 {float: left; width: 100%; margin-bottom: 30px;}