/*--------------------------------------------------
    Corporate Flavor Custom Styling  (BLUE)         
----------------------------------------------------

*Note* These styles simply overwrite the blueprint  
standard stylings and make customization easier.    

Each style is separated by location. 

/* All Blueprint Framework can be found in the */
/* framework.css file.                         */

/* Start from the top */


/*   */
a {color:#068CC3; text-decoration:none;}
a:hover{color:#ccc;}
.bold{color:#ddd; font-weight:normal;}
.color{color:#068CC3;}



/* HR Styling */
div.colborder{border-right:1px solid #3f3f3f;}
div.border{border-right:1px solid #3f3f3f;}
hr{background:#3f3f3f; color:#3f3f3f;}
hr.space{background:#3f3f3f; color:#3f3f3f;}
.hrbg{padding-bottom:0px; text-indent:-9999px; background:url(../images/hrbg.jpg) repeat-x; margin-top:4px;}
div.colborderbg {padding-right:24px;margin-right:25px;border-right:1px solid #292929;}


/* header styles */
body {background:#292929 url(../images/tile.jpg) repeat; color:#9FA0A2;}
#header {padding-bottom:0px; margin-bottom:0; background:url(../images/headerbg.jpg) no-repeat;}
#header img {float: left;padding-bottom:0px;}
#header #nav {float: right;overflow: hidden;padding-right:0px;padding:1px;margin-right:0px; background:#202020;color:#fff; margin-top:81px; padding-bottom:1px; margin-bottom:0;}
#header #nav li {float: left;background: #555 url(../images/nav/li.jpg) top repeat-x;list-style: none;padding: 6px 9px;height: 14px;line-height: 14px;margin-right:1px;color:#fff; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
#header #nav li.selected, #header #nav li:hover {background:#068CC3 url(../images/nav/li_a.jpg) repeat-x;}
#nav li a {text-decoration: none;display: block;color:#e7e7e7;}
.selected {border-bottom:0;}


/* Featured Content Styling  */
/* jQuery slider styles */
#feature{background:#111 url(../images/tiledark.jpg) repeat-x; padding:0 0 0px 0; border-top:1px solid #111; border-bottom:1px solid #111; padding-bottom:0px;}
.featurenav img{padding-left:10px; padding-right:10px; }
#feature h2{font-size:22px; margin:0; padding:0 0 10px; font-weight:normal;}
.title{color:#fff;}

/* Used for Panel 3 on Featured Slider*/
.span-14 h4{font-size:14px; color:#fff;}
.italics{font-style:italic;}



/* Left Column, under Featured Slider  */
.left_front h6 {padding-bottom:0px; color:#999;}
.left_front h6 a{color:#068CC3;}
.port_entry h6{padding-top:0px; padding-bottom:4px; font-size:16px; color:#fff;}
.port_entry h6 a{text-decoration:none;}
.port_entry img{padding:5px; border:1px solid #252525; background:#353535;}


/* Middle Column, under Featured Slider  */
.mid_front h5 {font-size:16px; color:#fff; padding:0px; margin:0; padding-bottom:15px;}
.mid_front h6 {padding-bottom:10px; color:#999; padding:0; margin:0;}
.mid_front h6 a{color:#068CC3;}
.mid_front .white{color:#fff; font-size:16px;}


/* Right Column, under Featured Slider  */
.right_front{width: auto; margin: 0; padding: 0;}
.right_front p{line-height:21px;}
.right_front h2{padding:0; margin:0; display: inline-block; padding: 0; line-height:22px;}
.right_front h2 a{text-decoration:none; font-size: 21px; color: #fff;  border: none; font-weight:bold; padding:0px; padding-left:0px;}
.right_front h2 a:hover{color:#666;}
.right_front h6 {padding-bottom:0px; color:#999;}
.readmore{padding:0px; margin:0; text-align:right; padding-right:10px; margin-bottom:15px;}
.meta{font-size:11px; color:#999; padding:0; margin:0; padding-bottom:10px;}
.blogentry{padding-bottom:10px;}


/* Footer */
.footer{background:#1c1c1c url(../images/tiledark.jpg) repeat; padding-top:20px; border-top:1px solid #111;}
.footer h4 a{color:#068CC3;}
.footer a{color:#fff;}
.footer a:hover{color:#068CC3;}


/* Services Menus */
#services_menu {list-style: none;margin: 0;padding: 0;width: 100%;font-size:11px;}
#services_menu li {margin: 0;padding: 0;}
#services_menu a {border-bottom: 1px dotted #333;color: #999;display: block;margin: 0;padding: 4px 0px;text-decoration: none;font-weight:normal; height:15px;}
#services_menu a:hover {background: #292929;color: #666;}
#services2_menu {list-style: none;margin: 0;padding: 0;width: 100%;font-size:11px;}
#services2_menu li {margin: 0;padding: 0;}
#services2_menu a {border-bottom: 1px dotted #333;color: #999;display: block;margin: 0;padding: 4px 0px;text-decoration: none;font-weight:normal; height:15px;}
#services2_menu a:hover {background: #292929;color: #666;}

/*  Contact ul */
#contact_menu {list-style: none;margin: 0;padding: 0;width: 100%;font-size:11px;}
#contact_menu li {border-bottom: 1px dotted #333;color: #999;display: block;margin: 0;padding: 4px 0px;text-decoration: none;font-weight:normal;}
#contact_menu a:hover {background: #666;color: #999;}
.contacttitle{color:#fff;}
 
 
/* Page Stylings */
#feature_page{background:#111 url(../images/tiledark.jpg) repeat-x; padding:0 0 0px 0; border-top:1px solid #111; border-bottom:1px solid #111; padding-bottom:10px;}
#feature_page h2{font-size:22px; margin:0; padding:0 0 10px; font-weight:normal;} 
.right_sidebar h2{padding:0; margin:0; display: inline-block; padding: 0; line-height:22px;}
.right_sidebar h2 a{text-decoration:none; font-size: 21px; color: #fff;  border: none; font-weight:bold; padding:0px; padding-left:0px;}
.right_sidebar h2 a:hover{color:#666;}
.right_sidebar h6 {padding-bottom:10px; color:#fff; font-size:18px;}


/* Portfolio Page */
#page_intro {padding-top:20px;}
#page_intro h2{font-size:26px; color:#fff;}
#page_intro h4{font-size:22px;}
.alignright{text-align:right;}
.prevnext{text-align:right; color:#068CC3; padding-right:20px;}


/* jQuery Slider Styling */
.boxgrid h3{ margin: 10px 10px 0 10px; color:#fff;font-size: 18px;line-height: 25px; font-weight: bold;}
.boxgrid{ width: 650px; height: 100px; margin:10px; float:left;background:#181818; border: solid 1px #333; overflow: hidden; position: relative; margin-left:0px; margin-bottom:20px;margin-right:18px;}
.boxgrid img{ position: absolute; top: 0; left: 0; border: 1px solid #202020;}
.boxgrid p{ padding: 0 10px; color:#666; font-size: 11px;line-height: 15px;}	
.boxcaption{ float: left; left:700px;height:100%;position: absolute; background: #171717; width: 100%;}
.captionfull .boxcaption {top: 260px;left: 0;}
.caption .boxcaption {top: 220px;left: 0;}


/* Services Page */
.site{margin:0 0 0 0px; padding:0 0 0 0px; font-size:18px; padding-bottom:5px; padding-left:50px; padding-top:0px; color:#fff;}
.site h6{color:#fff; font-size:22px; padding-left:10px; padding-top:10px;}
.parabot{padding-top:14px;}
.site_analysis{background:url(../images/icons/site_analysis.png) top left no-repeat;}
.cms{background:url(../images/icons/cms.png) top left no-repeat;}
.design{background:url(../images/icons/design.png) top left no-repeat;}
.seo{background:url(../images/icons/search.png) top left no-repeat;}
.omar{background:url(../images/icons/omar.png) top left no-repeat;}
.lc{background:url(../images/icons/lc.png) top left no-repeat;}
.ecom{background:url(../images/icons/ecom.png) top left no-repeat;}
.psd{background:url(../images/icons/psd.png) top left no-repeat;}
.cd{background:url(../images/icons/cd.png) top left no-repeat;}

/* Blog Page  */
.meta{font-size:10px; color:#999; padding:0; margin:0;}
.entrynotes h6{margin-top:5px;padding-bottom:4px; color:#fff; border-bottom:1px solid #393939;}

/* Contact Page */

textarea#styled {width: 400px;height: 120px;border: 1px solid #1c1c1c;padding: 5px;color:#fff; background:#242424;}
input.ct{color:#fff;border: 1px solid #1c1c1c; background:#242424; }