/* CSS Document */
/*
Theme Name: Shibly.co.uk
Theme URL: http://www.shibly.co.uk
Description: A theme designed by Shibly for shibly.co.uk
Version: 1.1
Author: Shibly Ibrahim
Author URL: http://www.shibly.co.uk

*/

body {
	background-image:url(_assets/images/bg.png);
}

.wrapper {
	width:930px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#navi {
	width:930px;
	height:139.5px;
	background:url(_assets/images/navi_sprite.png) no-repeat;
	margin:0;
	padding:0;
}

#navi span {
	display: none;	
}
 
#navi li, #navi a {
	height:139.5px;
	display:block;
}
 
#navi li {
	float:left;
	list-style:none;
	display:inline;
}
 	
	#logo {width:221px;}
	#home {width: 112px;}
	#about {width: 110px;}
	#services {width: 111px;}
	#portfolio {width: 112px;}
	#contact {width: 111px;}
	#social {width:150px; height:139.5px;} 
 	/*#logo a:hover{ background:url("_assets/images/navi_sprite.png") 0px -151px no-repeat;}*/
 	#home a:hover{ background:url("_assets/images/navi_sprite.png") -221px -151px no-repeat;}
	#about a:hover { background:url("_assets/images/navi_sprite.png")  -333px -151px no-repeat; }
	#services a:hover { background:url("_assets/images/navi_sprite.png")  -443px -151px no-repeat; }
	#portfolio a:hover { background:url("_assets/images/navi_sprite.png")  -554px -151px no-repeat; }
	#contact a:hover { background:url("_assets/images/navi_sprite.png")  -666px -151px no-repeat; }
`
.header {
	width:930px;
	height:265px;
	margin-top:10px;
}
.header1 {
	width:930px;
	height:265px;
	margin-top:10px;
}

.content {
	width:912px;
	background-image:url(_assets/images/header-contentbg.png);
	margin-top:10px;
	padding-top:9px;
	padding-bottom:9px;
	padding-left:9px;
	padding-right:9px;
	height:auto;}


.content a:link {
	color: #FFF;
	text-decoration: none;
}
.content a:visited {
	text-decoration: none;
	color: #FFF;
}
.content a:hover {
	text-decoration: underline;
	color: #FFF;
}


.content-inner {
	width:912px;
	background-image:url(_assets/images/contentmainbg.png);
	background-repeat:repeat;
}

.latest-work {
	width:310px;
	height:auto;
	float:left;
	height:100%;
}

.latest-work-title {
	background:url(_assets/images/title_sprite.png) -10px -12px no-repeat;
	width:246.6px;
	height:40px;
	margin-left:31.8px;
	margin-top:25px;
}

.latest-work-content {
	width:285px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	padding-left:29px;
	margin-top:20px;
	margin-bottom:20px;

}

.latest-news {
float:right;
//height:500px;
width:579px;
}


.latest-news-title {
	background:url(_assets/images/title_sprite.png) -10px -80px no-repeat;
	width:236.6px;
	height:40px;
	margin-left:31.8px;
	margin-top:25px;
}

.latest-about-title {
	background:url(_assets/images/title_sprite.png) -10px -400px no-repeat;
	width:236.6px;
	height:40px;
	margin-left:31.8px;
	margin-top:25px;
}



.latest-services-title {
	background:url(_assets/images/title_sprite.png) -10px -336px no-repeat;
	width:236.6px;
	height:40px;
	margin-left:31.8px;
	margin-top:25px;
}

.latest-portfolio-title {
	background:url(_assets/images/title_sprite.png) -10px -271px no-repeat;
	width:236.6px;
	height:40px;
	margin-left:31.8px;
	margin-top:25px;
}

.latest-contact-title {
	background:url(_assets/images/title_sprite.png) -10px -142px no-repeat;
	width:236.6px;
	height:40px;
	margin-left:31.8px;
	margin-top:25px;
}

.latest-news-content {
	width:547px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin-top:20px;
	padding-left:32px;
}

.clear{display:block; clear:both; width:100%;}

.footer {
	width:920px;
	height:25px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(_assets/images/header-contentbg.png);
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:10px;	
	display:block; clear:both;
}

.post {
	width:579px;
	height:auto;
	margin-bottom:10px;
}

.post-title {
	width:549px;
	height:25px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:18px;
	padding-left:0px;
	font-weight:bold;
}

.post-content {
	width:529px;
	height:auto;
	padding-left:0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-right:10px;
	margin-bottom:15px;
	}

.newold {
	width:579px;
	height:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;

}

.newold-left {
	width:259.5px;
	height:10px;
	float:left;
	text-align:left;
	padding-left:30px;
}

.newold-right {
	width:279.5;
	height:10px;
	float:right;
	text-align:right;
	padding-right:10px;
}

.portfolio {
	width:500px;
	height:auto;
	margin-bottom:15px;
}

.portfolio-top {
	height:107px;
}

.portfolio-bottom {
	height:auto
}