/*  White Box CSS Styling  (Dark Blue)  */

body {font:13px/1.5 Helvetica, Arial, FreeSans, sans-serif;
	background:#e7e7e7 url(../images/background.png) repeat-x;color: #626262;font-size: 11px;padding: 20px 0 40px;}
a {color:#111057; text-decoration:underline; outline:none}
a:hover{color:#06c;}
a:active {outline: none;}
.green{color:#111057;}
.green{
	padding-right:15px;
	color: #06c;
}
.color{color:#111057;}
a:focus {
	outline:1px dotted invert;
	color: #111057;
}
hr {border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
hr.footer {border:0 #ccc solid;border-top-width:1px;clear:both;height:0;margin:0;padding-top:5px;padding-bottom:0px;}
h1 {font-size:25px}
h2 {font-size:23px}
h3 {font-size:21px}
h4 {font-size:19px}
h5 {font-size:17px}
h5 a{color:#666;}
h5 a{text-decoration:none;}
h5 a:hover{text-decoration:underline;}
h6 {font-size:15px}
ol {list-style:decimal}
ul {list-style:square}
li {margin-left:30px}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {margin-bottom:20px}
textarea {font-size: 10px; background-color: #FFF; border: 1px solid #aaa; height:100px;width:408px;margin-left:0;}


/*  Header Styling */ 
.container_16 p {padding: 10px 0;text-align: left;font-size: 12px;}
.header{padding-top:50px;}
.logo{line-height:0;}
.tagline{margin-top:10px; padding:0; border-top:1px solid #BCBDBC; border-bottom:1px solid #BCBDBC; margin-bottom:30px;}
.tagline a{
	text-decoration:none;
	color: #111057;
}
.grid_16 .tagline p{
	font-size:18px;
	margin-bottom:0px;
	padding-bottom:10px;
}


/* Header Navigation */
ul.nav {list-style:none; margin-right:0px; margin-bottom:0; margin-top:10px; float:right; margin-right:0px;}
ul.nav li{float:left; margin-right:0px; padding-right:0; padding-left:0;}
ul.nav li a{text-decoration:none; color:#111057; font-size: 15px}
ul.nav li a:hover{
	border-bottom:1px dashed  #666;
	font-size: 15px;
	color: #06C;
}
ul.nav li .selected {color:#666; font-weight:bold; border-bottom: 1px dashed #06C;} 


/*   Box Styling  */
.box{background:#fff; border:1px solid #BCBDBC; padding-bottom:0;}
.box h5{margin-bottom:0px; border-top:1px solid #BCBDBC; padding:5px 0 0px 0px;}
.box p{margin-bottom:0; font-size:11px;}
.box_bot{background:#fff; border:1px solid #BCBDBC; padding-bottom:0; margin-bottom:45px;}
.box_bot p{margin-bottom:0; font-size:10px;}
.box_clear{margin-bottom:10px;}
.box_clear p{margin-bottom:5px; margin-top:5px; padding-bottom:0;}
.boximg, .boximg2, .boximg3, .boximg4, .boximg5, .boximg6, .boximg7, .boximg8 {padding:0; margin:0; line-height:0;}
.box_text1, .box_text2, .box_text3, .box_text4, .box_text5, .box_text6, .box_text7, .box_text8 {background:#eee url(../images/porttext.png) repeat; text-align:center; margin-bottom:0;}
.box_text1 a:hover, .box_text2 a:hover, .box_text3 a:hover, .box_text4 a:hover, .box_text5 a:hover, .box_text6 a:hover, .box_text7 a:hover, .box_text8 a:hover {text-decoration:none; color:#06C;}
.box_text{background:#eee url(../images/porttext.png) repeat; text-align:left; margin-bottom:0; }
.box_text p{border-top:1px solid #bcbdbc;}
.box_text h5 a{text-decoration:none; padding-left:10px;}
.box_text h5 a:hover{text-decoration:underline;}
.box_bot .box_text p{padding:5px 0 0 0;}
.box .box_text p{padding:5px 10px;}
.box_bot h5{margin-bottom:0px; border-top:1px solid #BCBDBC; padding:5px 0 0px 0px;}
.box_clear h5{margin-bottom:0px; border-top:1px solid #BCBDBC; border-bottom:1px solid #BCBDBC; padding:2px 0;}
.box_left h5{margin-bottom:0px; border-top:1px solid #BCBDBC; border-bottom:1px solid #BCBDBC; padding:2px 0; }
.box_mid h5{margin-bottom:0px; border-top:1px solid #BCBDBC; border-bottom:1px solid #BCBDBC; padding:2px 0;}
.box_right h5{margin-bottom:0px; border-top:1px solid #BCBDBC; border-bottom:1px solid #BCBDBC; padding:2px 0;}
.box_clear .avail{font-size:11px;}
.box_mid img{margin-top:10px; border:1px solid #bcbdbc; padding:0px;}
.box_mid img{float:left; margin-right:15px;}
.box_left h6{padding-top:10px; margin-bottom:0; font-size:14px; float:left; border-bottom:1px dashed #bcbdbc; color:#06C; font-weight:normal;} 
.box_left h6 a{text-decoration:none;}
.box_left h6 a:hover{border-bottom:1px dashed #06C; padding-bottom:3px; color:#000}
.box_left .left {padding-top:4px; float:left; padding-top:10px;}
.box_left .left a{text-decoration:none;}
.grid_65 .box_left .end {margin-right:0;}
.box_left .left img{padding:5px; float:left; margin-right:10px; border:1px solid #bcbdbc; margin-bottom:20px; background:#fff; margin-top:3px;}
.box_mid .twitterp{padding-top:10px; margin-bottom:0; padding-bottom:0; font-weight:bold;}
.box_mid p{padding-top:15px;}
.box_right p{margin-bottom:0; padding-bottom:6px; margin-top:0; padding-top:5px; border-top:1px solid #bcbdbc;border-bottom:1px solid #bcbdbc; text-align:right;}
.box_right .nolefty{margin-left:0;}
.box_right .smlefty{margin-left:10px; margin-right:0;}
.box_clearb{margin-bottom:35px;border:1px solid #bcbdbc; background:#f7f7f7 url(../images/background_box1.png) repeat-x;}
.box_clearb_h {margin-bottom:0px; border-bottom:1px solid #BCBDBC; padding:2px 0; padding:5px 10px; background:url(../images/porttext.png) repeat; height:30px; }
.box_clearb p{margin-bottom:5px; margin-top:5px; padding:10px; padding-bottom:0;}
.box_clearb img{padding:10px; border:1px solid #ddd; margin:18px 0 0 10px; background:#fff; float:left; margin-right:20px;}
.box_clearb_h h5{float:left; height:12px;margin-top:4px;}
.box_clearb_h h5 a:hover{text-decoration:none;}
.box_left .left {padding-top:4px; float:left; padding-top:10px; width:364px;}
.porttext .porttexter .bottom{margin-bottom:30px;}


/* Buttons */
.create{float:left; padding-right:5px;}
.create img{float:right;}
.create2{float:left;}
.create button, .create2 button{background:#fff; border-color:#bcbdbc;}
.flipper a{border-bottom:1px dashed #06C; text-decoration:none;}
.flipper a:hover{color:#06C;}
.fg-button {outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; 
   cursor:pointer; position: relative; text-align: center; zoom: 1; }


/*  Pop-up Portfolio Box Styling   */
#port1 .dialog_title img:hover, #port2 .dialog_title img:hover, #port3 .dialog_title img:hover, #port4 .dialog_title img:hover, #port5 .dialog_title img:hover, #port6 .dialog_title img:hover, #port7 .dialog_title img:hover, #port8 .dialog_title img:hover{background:#d1d1d1; border:1px solid #ccc;}
#port1, #port2, #port3, #port4, #port5, #port6, #port7 ,#port8{float:left; background:url(../images/background_box.png); display:none;}
#port1 h5, #port2 h5, #port3 h5, #port4 h5, #port5 h5, #port6 h5, #port7 h5, #port8 h5{padding:5px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;font-size:15px; color:#666; }
#port1 img, #port2 img, #port3 img, #port4 img, #port5 img, #port6 img, #port7 img, #port8 img{float:left; margin-right:10px; padding:5px; border:1px solid #ddd; margin-top:20px; }
.dialog_title {float:left; width:200px; margin-right:20px; padding-top:20px;font-size:11px; height:330px;}
.dialog_title h5{padding-bottom:0; margin-bottom:10px;}
.dialog_title p{margin-bottom:5px; color:#666;}
.dialog_text {padding-top:20px; font-size:11px;}
.dialog_text h6{font-size:12px; margin-bottom:5px; color:#666; border-bottom:1px solid #ddd; margin-left:220px;}
.diaglog_title .noborder{padding:0;}
#dialog-form2{display:none;}
#dialog-form_pop {margin-bottom:0px;  padding:2px 0; padding:5px 10px;}
#dialog-form_pop p{margin-bottom:5px; margin-top:10px; padding:10px; padding-top:0;}
#dialog-form_pop img{padding:10px; border:1px solid #ddd; margin:18px 0 0 10px; background:#fff; float:left; margin-right:20px;}
#dialog-form_pop h5{margin-top:4px; width:100%; padding-left:10px; margin-bottom:0; color:#666;}
#dialog-form3 .nomargin{margin-bottom:0; padding-bottom:0;}
#dialog-form3 .nomargin a{text-decoration:none; border-bottom:1px dashed #666;}
#dialog-form3 .nomargin a:hover{color:#06C}


/*  If js disabled, don't show forms   */
#dialog-form{display:none;}
#dialog-form3{display:none;}
#dialog-form5{display:none;}
#dialog-form6{display:none;}
#dialog-form7{display:none;}
#dialog-form8{display:none;}
#dialog-form_pop{display:none;}


/* jQuery Image Over Opacity CSS */
div.fadehover {position: relative; height:120px;}
img.a {position: absolute; left: 0;top: 0;z-index: 10;}
img.b {position: absolute; left: 0;top: 0}


/*  Footer Styling    */
.footer h5{float:left;padding-right:15px; padding-bottom:0; margin-bottom:10px;}
.footer p{padding:0; margin:0;}
.footer a{text-decoration:none;}
#footer-nav{float:right; padding-right:0; margin-right:0; font-size:11px; margin-bottom:5px;}
#footer-nav li{list-style:none; float:left; padding-left:3px; color:#bcbdbc; margin-left:0; padding-right:3px;}
#footer-nav li a{color:#666;}
#footer-nav li a:hover{color:#06C}

/*  HR line img styling */
.hrbg{padding-bottom:0px; text-indent:-9999px; background:url(../images/hr_footer.gif) no-repeat; margin-top:4px; margin-bottom:30px; margin-top:30px;}
.hrbg2{padding-bottom:0px; text-indent:-9999px; background:url(../images/hr_footer.gif) no-repeat; margin-top:4px; margin-bottom:30px; margin-top:0px;}

/* Services Menus */
#services_menu {list-style: none;margin: 0;padding: 0;width: 100%;font-size:14px; padding-top:15px;}
#services_menu li {margin: 0;padding: 0; margin-bottom:15px; background:url(../images/service.gif) no-repeat;border: 1px solid #bcbdbc; font-size:11px;}
#services_menu a {color: #555;display: block;margin: 0;padding:7px;text-decoration: none;height:15px; font-weight:bold;}
#services_menu a:hover {background:url(../images/services1_over.gif) no-repeat;color: #06C;}
#services2_menu {list-style: none;margin: 0;padding: 0;width: 100%;font-size:14px; padding-top:15px;}
#services2_menu li {margin: 0;padding: 0; margin-bottom:15px; background:url(../images/service.gif) no-repeat;border: 1px solid #bcbdbc; font-size:11px;}
#services2_menu a {color: #555;display: block;margin: 0;padding:7px;text-decoration: none;font-weight:bold; height:15px;}
#services2_menu a:hover {background:url(../images/services1_over.gif) no-repeat;color: #06C;}

.meta{margin-top:12px; float:left; margin-left:10px; background:#fff; border:1px solid #bcbdbc; padding:0 2px; font-size:10px;}

/* Portfolio Page Styling  */
.client_list{margin-bottom:20px;}
.client_list img{padding:5px; border:1px solid #bcbdbc; margin-bottom:10px; background:#fff;}
.client_list img.right{margin-left:17px;}
.client_list h5{margin-bottom:20px; border-top:1px solid #BCBDBC; border-bottom:1px solid #BCBDBC; padding:2px 0;}
.grid_13 .port_holder{margin-bottom:35px; float:left}
.grid_13 .portimg {margin-left:0;}
.grid_13 .portimg img{ border:0px solid #bcbdbc; margin-bottom:0px;}
.grid_13 .portimg .port_b {margin-right:8px;}
.grid_13 .portimg .no_b {margin-right:0px;}
.grid_13 .porttext {margin-left:0;}
.grid_13 .porttexter {margin-right:10px;}
.grid_13 .porttext p{margin-top:0px; margin-bottom:0; padding-bottom:0;}
.porttexter h5{margin-bottom:0px; border-top:1px solid #BCBDBC; border-bottom:1px solid #BCBDBC; padding:2px 0;}
.container_16 .no_righty{margin-right:0;}
.port_meta, .port_meta2, .port_meta3 {margin-top:5px; margin-left:0px; margin-bottom:36px;}
.port_meta li, .port_meta2 li, .port_meta3 li {background:#fff; border:1px solid #bcbdbc; padding:2px 5px; font-size:10px; list-style:none; float:left; margin: 10px 10px 10px 0;}
.port_meta li a:hover, .port_meta2 li a:hover, .port_meta3 li a:hover {padding:3px 0px; color:#666}
.port_metab {margin-bottom:0px;}
.port_metab li{background:#f7f7f7; border:1px solid #bcbdbc; padding:2px 5px; font-size:11px; list-style:none; float:right; margin: 4px 10px 0 0;}

.blog{position:absolute; left:0px; top:5px;}


/* Porfolio jQuery IRG */
.gallery .feature {
	background: 		#fff url('../images/loading.gif') no-repeat center center;
	height: 			190px;
	margin: 			0 0 10px;
	border:1px solid #bcbdbc;
	margin-right:10px;
	padding:5px;
}

.gallery2 .feature2 {
	background: 		#fff url('../images/loading.gif') no-repeat center center;
	height: 			190px;
	margin: 			0 0 10px;
	border:1px solid #bcbdbc;
	margin-right:10px;
	padding:5px;
}

.gallery3 .feature3 {
	background: 		#fff url('../images/loading.gif') no-repeat center center;
	height: 			190px;
	margin: 			0 0 10px;
	border:1px solid #bcbdbc;
	margin-right:10px;
	padding:5px;
}

.grid_13 .thumbnails img{border:0px solid #bcbdbc; outline:none;}
.grid_13 .thumbnails img a{margin-right:0; outline:none;}
.grid_13 .thumbnails img a:active {outline:none}

/* used on frontpage for 'front-end' and 'web development'  image overs */
#screenshot{position:absolute;display:none;color:#fff;z-index:100;}

/*  Tooltip settings  */
#tooltip{
	position:absolute;
	border:1px solid #bcbdbc;
	background:#fff;
	padding:2px 5px;
	color:#666;
	display:none;
	z-index:100;
	}
	
/* Nivo Slider setup */
#slider{margin-bottom:30px;}
#slider {position:relative;background:url(images/loading1.gif) no-repeat 50% 50%; }
#slider img {position:absolute;top:0px;left:0px;display:none;}

/* About Page Styling */
.grid_95 .about p{margin-bottom:0;}
.grid_95 .about .bottom{margin-bottom:20px;}
.tap li{list-style:none; margin-left:0; padding-top:5px;}
.tap li span{float:right}
.nopad{padding-left:0;}