/*   
Theme Name: Apex Professionals
Theme URI: www.fiksie.com
Description: Custom Wordpress Theme
Author: fiksie
Author URI: fiksie.com
*/

/* global reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,
q,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;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* end of global reset */


/* ----- CSS ----- */

body{ font-family:Arial, Helvetica, sans-serif; font-size:14px; background:url(images/body-bg.jpg) repeat-x;}

/* ----- ID'S & CLASSES----- */

#wrapper { width:852px; margin: 0 auto;}

#header {width:852px; height:137px; float:left;}
#header #logo { float:left;}

#header #top-navigation { height:31px; float:right; padding-left:5px; background:url(images/menu-left.jpg) no-repeat;}
#header #top-navigation ul { background:url(images/menu-right.jpg) no-repeat right top; padding-right:5px;}
#header #top-navigation ul li { line-height:31px; padding: 0 3px 0 8px; display:inline; border-left:1px solid #fff; margin-left:3px;}
#header #top-navigation ul li a { font-size:11px; font-weight:bold; color:#fff; text-decoration:none; }
#header #top-navigation ul li a:hover { text-decoration:underline;}
#header #top-navigation ul li.home-link { border:none; padding-left:3px; margin-left:0;}
#header #call-now { float:right; margin-top:15px; clear:right; display:inline;}
#header #call-now p { font-size:11px; font-weight:bold; text-align:right; color:#275F9D;}
#header #call-now #phone-number { background:url(images/phone.jpg) no-repeat; padding-left: 25px; line-height:15px; color:#67A84D; font-size:17px; font-weight:bold;}

#navigation {width:852px; float:left;}
#navigation ul { margin-left:3px;}
#navigation ul li { background:url(images/navigation-li-bg.jpg) no-repeat; float:left; line-height:33px; font-size:11px; text-transform:uppercase; margin-right:1px;}
#navigation ul li a { background:url(images/navigation-a-bg.jpg) no-repeat top right; padding:0 10px; display:block; color:#fff; text-decoration:none; font-weight:bold;}
#navigation ul li:hover { background-position:bottom left;}
#navigation ul li.current_page_item { background-position:bottom left;}
#navigation ul li.current_page_item a { background-position:bottom right;}
#navigation ul a:hover { background-position:bottom right;}

#intro-home { width:852px; height:235px; position:relative; float:left; margin:10px 0; border-bottom:1px solid #f4f4f4;}
#intro-home a { position:absolute; bottom:0; left:0; height:34px;}

#hwa-excerpt { width:305px; float:left; margin-right:3px; padding:0 5px;}
#hwa-excerpt p { color:#666666; font-size:12px; font-weight:bold; padding:10px 0;}
#hwa-excerpt .read-more { padding-top:0; text-align:right; color:#E15532; font-weight:normal;}
#hwa-excerpt .read-more a {color:#E15532; text-decoration:none;}

.sidebar-box { width:280px; float:left;}
.sidebar-box h3 { background:url(images/sidebar-h3-bg.jpg) no-repeat; text-align:center; padding-top:6px; line-height:36px; color:#fff; font-size:16px; font-weight:bold;}
.sidebar-middle { background:url(images/sidebar-bg.jpg) repeat-y; padding:10px 20px; width:240px; position:relative; padding-bottom:20px;}
.sidebar-middle .testimonial p { padding-bottom:10px; color:#666; font-style:italic; font-size:12px; font-family:"Times New Roman", Times, serif;}
.sidebar-middle h5 { padding-bottom:10px; text-align:right; color:#666; font-size:12px; font-weight:bold;}
.sidebar-middle .sidebar-read-more { position:absolute; bottom:-5px; right:10px; display:block; background:url(images/sidebar-read-more.jpg) no-repeat; width:91px; line-height:25px; text-align:center; text-decoration:none; font-weight:bold; font-size:11px; color:#fff; }
.sidebar-bottom { background:url(images/sidebar-bottom-bg.jpg) no-repeat; height:14px; width:280px; overflow:hidden;}

#contact-form { width:250px; float:right;}
#contact-top { width:250px; height:89px; background:url(images/contact-top.jpg) no-repeat;}
#contact-middle { width:230px; background:url(images/contact-middle.jpg) repeat-y; padding:0 10px;}
#contact-middle p { padding:5px 0; position:relative;}
#contact-middle label { font-size:12px; color:#666; line-height:21px;}
#contact-middle .contact-label { float:left; width:100px;}
#contact-middle .contact-input { float:right; width:120px; margin-right:5px;}
#contact-middle input { width:120px; height:15px; background:#E8E8E8;}
#contact-middle textarea { width:225px; height:60px; background:#E8E8E8;}
#contact-middle #id_send { background: url(images/contact-submit.jpg) no-repeat; width:71px; height:25px; border:none; position:absolute; bottom:-8px; right:0;}
#contact-bottom { width:250px; height:17px; background:url(images/contact-bottom.jpg) no-repeat; overflow:hidden;}

#content {width:;}

#intro-subpage {  margin:10px 0; float:left; height:136px; width:100%; position:relative; text-align:center;}
#intro-subpage img { width:837px; height:136px; border:3px solid #fff;}
#intro-subpage h2 { position:absolute; right:80px; top:60px; color:#3971BC; font-size:26px;}

#main { width:560px; float:right;}
#main h1 { font-size:30px; font-weight:bold; color:#666; padding-bottom:10px;}
#main h2 { font-size:26px; font-weight:bold; color:#666; padding-bottom:10px;}
#main h3 { font-size:22px; font-weight:bold; color:#666; padding-bottom:10px;}
#main h4 { font-size:18px; font-weight:bold; color:#666; padding-bottom:10px;}
#main h5 { font-size:14px; font-weight:bold; color:#666; padding-bottom:10px;}
#main h6 { font-size:12px; font-weight:normal; color:#666; padding-bottom:10px;}
#main a { color:#243976; font-size:13px; text-decoration:none;}
#main a:hover { text-decoration:underline;}
#main p.medium { font-size:14px;}
#main h3.title { color:#E15532; text-transform:uppercase; font-size:16px; font-weight:normal; padding-bottom:10px; padding-top:5px;}
#main p { font-size:11px; color:#666; padding-bottom:10px;}
#main ul { padding-bottom:10px;}
#main ul li { margin-left:5px; padding-left:10px; line-height:15px; font-size:11px; color:#666; background:url(images/list-item-bg.jpg) 
no-repeat 0 50%;}

#main .wpcf7 { width:335px; float:left; margin:20px 225px 0 0; display:inline;}
#main .contact-label { float:left; width:130px; font-weight:bold;}
#main .contact-input { float:left; width:200px; margin-right:5px;}
#main input { width:200px; height:15px; background:#E8E8E8;}
#main textarea { width:330px; height:80px; background:#E8E8E8;}
#main #id_send { background: url(images/contact-submit.jpg) no-repeat; width:71px; height:25px; border:none; float:right;}

#sidebar { width:280px; float:left;}

#footer {width:100%; background:url(images/footer-bg.jpg) repeat-x; margin-top:10px;}
#footer-container { width:852px; margin: 0 auto; height:85px;}
#footer-container ul { padding: 10px 100px; text-align:center;}
#footer-container ul li { font-size:12px; display:inline; border-left: 1px solid #A8B8D3; margin-left:3px; padding-left:5px;}
#footer-container ul #footer-home { border:none;}
#footer-container ul li a { color:#A8B8D3; text-decoration:none;}
#footer-container ul li a:hover { text-decoration:underline;}
#footer-container p { text-align:center; color:#A8B8D3; font-size:12px;}
#footer-container p a { color:#fff; text-decoration:none;}


/* ----- SPECIAL CLASSES ----- */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.aligncenter { text-align:center;}
.alignright { text-align:right;}
.green { color:#6BAA51;}
.blue {  color:#243976;}
.orange { color:#DD5A35;}