/*
Theme Name: apollo
Theme URI: http://www.seoscholar.com/wordpress/apollo
Description: Apollo Wordpress Theme
Version: 1.0
Author: Brad Hassett
*/

/************************************************************************
#  FIXES
*************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    background: transparent;
}

:focus {
    outline: 0;
}

body {
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

strong{font-weight: bold;}
em{font-style: italic;}
.clear{clear: both;}

something:after{
  content: ".";
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
}

.left, #left, .alignleft, .Left{
	float: left;
	display: inline;
}

.right, #right, .alignright, .Right{
	float: right;
	display: inline;
}

/* for top up youtube videos */
.te_scrollable{
overflow:hidden !important;
}
/************************************************************************
#  FIXES END
*************************************************************************/





/************************************************************************
#  GENERAL
*************************************************************************/
.Clear{
clear:both;
}

h1, h1 a{
font-size: 30px;
text-decoration:none;
padding:0;
margin:0;
}

h2{
font-size:26px;
}

h3{
font-size:22px;
}

h4{
font-size:19px;
}

h5{
font-size:17px;
}

h6{
font-size:15px;
}

p, body{
font-size: 17px;
font-family: 'Tahoma', 'Arial', san-serif;
line-height: 26px;
color: #5c5c5c;
}

a:link,
a:hover,
a:visited{
color: #161616;
}

a:link, a:hover, a:visited{
text-decoration:none;
}

ul, ol{
margin:0 0 0 30px;
}


/* Begin Shortcodes */
blockquote,
blockquote p{
font-size:18px;
font-style:italic;
line-height:1.3em;
font-family:times;
}

blockquote{
background: #e5e5e5 url('images/quote-start.png') top left no-repeat;
margin:0 0 15px 0;
}

blockquote p,
.entry blockquote p{
background: url('images/quote-end.png') bottom right no-repeat;
padding:5px 25px 7px 25px;
}

blockquote.blockquoteLeft{
display:inline;
width:40%;
float:left;
margin:10px 10px 10px 0;
}

blockquote.blockquoteRight{
display:inline;
width:40%;
float:right;
margin:10px 0 10px 10px;
}

.red{
border-top: 4px solid #8F0A00;
border-bottom: 4px solid #8F0A00;
margin:0 0 15px 0;
padding: 10px 0 10px 40px;
background: url('images/shortcodes/red_alert.png') no-repeat top left;
background-position:7px 15px;
color:#222;
}

.green{
border-top: 4px solid #055F00;
border-bottom: 4px solid #055F00;
margin:0 0 15px 0;
padding: 10px 0 10px 40px;
background: url('images/shortcodes/green_plus.png') no-repeat top left;
background-position:7px 15px;
color:#222;
}

.yellow{
border-top: 4px solid #AFA000;
border-bottom: 4px solid #AFA000;
margin:0 0 15px 0;
padding: 10px 0 10px 40px;
background: url('images/shortcodes/yellow_textbox.png') no-repeat top left;
background-position:7px 15px;
color:#222;
}

.blue{
border-top: 4px solid #00456F;
border-bottom: 4px solid #00456F;
margin:0 0 15px 0;
padding: 10px 0 10px 40px;
background: url('images/shortcodes/blue_check.png') no-repeat top left;
background-position:7px 15px;
color:#222;
}

xmp.xmpCustom{
border:1px dotted #777;
padding:5px 10px;
margin:0 0 15px 0;
display:block;
}

.lightbox{
padding:0 0 1px 0;
margin:0;
float:left;
}

.lightbox img{
float:left;
margin-right:8px;
}

.lightbox img:hover{
filter:alpha(opacity=80);
opacity:0.8;
border-color:#CFCFCF;
}
/* End Shortcodes */


/* Begin Images */
.entry p img {
padding: 0;
max-width: 100%;
}

.entry img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

.entry img.alignright {
padding: 4px;
margin: 10px 0 2px 15px;
display: inline;
}

.entry img.alignleft {
padding: 4px;
margin: 10px 15px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.aligncenter{
display:block;
margin:0 auto;
}
/* End Images */
/************************************************************************
#  GENERAL END
*************************************************************************/






/************************************************************************
#  STRUCTURE
*************************************************************************/
body{
}

#wrapper-container{
}

#top-shadow{
height:14px;
background: url('images/header_dropshadow_bottom.png') bottom repeat-x;
}

#top-border{
height:4px;
border-bottom:1px solid#e5e5e5;
}

/*--- Header --*/
#header-container{
width:900px;
margin:0 auto;
}

#header-container #header{
height: 90px;
margin:0 auto;
position:relative;
z-index:999999;
}

#header-container #header #logo,
#header-container #header #logo a,
#header-container #header #logo a img{
float:left;
padding:0;
margin:0;
}

#header-container #header #navigation{
position:absolute;
top:0;
right:0;
z-index:999999;
}

/*--- Content --*/
#content{
margin:0 auto;
width:900px;
padding:50px 0;
position:relative;
}

#content-portfolio{
width:939px;
margin:0 auto;
position:relative;
left:20px;
}

#content-homepage{
width:900px;
margin:0 auto;
}

#content #narrowcolumn{
width:578px;
float:left;
}

/************************************************************************
#  STRUCTURE END
*************************************************************************/





/************************************************************************
#  SEARCH
*************************************************************************/
#header #searchform{
float:right;
margin:12px 0 20px 0;
height:22px;
}

#s{
padding:2px;
width: 145px;
height:16px;
font-size:13px;
background:#eee;
border:none;
color: #c3c3c3;
border:1px solid #dcdcdc;
border-right:none;
float:left;
}

#searchsubmit{
background:#eee url('images/search_arrow.png') no-repeat center center;
border:none;
font-size:0px;
text-indent: -9999px;
border:1px solid #dcdcdc;
float:left;
height:22px;
width:22px;
color:#DCDCDC;
}
/************************************************************************
#  SEARCH END
*************************************************************************/





/************************************************************************
#  NAVIGATION
*************************************************************************/
#navigation ul{
left:15px;
float:right;
}

#navigation ul, #navigation ul ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
z-index:999999;
}

#navigation ul a{
display:block;
padding:5px 12px 15px 12px;
text-decoration:none;
background:none;
font-size:15px;
height:16px;
line-height:15px;
color: #151515;
}

#navigation ul li li a:hover{
color: #4183ae;
}

#navigation ul li{
float:left;
position:relative;
}

#navigation ul li.current_page_item{
background: url('images/nav_arrow.png') bottom center no-repeat;
}

#navigation ul li.current_page_ancestor{
background: url('images/nav_arrow.png') bottom center no-repeat;
}

#navigation ul li:hover{
background: url('images/nav_arrow.png') bottom center no-repeat;
}

#navigation ul li li:hover{
background:#fff;
}

#nav li li.current_page_item{
background:#fff;
}

#navigation ul ul {
position:absolute;
display:none;
width:200px;
top:35px;
border-bottom:none;
background: #fff;
border:1px solid #e5e5e5;
border-bottom:none;
z-index:999999;
}

#navigation ul li ul a{
width:174px;
height:auto;
float:left;
font-size:13px;
padding:6px 13px 8px;
border-bottom:1px solid #e5e5e5;
}

#navigation ul li:hover{
}

#navigation ul ul ul{
top:auto;
margin:-1px 0 0 0;
}

#navigation ul li ul ul {
left:200px;
}

#navigation ul li:hover ul ul, #navigation ul li:hover ul ul ul, #navigation ul li:hover ul ul ul ul{
display:none;
}
#navigation ul li:hover ul, #navigation ul li li:hover ul, #navigation ul li li li:hover ul, #navigation ul li li li li:hover ul{
display:block;
}
/************************************************************************
#  NAVIGATION END
*************************************************************************/


/************************************************************************
#  WORDPRESS 3.0 MENU
*************************************************************************/
#menu-primary{
left:15px;
float:right;
display:block !important;
}

#menu-primary, #menu-primary ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
z-index:1000;
}

#menu-primary a{
display:block;
padding:5px 12px 15px 12px;
text-decoration:none;
background:none;
font-size:15px;
height:16px;
line-height:15px;
color: #151515;
}

#menu-primary li li a:hover{
color: #4183ae;
}

#menu-primary li{
float:left;
position:relative;
}

#menu-primary li.current_page_item{
background: url('images/nav_arrow.png') bottom center no-repeat;
}

#menu-primary li.current_page_ancestor{
background: url('images/nav_arrow.png') bottom center no-repeat;
}

#menu-primary li:hover{
background: url('images/nav_arrow.png') bottom center no-repeat;
}

#menu-primary li li:hover{
background:#fff;
}

#menu-primary li li.current_page_item{
background:#fff;
}

#menu-primary ul {
position:absolute;
display:none;
width:200px;
top:35px;
border-bottom:none;
background: #fff;
border-bottom:none;
}

#menu-primary li ul a{
width:174px;
height:auto;
float:left;
font-size:13px;
padding:6px 13px 8px;
border-bottom:1px solid #e5e5e5;
}

#menu-primary li:hover{
}

#menu-primary ul ul{
top:auto;
margin:-1px 0 0 0;
}

#menu-primary li ul ul {
left:200px;
}

#menu-primary li:hover ul ul, #menu-primary li:hover ul ul ul, #menu-primary li:hover ul ul ul ul{
display:none;
}
#menu-primary li:hover ul, #menu-primary li li:hover ul, #menu-primary li li li:hover ul, #menu-primary li li li li:hover ul{
display:block;
}
/************************************************************************
#  WORDPRESS 3.0 MENU END
*************************************************************************/




/************************************************************************
#  SIDEBAR
*************************************************************************/
#sidebar{
float:right;
padding: 0 0 20px 33px;
width: 235px;
position:relative;
background: url('images/sidebar_shadow.png') left repeat-y;
font-size: 12px;
}

#sidebar-content{
position:relative;
z-index:2;
}

#sidebar-top{
background: url('images/sidebar_shadow_top.png') left no-repeat;
height:77px;
width: 235px;
position:absolute;
top:0;
left:0;
}

#sidebar-bottom{
background: url('images/sidebar_shadow_bottom.png') left no-repeat;
height:77px;
width: 235px;
position:absolute;
bottom:0;
left:0;
}

#sidebar .widget{
padding:0 0 50px 0;
}

#sidebar h2{
font-size:18px;
padding:0 0 6px 0;
border-bottom:1px solid #e5e5e5;
color:#565656;
}

#sidebar,
#sidebar a,
#sidebar li,
#sidebar ul,
#sidebar ol{
color:#6c6c6c;
}

#sidebar a:hover{
color:#4183ae;
}

#sidebar ul{
list-style:none;
padding:0;
margin:0;
}

#sidebar li li{
border-bottom:1px solid #e5e5e5;
padding: 3px 0;
}

#sidebar li li li{
border-bottom:none;
}

#sidebar ul ul ul{
padding:0 0 0 15px;
}

#sidebar ul ul{
}

#sidebar ul ul ul{
border:none;
}

#sidebar .widget_text h2{
border-bottom:none;
}

#sidebar .textwidget{
}

#sidebar .widget_tag_cloud div{
padding-top:3px;
}

#sidebar .widget_tag_cloud div a{
padding:0 10px 0 0;
}

#sidebar #calendar_wrap{
padding-top:3px;
}

#sidebar #wp-calendar{
width:100%;
}

#sidebar #wp-calendar tr td a{
text-decoration: underline;
}

#sidebar #wp-calendar tr td#next{
text-align:right;
}

#sidebar #searchform{
	padding-bottom:35px;
}

#sidebar  #s{
padding:6px;
width: 215px;
font-size:15px;
background:#e5e5e5;
border:none;
padding:12px;
color: #b3b3b3;
}

#sidebar  #searchsubmit{
padding:5px;
font-size:11px;
display:none;
}
/************************************************************************
#  SIDEBAR END
*************************************************************************/





/************************************************************************
#  HOME PAGE
*************************************************************************/
#welcome-message-container{
background: url('images/header_shadow.png') bottom center no-repeat;
padding-bottom:18px;
padding-top:3px;
}

#welcome-message{
width:900px;
margin:0 auto;
position:relative;
}

#welcome-message-text{
width:660px;
float:left;
font-size:24px;
color:#565656;
padding:33px 0;
}

#welcome-link{
background: url('images/button_large.png') no-repeat;
float:right;
text-align:center;
width:217px;
height:63px;
position:absolute;
bottom:33px;
right:0px;
}

#welcome-link a:link,
#welcome-link a:hover,
#welcome-link a:visited{
width:217px;
height:63px;
display:block;
}

#learn-more-large{
color: #242323;
font-size: 22px;
position:absolute;
top:20px;
left:12px;
width: 148px;
text-align:center;
display:block;
}

#welcome-message .cufon{
padding-bottom: 5px;
}

#intro-column-container{
padding:40px 0 0 0;
}

#intro-column-container .introColumn{
width:200px;
float:left;
}

#intro-column-container .introColumnTitle{
padding:0 0 20px 0;
}

#intro-column-container .introColumnTitle h2{
font-size:22px;
color:#565656;
}

#intro-column-container .introColumn img{
float:left;
padding:0 10px 0 0;
}

#intro-column-container #intro-column1,
#intro-column-container #intro-column2,
#intro-column-container #intro-column3{
padding-right:33px;
}

#intro-column-container .introColumnLink {
margin:13px 0 0 0;
}

/* READ MORE BUTTON */
.readmore{
}

.readmore a{
width:111px;
height:36px;
font-size:13px;
text-align:center;
display:block;
background: url('images/button_small.png');
position:relative;
right:8px;
}

.readmore a .read-more-text{
position:relative;
top:6px;
color: #242323;
}

.readmore a .read-more-text:hover{
color: #fff;
}
/* READ MORE BUTTON  END*/
/************************************************************************
#  HOME PAGE END
*************************************************************************/





/************************************************************************
#  PAGE
*************************************************************************/
#title-bar-container-borders{
padding:4px 0;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}

#title-bar-container-background-top{
background: url('images/header_dropshadow_top.png') top repeat-x;
}

#title-bar-container-background-bottom{
background: url('images/header_dropshadow_bottom.png') bottom repeat-x;
padding:27px 0;
}

#title-bar-container{
background:#e5e5e5 url('images/header_dropshadow_top.png') top repeat-x;;
}

#title-bar{
margin:0 auto;
width:900px;
padding:4px 0 5px;
}

.title h1{
	font-size:36px;
	color:#565656;
	float:left;
}

.subtitle{
	position:relative;
	display:block;
	float:left;
	top:10px;
	padding-left:20px;
}

.subtitle h2{
	font-size: 18px;
	color: #565656;

}
/************************************************************************
#  PAGE END
*************************************************************************/




/************************************************************************
#  BLOG
*************************************************************************/
.post{
margin:0 0 25px 0;
}

.entry .excerpt-pic a img:hover{
border-color:#CFCFCF;
}

.entry .blogtitle h1{
padding:6px 0 9px 0;
}

.entry .blogtitle h1 a{
font-size:25px;
color:#272727;
text-decoration:none;
}

.entry .postmetadata{
padding:3px 0 12px 0;
}

.entry .postmetadata,
.entry .postmetadata a{
color:#888888;
font-size:11px;
line-height:1.5em;
}

.author,
.author a{
color:#888888;
font-size:11px;
line-height:1.5em;
padding:15px 0 12px 0;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6{
padding:15px 0 20px 0;
}

.entry p{
padding:0 0 15px 0;
}

.entry ul,
.entry ol{
padding:0 0 15px 0;
}

.entry ul ul,
.entry ol ol{
padding:0;
}

.entry a:link,
.entry a:visited{
}

.entry a:hover{
color: #4183ae;
}

.entry img{
border:9px solid #e5e5e5;
margin-bottom:6px;
}

.entry p img{
margin-bottom:0px;
}

.separator{
padding:25px 0 45px 0;
}

.excerpt-pic{
}

.entry-navigation{
font-size:20px;
}
/************************************************************************
#  BLOG END
*************************************************************************/





/************************************************************************
#  SINGLE POST
*************************************************************************/
.blogtitle{
}

.postmetadata{
padding:2px 0 10px 0;
}
/************************************************************************
#  SINGLE POST END
*************************************************************************/



/************************************************************************
#  PORTFOLIO
*************************************************************************/
#content-portfolio-border{
width:900px;
margin:0 auto;
}

.splitter{
position:relative;
left:-30px;
padding:35px 0;
}

.splitter .sort-by{
display:none;
}

.splitter ul,
.splitter li{
list-style:none;
padding:0;
margin:0;
}

.splitter li{
float:left;
}

.splitter li li{
padding:9px 12px;
margin-right:20px;
background:#e5e5e5;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

ul.image-grid {
list-style:none;
margin:0;
padding:0;
text-align:justify;
width:940px;
}

ul.image-grid:after {
content: "";
display: block;
height: 0;
overflow: hidden;
clear: both;
}

ul.image-grid li {
float:left;
list-style:none;
margin:0 35px 35px 0;
}

ul.image-grid li a{
display:block;
}

ul.image-grid li .box{
width: 278px;
}

ul.image-grid li .boximage img{
border: 9px solid #e5e5e5;
width:260px;
}

ul.image-grid li .boximage img:hover{
filter:alpha(opacity=90);
opacity:0.9;
border-color:#CFCFCF;
}

ul.image-grid li .boxtitle{
font-size:16px;
color:#272727;
padding:12px 0;
}

ul.image-grid li .boxdescription{
}

ul.image-grid li .boxlink{
}

ul.image-grid li .boxlink a{
text-decoration:none;
}
/************************************************************************
#  PORTFOLIO END
*************************************************************************/





/************************************************************************
#  ARCHIVES
*************************************************************************/
.archive-title{
font-size:22px;
}
/************************************************************************
#  ARCHIVES END
*************************************************************************/





/************************************************************************
#  CONTACT
*************************************************************************/
#contact{
border:1px solid transparent;
}

#contact #respond{
width:520px;
float:left;
}

#contact #google-map-container{
width:330px;
float:right;
}

#contact #google-map{
}

#contact #contact-info{
}

#contact #contact-info .label{
font-weight:bold;
float:left;
width:70px;
}

#contact #contact-info .contantInfoItem{
float:left;
width:260px;
}

#contact-failed,
#contact-success{
padding:5px;
margin:0 0 10px 0;
border:1px solid #ccc;
}
/************************************************************************
#  CONTACT END
*************************************************************************/





/************************************************************************
#  COMMENTS
*************************************************************************/
h3#comments{
padding:20px 0;
font-size:18px;
}

ol.commentlist{
margin:0;
}

ol.commentlist .even{
background:#f2f2f2;
}
h3#comments,
.commentlist .comment-body{
	border-top:1px solid #d1d1d1;
}
#respond h3{
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #d1d1d1;
}

.commentlist,
.commentlist ul{
list-style:none;
}

.commentlist .comment-body{
padding:10px 10px 10px 10px;
position:relative;
}

.commentlist .comment-header{
height:30px;
}

.commentlist .avatar{
padding:0 10px 0 0;
float:left;
display:block;
}

.commentlist .comment-block-right{
float:left;
line-height:15px;
}

.commentlist .comment-author{
}

.commentlist .comment-meta{
}

.commentlist .comment-text{
position:relative;
padding:10px 0 10px 0;
}

#respond h3{
padding:20px 0;
font-size:18px;
margin: 0 0 20px 0;
}

#respond input{
width:200px;
}

#respond textarea{
width:450px;
}

#respond input,
#respond textarea{
background: #e5e5e5;
border:none;
padding:8px;
font-family: tahoma;
font-size:12px;
color: #565656;
border:1px solid #ccc;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin-bottom:10px;
}

#respond #submit{
width:110px;
}
/************************************************************************
#  COMMENTS END
*************************************************************************/






/************************************************************************
#  FOOTER
*************************************************************************/
#bottom-bar-container{
background: #e5e5e5 url('images/header_dropshadow_top.png') top repeat-x;
padding:40px 0;
}

#bottom-bar{
width:900px;
margin:0 auto;
}

.bottom-item-title{
color: #383838;
font-size:26px;
float:left;
padding-bottom:4px;
border-bottom:1px solid #dbdbdb;
position:relative;
top:7px;
width:200px;
}

.bottom-item-icon{
float:right;
}

.bottom-item-content{
padding:13px 0 0 0;
clear:both;
position:relative;
}

.bottom-item{
width:30%;
float:left;
position:relative;
}

.bottom-item p{
color: #4d4d4d;
margin:0 0 15px 0;
}

#bottom-item1,
#bottom-item2{
padding-right:5%;
}

/* ---- TWITTER ----- */
.twitter-message{
padding:21px 0 3px 0;
position:relative;
}

.twitter-timestamp{
position:absolute;
top:2px;
left:0;
font-weight:bold;
}
/* ----- TWITTER END ----- */

/* ----- CONTACT FORM ----- */
#commentform2{
padding-top:9px;
}

#commentform2 p{
margin:0 0 12px 0;
}

#commentform2 input,
#commentform2 textarea{
background: #cfcfcf;
border:none;
padding:8px;
width:252px;
font-family: tahoma;
font-size:14px;
color: #565656;
border:1px solid #565656;
-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
box-shadow: 3px 3px 3px #ccc;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 3px;
}

#commentform2 input#submit{
width:80px;
padding:5px;
background: #565656;
color:#fff;
}

.bottom-item #contact-failed,
.bottom-item #contact-success{
border: 1px solid #565656;
padding:4px 8px;
margin-bottom:2px;
}
/* ----- CONTACT FORM END ----- */

#footer-container-background{
background: url('images/footer_noise.png');
border-top:1px dashed #a5a5a5;
}

#footer-container{
width:900px;
margin:0 auto;
padding:15px 0 10px 0;
clear:both;
}

#footer-container #footer{
color:#fff;
}

#footer-container #footer #footer-left{
float:left;
}

#footer-container #footer #footer-right img{
display:inline;
margin:1px 0 0 4px;
}

#footer-container #footer #footer-right{
float:right;
}
/************************************************************************
#  FOOTER END
*************************************************************************/






/************************************************************************
#  CODA SLIDER
*************************************************************************/
/**** STUCTURE ****/
#banner-container{
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
padding:4px 0;
}

#banner-container #banner{
position:relative;
margin:0 auto;
padding:35px 0 40px 0;
background: url('images/shadow_large.png') bottom no-repeat;
background-position: 50% 324px;
}

#banner-container #banner-background1{
background: url('images/header_dropshadow_bottom.png') bottom repeat-x;
}

#banner-container #banner-background2{
background: url('images/header_dropshadow_top.png') top repeat-x;
}

#banner-container #banner .coda-slider-wrapper {
height:282px;
position:relative;
padding:5px 5px 9px 5px;
border:1px solid #d7d7d7;
width:892px;
margin:0 auto;
border-radius: .5em;
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
background:#fff;
overflow:hidden;

}

#banner-container #banner .coda-slider-wrapper .coda-slider {
margin:0 auto;
position:relative;
}

#banner-container #banner .coda-slider-wrapper .coda-slider .panel{
position:relative;
height:260px;
width:892px;
}

#banner-container #banner .coda-slider-wrapper .coda-slider .panel .panel-wrapper{
position:relative;
}

#banner-container #banner .coda-slider-wrapper .coda-slider .panel .panel-wrapper img{
border-radius: .2em;
-moz-border-radius: .2em;
-webkit-border-radius: .2em;
}

/* --Change the width of the entire slider (without dynamic arrows)-- */
.coda-slider, .coda-slider .panel {
width:892px;
}

/* --Change margin and width of the slider (with dynamic arrows)-- */
.coda-slider-wrapper.arrows .coda-slider,
.coda-slider-wrapper.arrows .coda-slider .panel {
width:892px;
}
/**** STUCTURE END ****/

/**** LEARN MORE AND DESCRIPTION  ****/
.coda-slider .panel .header-content{
padding:10px 20px;
width:852px;
height:45px;
display:block;
position:absolute;
left:0px;
top:195px;
z-index:3;
}

.coda-slider .panel .header-content-transparent{
background:#000;
opacity:.8;
position:relative;
padding:10px 20px;
width:852px;
height:60px;
display:block;
position:absolute;
left:0px;
top:195px;
z-index:2;
}

.coda-slider .panel .panel-wrapper img{
position:absolute;
right:0px;
top:0px;
}

.coda-slider .panel .header-title{
font-size:20px;
line-height:45px;
padding:0 0 5px 0;
color:#e5e5e5;
}

.coda-slider .panel .header-link,
.coda-slider .panel .header-link a{
width:892px;
height:282px;
position:absolute;
left:0px;
top:0;
z-index:5;
}

.header-learn-more a{
position:absolute;
z-index:4;
left:0px;
top:0px;
width:852px;
height:260px;
background:none;
}
/**** LEARN MORE AND DESCRIPTION END ****/


/**** WHEN JAVASCRIPT IS DISABLED ****/
.coda-slider-no-js .coda-slider {
height: 200px;
overflow: auto !important;
padding-right: 20px;
}
/**** WHEN JAVASCRIPT IS DISABLED END ****/


/**** ARROW STYLING ****/
.coda-nav-left a {}

.coda-nav-right a {}
/**** ARROW STYLING END ****/


/**** PRELOADER ****/
.coda-slider p.loading {
text-align: center;
}
/**** PRELOADER END ****/


/**** TABBED NAV ****/
.coda-nav{
}

.coda-nav ul {
position:relative;
clear: both;
display: block;
margin: auto;
overflow: hidden;
position:relative;
top:5px;
}

.coda-nav ul li {
display: inline;
float:left;
}

.coda-nav ul li a {
background: url(images/dot.png) no-repeat center top;
height:22px;
width:22px;
display: block;
float: left;
margin-right: 1px;
padding: 3px 3px;
text-decoration: none;
border:none;
}

.coda-nav ul li a.current {
background: url(images/dot_selected.png) no-repeat center top;
height:24px;
width:24px;
position:relative;
bottom:1px;
}
/**** END TABBED NAV ****/


/**** MISCELLANEOUS ****/
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
/**** END MISCELLANEOUS ****/
/************************************************************************
#  CODA SLIDER END
*************************************************************************/





/************************************************************************
#  WP-PAGENAVI
*************************************************************************/

#wrapper-container .wp-pagenavi {
	clear: both;
}

#wrapper-container .wp-pagenavi a,
#wrapper-container .wp-pagenavi span {
	text-decoration: none;
	padding: 4px 8px;
	margin: 2px;
}

#wrapper-container .wp-pagenavi a:hover,
#wrapper-container .wp-pagenavi span.current {
}

#wrapper-container .wp-pagenavi span.current {
	font-weight: bold;
}

#wrapper-container .wp-pagenavi .pages{
display:none;
}
/************************************************************************
#  WP-PAGENAVI
*************************************************************************/




/************************************************************************
#  SCROLLABLE
*************************************************************************/
.scrollable-container{
padding:65px 0 60px 0;
}

.scrollable-container-inner{
width:864px;
padding:0 15px 0 19px;
background:url(images/h300.png) repeat-x;
border:1px solid #ccc;
position:relative;
overflow:hidden;
}

#scroller-title{
font-size:22px;
color: #565656;
padding:0 0 20px 0;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 800px;
	height:120px;
	margin:0 auto;

	/* custom decorations */

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:20px 5px 20px 20px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	height:75px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}



/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:45px 0;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{background-position: 0 -30px; clear:right; margin-right: 0px; }
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; }


/* left */
a.left				{ margin-left: 0px;}
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat;
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; }


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

/************************************************************************
#  SCROLLABLE END
*************************************************************************/

	/** Newsletter under post Widget **/
	#optin2 { float:left; margin-right:5px; border:1px solid #66FF33; width:598px; background: #fff url(http://www.strategievincenti.net/wp-content/themes/apollo/images/NL_optin/shadow.png) repeat-x top; margin-bottom: 10px; padding:10px; }
	#optin2 input { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 2px 2px #ddd; -moz-box-shadow: 0 2px 2px #ddd; -webkit-box-shadow: 0 2px 2px #ddd }
	#optin2 input[type="text"] { background: #fff url(http://www.strategievincenti.net/wp-content/themes/apollo/images/NL_optin/input.png) repeat-x bottom; border: 1px solid #ccc; float: left; font-size: 14px; margin: 0 10px 10px 0;	padding: 8px 10px; width: 200px; }
	#optin2 input[type="submit"] { background: #217b30 url(http://www.strategievincenti.net/wp-content/themes/apollo/images/NL_optin/green.png) repeat-x top; border: 1px solid #137725; color: #fff; cursor: pointer; float: left; font-size: 14px; font-weight: bold;	padding: 5px 5px; text-shadow: -1px -1px #1c5d28; text-transform: uppercase; width: auto }
	#optin2 input[type="submit"]:hover { color: #c6ffd1 }
	#optin2 span { background: url(http://www.strategievincenti.net/wp-content/themes/apollo/images/NL_optin/lock.png) no-repeat center left; float: left; margin-left: 15px; padding-left: 20px }

	/** Newsletter slide in box **/
	#optin3 { float:left; margin-right:5px; border:1px solid #66FF33; width:420px; background: #fff url(http://www.strategievincenti.net/wp-content/themes/apollo/images/NL_optin/shadow.png) repeat-x top; margin-bottom: 10px; padding:10px; }
	#optin3 input { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 2px 2px #ddd; -moz-box-shadow: 0 2px 2px #ddd; -webkit-box-shadow: 0 2px 2px #ddd }
	#optin2 input[type="text"] { background: #fff url(http://www.strategievincenti.net/wp-content/themes/apollo/images/NL_optin/input.png) repeat-x bottom; border: 1px solid #ccc; float: left; font-size: 14px; margin: 0 10px 10px 0;	padding: 8px 10px; width: 200px; }
	#optin3 input[type="submit"] { background: #217b30 url(http://www.strategievincenti.net/wp-content/themes/apollo/images/NL_optin/green.png) repeat-x top; border: 1px solid #137725; color: #fff; cursor: pointer; float: left; font-size: 14px; font-weight: bold;	padding: 5px 5px; text-shadow: -1px -1px #1c5d28; text-transform: uppercase; width: auto }
	#optin3 input[type="submit"]:hover { color: #c6ffd1 }
	#optin3 span { background: url(http://www.strategievincenti.net/wp-content/themes/apollo/images/NL_optin/lock.png) no-repeat center left; float: left; margin-left: 15px; padding-left: 20px }



.thumbnailhome{float:left; margin-right:5px; margin-bottom:5px}


#vertical_align img{
vertical-align: middle;
}