/*
Theme Name: BiggsKofford WordPress Template
Theme URI: 
Description: Wordpress theme created for Biggs Kofford
Version: 1.0
Author: Joms Calma
Author URI: http://oxzenmedia.com
Tags: 
*/
@charset "utf-8";
/* CSS Document */
body{text-align: center;font-size:62.5%; font-family: arial, sans-serif; behavior: url(images/csshover3.htc); }
h1,h2,h3,h4 {font-family: 'Palatine Linotype', Serif; color:#004385;}
h3 {font-size: 1.5em; }
h1 {font-size:2em; padding:4px 0;}
a {text-decoration:none; color:#000;}
strong {font-weight: bold;}
p { margin: 0 0 10px 0;}
ol {
	list-style: outside;
	margin: 0 0 10px 20px;
}
ol li {
	list-style: decimal;
	line-height: 18px;
}

#wrapper{width: 960px;margin: 0 auto; text-align:left; font-size:1.2em;}        

/******************************************************/
/********************* HEADER *************************/
/******************************************************/

#logo{float: left;}
#member{float: right;}

/******* TOP MENU ********/

#top-menu{
    background: #29609f url(images/topmenu_bg.jpg) repeat-x;
    text-align:    center;
    border: #1e568f 1px solid;
    
}
#top-menu ul {
    height: 33px;
    margin: 0 auto;
    padding: 0;
}
#top-menu ul li {
    display:inline;
    float:left;
    text-transform: uppercase;
    background: url(images/separator.jpg) top right no-repeat;
}
#top-menu ul li.page-item-44 {
    display:inline;
    float:left;
    text-transform: uppercase;
    background: none;
}
#top-menu a {
    color: #ffffff;
    padding:9px 25px;
    display:block;
}
#top-menu a:hover {
    color: #c4c4c4;
}
#top-menu li.last {
    background:none;
}  
#top-menu li ul {
    left:-999em;
    position:absolute;
    top:136px;
    width:150px;
    z-index:11;
}
#top-menu li ul li {
    background:#004385 none repeat scroll 0 0;
    border-bottom:1px solid #3368A3;
    border-top:1px solid #004385;
    font-size:11px;
    text-align:left;
    text-transform:capitalize;
    width:150px;
}

#top-menu li ul li a {
    padding:5px 0 5px 10px;  
}
#top-menu #subnav a {
    background-image:none;
    color:#2265D8;
    font-size:11px;
    font-weight:normal;
    height:14px;
    padding:0;
    text-decoration:none;
}
#top-menun #subnav li a .hover {
    color:#39B54A;
    font-size:11px;
    font-weight:normal;
    height:14px;
    text-decoration:none;
}
#top-menu #subnav a:hover {
    background-image:none;
    color:#39B54A;
    font-size:11px;
    font-weight:normal;
    height:14px;
    text-decoration:none;
}
#top-menu li:hover ul, #top-menu li.sfhover ul {
    left:auto;
    top:auto;
}
/******************************************************/
/********************* BANNER *************************/
/******************************************************/
#banner {
    width: 940px;
    height: 285px;
    float: left;
    margin: 0 10px;
}
#myController {
    width: 241px;
    position: absolute;
    z-index:10;
    padding: 0;
}
#myController span{
    display: inline-block;
    height: 43px;
    width: 204px;
    margin:5px 0 0 0;
    padding:0;
    background-image: url(images/tab-inactive.jpg);
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer;
    color: #c4c4c4;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:20px;
    padding: 20px 0 0 37px;
}
#myController span.jFlowSelected {
    background-image:url(images/tab-active.jpg) !important;
    color:#004385;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size:20px;
}
#jFlowSlide {
    width: 698px;
    height: 283px;
    position: relative;
    left: 240px;
    padding: 0;
    overflow:hidden;
    border: 1px solid #f1f1f1;
}
#jFlowSlide .banner-cont1 {
    width: 698px;
    height: 283px;
    float: left;
    background-image:url(images/banner-bg-company.jpg);
}
#jFlowSlide .banner-cont2 {
    width: 698px;
    height: 283px;
    float: left;
    background-image:url(images/banner-bg-services.jpg);
}
#jFlowSlide .banner-cont3 {
    width: 698px;
    height: 283px;
    float: left;
    background-image:url(images/banner-bg-specialties.jpg);
}
#jFlowSlide .banner-cont4 {
    width: 698px;
    height: 283px;
    float: left;
    background-image:url(images/banner-bg-team.jpg);
}
#jFlowSlide .banner-cont1 .banner-text {
    float: left;
    width: 268px;
    height: 263px;
    margin: 0 0 0 10px;
    /*background-image:url(images/banner-text-bg.png);*/
    padding: 20px 10px 0;
}
#jFlowSlide .banner-cont2 .banner-text {
    float: right;
    width: 268px;
    height: 263px;
    margin: 0 10px 0 0;
    /*background-image:url(images/banner-text-bg.png);*/
    padding: 20px 10px 0;
}
#jFlowSlide .banner-cont3 .banner-text {
    float: left;
    width: 268px;
    height: 263px;
    margin: 0 0 0 10px;
    background-image:url(images/banner-text-bg.png);
    padding: 20px 10px 0;
}
#jFlowSlide .banner-cont4 .banner-text {
    float: right;
    width: 268px;
    height: 263px;
    margin: 0 10px 0 0;
    background-image:url(images/banner-text-bg.png);
    padding: 20px 10px 0;
}
#jFlowSlide h1 {
    margin: 0 0 10px 0;
}
#banner p {
    margin:0;
}                                   
#jFlowSlide p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 10px 0;
}
#jFlowSlide .banner-btn {
    float: left;
    margin:14px 0 0 50px;
}
#jFlowSlide .banner-img {
    float: left;
    margin:    16px 0 0 0;
}
.jFlowPrev, .jFlowNext{
    cursor:pointer;
}
/******************************************************/
/********************* CONTENT ************************/
/******************************************************/

#content{padding: 25px 0 0 0; margin-bottom:20px;}
/******* MAIN CONTENT *******/  
#main-content{float: right; width:735px; border-left:1px solid #e5e5e5;  }
#main-content ul, #sidebar ul {list-style-image: url(images/bullet.png); margin-left:16px;}
#main-content ul {margin:0 0 10px 26px;}
#main-content a, #sidebar a {color:#004385;}
#main-content a:hover, #sidebar a:hover {color: #797979;}
#main-content h1 {margin:0 0  10px -15px;padding:0;color:#004385; font-weight:bold;}
#main-content h1 a {color:#004385;}
#main-content h2 {color:#004385; font-size: 14px; font-weight:bold;}

#logoParade div.scrollableArea img {
	float: left;
	margin-left: 25px;
}
#logoParade {
	height:150px;
	position:relative;
	width:600px;
}
div.scrollableArea {
	height:100%;
	position:relative;
	width:auto;
}
div.scrollWrapper {
	height:100%;
	overflow:hidden;
	position:relative;
	width:100%;
}


/******* SIDEBAR *******/   
#sidebar {
    width:220px;
    float:left;
}

#sidebar h3 {
    margin-bottom:5px;
}

#sidebar ul li {
    margin:0 0 5px 5px;
}

#home-left ul {
    padding: 0 10px 0 0;
}
#home-left ul li {
    display:block;
}
#home-left ul li {
    display:block;
    background: url(images/bullet.png) no-repeat 0 14px;
    padding:9px 0 10px 20px;
    border-bottom:#e6e6e6 1px solid;
} 
#home-left ul li.last {
    border:0;
}

#home-content {
    width: 918px;
    height: 226px;
    float: left;
    border: 1px solid #dcdcdc;
    background-color: #efefef;
    padding: 10px;
    margin: 10px;
}
#home-content h2 {
    padding:0 0 10px 0;
    font-size: 1.5em;
}
#home-content #home-left {
    width: 280px;
    height:226px;
    float: left;
    border-right: 1px solid #dcdcdc;
}
#home-content #home-left a {
    color: #000000;
}
#home-content #home-left a:hover {
    color: #004385;
}
#home-content #home-center {
    width: 278px;
    height:226px;
    float: left;
    border-right: 1px solid #dcdcdc;
    border-left: 1px solid #ffffff;
    padding: 0 10px;
}
#home-content #home-center a:hover {
    color: #004385;
}
#home-content #home-center h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
#home-content #home-right {
    width: 310px;
    height:220px;
    float:left;
    padding-left:18px;
    border-left: 1px solid #ffffff;
}
#home-content #home-right a:hover {
    color: #004385;
}
#home-content #home-right h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#home-right ul {
    padding: 0 10px 0 0;
}
#home-right ul li {
    display:block;
}
#home-right ul li {
    display:block;
    background: url(images/bullet.png) no-repeat 0 14px;
    padding:10px 0 10px 20px;
} 
#home-right ul li.last {
    border:0;
}
p.video_widget_before_video {
    margin: 0;
}

.right-col {
	background-color:#EFFAFF;
	border:1px solid #E5E5E5;
	float:right;
	margin:0 0 20px 20px;
	padding:5px;
}

/******************************************************/
/******************** TESTIMONIAL *********************/
/******************************************************/
#quote-box-text div, #quote-author div {
    display: none;
}
#quote-author {
    margin: 10px 0 0 0;
}
/******************************************************/
/********************* BOTTOM *************************/
/******************************************************/

#bottom{width: 100%; color:#FFF; }
#bottom h3 {color:#c4c4c4; margin-bottom:10px;}
#bottom .box {background-color:#004385;float: left; height: 230px; padding:10px; display:block; position:relative;}
#bottom .first, #bottom .last {margin-left:10px;}
#bottom p {margin:10px 0 0 20px; width:240px;}
#bottom .wpcf7-form p {margin:0;width:auto;}
#bottom .wpcf7-form .center {clear:both;}
#bottom .wpcf7-form .wpcf7-form-control-wrap {float:none;position:static;} 
#bottom .wpcf7-form .wpcf7-not-valid-tip-no-ajax {float:right;font-size:0.9em;} 
#bottom .wpcf7-form .wpcf7-response-output{margin:0;padding:0;}
#bottom .wpcf7-form .wpcf7-validation-errors, .wpcf7-mail-sent-ok{border:none;}

#bottom .first .viewmap {background:url('images/viewmap.jpg') no-repeat; width:170px; height:94px; display:block;}


#bottom input, #bottom label {float:left; margin-bottom:10px;}    
#bottom label {width:61px;}
#bottom input {width:230px;}     
#bottom textarea {width:227px;}
#bottom form {width:350px;}
#bottom input.send-btn {background:url('images/send_btn.jpg') no-repeat; width:52px;height:21px; border:none; clear:both; float:none; font-size:0; cursor:pointer; margin:20px auto;}
#bottom .testimonial {width:255px; font-style:italic; font-size:1.2em; line-height: 20px; text-align:center;padding:20px 0; background: url(images/quote.jpg) no-repeat;}
#bottom img.quote {position:absolute;top:37px;left:15px;}
#bottom span {display: block; float:right; font-weight:bold;}

#read-more {display:block;float:right;width:105px;height:22px;background:url(images/comic_arrow.jpg) no-repeat; font-weight:bold; padding-top:4px; text-align:center;}


/******************************************************/
/********************* FOOTER *************************/
/******************************************************/

#footer {border-top:1px solid #d4d4d4; clear:both; margin:0px 10px;}
#footer #links-out img {margin:10px 5px; float:left;}
#footer-menu {text-align:right;float:right; color:#b1b1b1;}
#footer-menu a {margin:0 5px; color:#b1b1b1; line-height: 20px;}
#footer-menu a:hover {color: #666666;}
#footer-menu a.last {margin-right:0;}


/******************************************************/
/******************** UTILITIES ***********************/
/******************************************************/

.center {text-align:center;}

.clear{clear:both;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

.gutter {padding:0 10px 0 40px;}


/******************************************************/
/********************* BLOG ***************************/
/******************************************************/

h1.posttitle {
     font-family: 'Palatine Linotype', Serif; 
     color:#004385;
     font-size:2em;
     padding-top:10px;
}

.blog h2 {
     font-size:1.5em;
     padding:0px 0px 10px 0px;
}

.blog .right-col h2 {
        padding:0px;
}

.date {
     padding:0px 0px 10px 0px;
}

div.navigation {
	font-size:1.1em;
}

.alignleft {
   float: left;
   margin: 0 10px 0 0;
   width:auto;
}

.alignright {
   float: right;
   width:auto;
   margin: 0 0 0 10px;
}

.postcomment {
	font-size:1.1em;
}

#sidebar ul {
        padding-bottom:10px;
}

.comment-link {
        margin-bottom:20px;
        font-weight:bold;
}

/******************************************************/
/********************* COMMENTS ***********************/
/******************************************************/

textarea#comment {
	width:100%;

}
.commentlist {
	margin:0;
	padding:0;
}
.children {
	margin: 0 -21px -21px 0;
	padding:0;
}

h3.comments {
        padding-top:20px;
}

li.comment, li.trackback, li.pingback {
	list-style:none;
	border:1px solid #eee;
	padding:20px;
	margin:10px 0;
}
ul.children li.comment {
	margin: 10px 0 -11px 0;
}
	
.comment-body {
	overflow:auto;
}
.commentlist li.even {
	background-color:#fafafa;
}

.commentlist li.odd {
	background-color:#f6f6f6;
}
.commentlist li.bypostauthor {
	background-color:#fffff8;
}
.commentlist li.bypostauthor > .comment-body > .comment-author > cite {
	border-bottom:1px solid #aaa;
}
.comment-body p {
	font-size: 1em;
}
.comment-body blockquote {
	margin:5px 10px;
	padding:0 0 0 5px;
	border-left:0.4em solid #ddd;
	font-size:0.9em;
}
.comment-body blockquote blockquote {
	font-size:1em;
}
.comment-body img.avatar {
	float:right;
	border:1px solid #eee;
	margin:0;
	background:#fff;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
	color:#555;
	font-size:1.4em;
}
.comment-meta {
	margin:4px 0 0 0;
}
.reply {
	margin:5px 0;
	padding:0;
	font-size:1.1em;
}

.postcomment {
        font-weight:bold;
        background:#eee;
}

.posttrackback {
        font-weight:bold;
}

.permalink {
        font-weight:bold;
}

.postedit {
        font-weight:bold;
}

/* Comment ends */

/* Plugins */

span.wpcf7-list-item { display: block; }

/* Plugins End */