/* CSS Document : www.ahmedjabar.com

Created by:Ahmed Jabar 
Version: 1.0
*/


@import url("galleria.css");


body{background:url(../images/bg.png); font-family:Arial, "Helvetica", sans-serif; font-size:100%; margin:0;}
body a{color:#0088cb; text-decoration:none; border-bottom:1px dotted #c7c7c7;}
body a img{border:none;}
body a:hover{color:#9a9a9a;}
#slider {
width:937px; height:645px; margin:20px auto 0 auto;
}

.scroll {
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: both;  
  width:920px; 
  padding:0px 15px 0px 0px; 
  background-color:#000;
  margin:0 auto 3px auto; 
  border:2px solid #c0dce4;
  float:left;  
}

.scrollContainer div.panel {
  padding:0px 20px 5px 7px;
  width: 910px; /* change to 560px if not using JS to remove rh.scroll */
}

#home{background:url(../images/full-bg-5.jpg);}
#aboutme{background:url(../images/full-bg-2.jpg);}
#mywork{background:url(../images/full-bg-3.jpg);}
#reachme{background:url(../images/full-bg.jpg);}



.scrollButtons {
  position: absolute;
  top: 350px;
  width:50px;
  height:50px;
  color:#fff;
  cursor: pointer;
  background:transparent;
}


#social-media {
  position: absolute;
  top: 500px;
  right: 128px;  
  width:32px;
  font-size:11px;
  font-weight:bold;
  color:#fff;
  background:transparent;
}



.scrollButtons.left {
  left: 115px;
}

.scrollButtons.right {
  right: 103px;
}

.newstickerpre,.newstickernxt{cursor:pointer; margin:0 3px; padding:3px;}
.newstickerpre:hover,.newstickernxt:hover{background-color:#CCCCCC}

#header{margin:0px; padding:0;  z-index:0; float:left; width:937px;}
#logo{margin:0; float:left;}
.menu{width:385px; color:#fff; float:right; padding:5px 0 5px 5px; position:relative; margin:5px 0;}
.menu .navigation{list-style:none; padding:5px; margin:0; background:url(../images/menu-bg.png); width:83%;}
.menu .blog{background:url(../images/menu-bg.png); padding:5px 10px 6px 10px; margin:0; border:none;color:#FFFFFF; }
.menu .blog:hover{background-color:#027eba; border-bottom:3px solid #c7c7c7; }
.menu .navigation li{display:inline; }
.menu .navigation li a{text-decoration:none; color:#fff; padding:5px 9px 6px 9px; border:none}
.menu .navigation li a:hover{background-color:#027eba; border-bottom:3px solid #c7c7c7;}
.menu .navigation li a.selected{background-color:#027eba; border-bottom:3px solid #c7c7c7;}
.featured-content{height:245px;padding-top:20px;}
.ul-tab{list-style:none; padding:0; margin:0; width:98%}
.ul-tab li{border-bottom:1px solid #505050; padding:5px 0px 5px 2px; color:#bfbfbf; font-size:12px;} 
.ul-tab li p, .main-content p, .main-content label, .notice{font-size:12px; margin:5px 0; color:#bfbfbf} 
.notice{padding:5px; background:#0088cb; color:#fff;}
.main-content{float:left;width:918px; padding-left:2px;}
#reach_me{padding-top:17px;}
.main-content b{color:#0299e4; font-size:12px;}
.ul-tab li a:hover{color:#f3f3f3;} 
#footer{background:url(../images/menu-bg.png); padding:5px 10px 5px 7px ; margin-right:0;  font-size:11px; font-weight:bold; color:#fff; float:right; vertical-align:bottom;}


/* generic classes */
.left{float:left;}
.right{float:right;}
.tab-header{width:96%; background:#0088cb; color:#fff; font-size:14px; font-weight:normal; padding:5px; text-transform: uppercase;}
.button{background:#0088cb; padding:2px; border:none; color:#fff;}
label{margin:5px;}
label input{margin:2px;}
.left-tab-section{width:290px; margin-left:4px; height:250px;  background:#313131; padding:0px 5px 5px 5px; float:left}
.middle-tab-section{width:290px; margin-left:4px; height:250px;  background:#313131; padding:0px 5px 5px 5px; float:left}
.right-tab-section{width:295px; margin-left:5px; height:250px;  background:#313131; padding:0px 5px 5px 5px; float:right}

/*Gallery*/ 
	
	.caption{color:#bfbfbf;position:absolute;top:345px; left:10px; padding:5px; width:178px; background-color:#313131; font-size:12px;}
	.gallery{position:relative;margin-top:2em; margin-bottom:40px;}
	.gallery_div{width:190px;float:left; padding:0; margin-left:10px; margin-top:0;}
	.gallery_div li{width:55px;height:70px; border:3px double #313131; margin: 0 2px 2px 0;background:#313131;}
	.gallery_div li.hover{ border-style:solid;border-color:#0088cb;}
	.gallery_div li.active{border-style:solid;border-color:#0088cb;}
	.gallery_div li div{left:240px}
	.gallery_div li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	.main_image{margin:0 auto 55px auto;height:438px;width:700px;background:black; float:right; border:3px solid #313131;}
	.main_image img{margin-bottom:10px;}
	.nav{padding-top:15px;clear:both;}
	
	.nav{position:absolute;top:300px; color:#bfbfbf;position:absolute; left:94px; padding:10px; width:178px;font-size:12px;}
	.nav a{margin-left:2px; padding:5px; background-color:#0088cb; color:#fff; border:none }
	.nav a:hover{background-color:#027eba; border-bottom:3px solid #c7c7c7; color:#fff;}