/* -----------------------------------------------------------------------
                WDE Crisp / Clean Site Template Custom Styling            
----------------------------------------------------------------------- */

body{background:url(../images/bg.jpg) repeat;}

/* colors */
a{color:#3FA9F5; text-decoration:none;}
a:hover{text-decoration:underline; color:#3FA9F5;}
h2 a{color:#414141;}

/* HEADER */
.header{padding-top:30px;}
.header_right{margin-left:20px;}
.span-12 h2{padding:0 0 10px 0; margin:0;}

/* HR Styling */
.hrline {background:#eee;color:#eee;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
.hrline_g {background:#ffffff;color:#ffffff;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
.hrline_b {background:#ffffff;color:#ffffff;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}

/* P IMG Styling */
p img.left {float:left;margin:4px 10px 0 0;padding:0;}
p img.right {float:right;margin:0 0 0 10px;}


/* BOX STYLINGS */
.boxed{background:#fff; border:0; padding:20px; margin-bottom:10px;}
.boxed h3, .boxed h2{padding:0; margin:0; margin-bottom:5px; color:#222842;}
.boxed_small{background:#fff url(../images/background-container.gif) top repeat-x; border:1px solid #ddd; padding:20px; height:150px;}
.boxed_small h3{padding:0; margin:0; margin-bottom:5px;}
.boxed_sidebar{background:#fff; border:0; padding:10px; margin-bottom:20px;}
.boxed_sidebar img{background:#fff; border:0; padding:0;}
.boxed_sidebar h5{padding:0; margin:0;}
.box_mid{background:#fff; padding:10px; height:180px; margin-bottom:8px;}
.box_bot{background:#fff; padding:10px; height:100px; margin-top:0px;}
.darkbox{background:#000000; padding:10px; height:20px; margin:20px 0 20px 0; color:#fff; font-size:11px;}
.titlebox img{padding:5px; background:#f0f0f0; border:1px solid #ddd;}
.follow img{border:0; padding:0; background:#fff;}
.twitter img{border:0; padding:0; background:#fff;}
.titlebox{}


/* CU3ER JQUERY STYLING */
#cu3er-container {width:910px; outline:0;}


/* CONTACT STYLING */
.contact{font-size:75%; line-height: 1.5em;}
.contact ul{padding:0; margin:0;}
.contact ul li{float:left; list-style-type: none; padding-bottom:2px;}


/* ENTRY NOTES STYLING */
.entrynotes{padding:10px 0 0 15px;}
.entrynotes h6{margin-top:5px;padding-bottom:4px; color:#444; border-bottom:1px solid #eee;}
.meta{font-size:11px; padding:0 0 5px 0;}


/* GENERAL PAGE STYLING */
.page{background:#fff; padding-bottom:10px; margin-bottom:0;}
.page_titlebox{background:#fff url(../images/services.jpg) no-repeat; border:0; padding:20px; margin-bottom:0px;}
.page_titlebox h1{padding:0 0 5px 0; margin:0; color:#fff;}
.page_titlebox p{padding-bottom:5px; margin-bottom:5px; color:#eee;}
.page_titlebox_p{background:#fff url(../images/port.jpg) no-repeat; border:0; padding:20px; margin-bottom:0px;}
.page_titlebox_p h2{padding:0 0 5px 0; margin:0; color:#fff;}
.page_titlebox_p p{padding-bottom:5px; margin-bottom:5px; color:#eee;}
.readmore{padding:0px; margin:0; text-align:right; padding-right:10px; margin-bottom:15px;}
.hrbg{padding-bottom:0px; text-indent:-9999px; background:url(../images/hrbg.jpg) repeat-x; margin-top:4px;}

/* CONTACT PAGE STYLING */
.page_titlebox_contact{background:#fff url(../images/contact.jpg) no-repeat; border:0; padding:20px; margin-bottom:0px; line-height: 1.5em;}
.page_titlebox_contact_2{background:white; border:0; padding:20px; margin-bottom:0px;}
.page_titlebox_contact h1{padding:0 0 5px 0; margin:0; color:#fff;}
.page_titlebox_contact p{padding-bottom:5px; margin-bottom:5px; color:#eee;}
.page_contact{background:#fff; padding-bottom:10px; margin-bottom:20px; padding:20px 20px 20px 30px;}

/* ABOUT PAGE STYLING */
.page_titlebox_about{background:#fff url(../images/about.jpg) no-repeat; border:0; padding:20px; margin-bottom:0px; line-height: 1.5em;}
.page_titlebox_about h1{padding:0 0 5px 0; margin:0; color:#fff;}
.page_titlebox_about p{padding-bottom:5px; margin-bottom:5px; color:#eee;}
.page_about{background:#fff; padding-bottom:10px; margin-bottom:20px; padding:20px 20px 20px 30px;}

/* BLOG PAGE STYLING */
.page_blog{background:#fff; padding-bottom:10px; margin-bottom:20px; padding-top:0px; line-height: 1.5em;}
.page_blog h2{padding-top:10px;}
.page_titlebox_blog{background:#fff url(../images/blog_header.jpg) no-repeat; border:0; padding:20px; margin-bottom:0px;}
.page_titlebox_blog h1{padding:0 0 5px 0; margin:0; color:#fff;}
.page_titlebox_blog p{padding-bottom:5px; margin-bottom:5px; color:#eee;}


/* BOX PAGE STYLING */
.boxed_page{background:#fff url(../images/background-container.gif) top repeat-x; border:0; padding:10px 20px 10px 20px; line-height: 1.5em;}
.boxed_page h2{padding:0; margin:0; color:#444;}
.boxed_page h4{padding:5px 0 5px 0; margin:0; color:#444; font-size:20px}
.boxed_page p{padding-bottom:5px; margin-bottom:5px; line-height: 1.5em;}
hr.space_bot {background:#fff;color:#fff;visibility:hidden;}
.darkside{background:#414141; padding:20px; color:#fff; margin-bottom:20px;}
.darkside h2{color:#fff;}


/* PORTFOLIO PAGE STYLING */
.port_side{padding:16px 20px 0 0;}
.port_side h3{padding:0 0 5px; margin:0;}
.port_side ul{padding:0; margin:0;}
.port_side li{float:left; list-style-type: none; padding:4px; border-bottom:1px solid #eee; width:100%;}
.port_pad{padding:5px 10px 5px 10px;}
.port_title h3{padding:0; margin:0;}
.boxed_port{background:#fff url(../images/background-container.gif) top repeat-x; border:0px solid #ddd; padding:10px 20px 10px 20px;}
.boxed_port h2{padding:0; margin:0; color:#444;}
.boxed_port h3{padding:5px 0 5px 0; margin:0; color:#444; font-size:20px}
.boxed_port p{padding:0; margin:0;}
.boxed_port .brief{padding:0 0 10px;}
.boxed_port img{background:#f0f0f0; padding:5px; border:1px solid #ddd; margin-top:5px;}
.brief_box{background:#f0f0f0; border:1px solid #ddd; padding:2px; text-align:center;}


/* JQUERY POP UP STYLING */
.boxgrid h3{ margin: 10px 10px 0 10px; color:#666;font-size: 18px;line-height: 25px; font-weight: bold;}
.boxgrid{width: 190px; height: 90px; margin:10px; float:left;background:#ccc; border: solid 1px #ccc; overflow: hidden; position: relative; margin-left:0px; margin-bottom:20px;margin-right:18px;}
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0;}
.boxgrid p{ padding: 5px 10px 0 10px; color:#666; font-size: 11px;line-height: 15px;}	
.boxcaption{ float: left; left:600px;height:100%;position: absolute; background: #fff; width: 100%;}
.captionfull .boxcaption {top: 260px;left: 0;}
.caption .boxcaption {top: 220px;left: 0;}
.port_imgs a{color:#555;}


/* FOOTER STYLING */
.footer{margin:20px 0 0 0;}