/****************************** RESHAD HURREE  CSS -  www.reshadhurree.co.uk **************************************/


body {
	margin: 0;
	padding: 50px 0 20px 0;
	background: #fff url(/images/bg.jpg) repeat;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #58585a;
	line-height: 17px;
	}

#bigdiv{
margin: auto;
padding: 130px 0 0 0;
background: #ffffff url(/images/top.jpg) no-repeat;
width: 960px; 
text-align: left;
position: relative;
}


#wrap{
width: 920px;
margin: auto;
}


#flash object{
position:absolute;
left:0px;
top:115px;}


#content{
width: 940px;
margin: 10px 0 10px 0; 
}

/****************************** LEFT / MIDDLE / RIGHT ********************************/
#left{
width: 300px;
float: left;
}

#middle{
width: 310px;
float: left;
margin-right: 10px;
}


#right{
width: 320px;
float: left;
}


/****************************** H TAGS ********************************/

h1, h2, h3{
	margin: 0;
	padding: 0;
	font-weight: normal;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	
}

h1{
	text-transform: uppercase;
	font-size: 14px;
	padding:0 0 13px 0;
	margin:0;
	background: url(images/0.jpg) bottom repeat-x;
	color: #999999;
}


h2, .portfoliotitlegroup, .zblogtitle{
	padding:10px 0 5px 0;
	margin:0;
	color: #009de0;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	}

h3 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}


h5 {
	font-size: 9px;
}

h5 a:hover{
	color: #009de0;
	text-decoration:none;
}

h5 a{
padding: 0 0 0 10px;
	color: #999999;
	text-decoration:none;
}

p, blockquote, ul, ol  {
	line-height: 14px;
	padding:0 0 15px 0;
	margin:0;
	}
	

	
li {
list-style-image: url(images/);
padding: 0;

}

a {
text-decoration: none; 
	color: #fff;
}

a img{
border: none;
text-decoration: none;
padding:0;
margin:0;
}

img{
display: block;
border: none;
padding:0;
margin:0;
}


a:hover {
	text-decoration: none;
	color: #58585a;
}


/********************************* HOME *************************************/

.home #content{
margin: 0 0 10px 0;
}



/********************************* BLOG *************************************/

.zblogrow{
margin: 0 0 10px 0;
height: 260px;
}


.blog #left{
width: 680px;
}


.blog #right{
width: 240px;
}


.zblogimage{
width: 410px;
float:left;
}

.zblogtitle{
margin:0;
padding:0;
}

.blog a{
color:#009de0;}


/*********************************  PORTFOLIO *************************************/
.portfolio #left{
width: 170px;
margin-right:10px;}


.portfolio  #right{
width: 760px;
}

.zportfoliorow{
clear:both;
position:relative;}


#right .zportfoliotitle{
width: 170px;
position: absolute;
left:500px;
top: 0;
color: #009de0;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}

.zportfolioimage{
width:560px;}

.zportfoliodescription{
width: 240px;
height: 140px;
position: absolute;
left:500px;
top: 20px;
}

.zportfoliogallery div{
float:left;
margin: 10px 10px 0 0;
}

.portfoliotitlegroup{
height:20px;
padding: 5px 0 0 5px;
margin: 0 0 10px 0;
background-color: #009de0;}

table{
margin: 0 0 0 25px;
padding:0;
border: 0;
}

/********************************* CONTACT ****************************************/

.contact #left{
width:300px;
float: left;
margin: 0 10px 0 0;
}
.contact #right{
width:600px;
float: left;
margin: 0 0 10px 0;
}

.zcontacttitle{
padding: 0 0 5px 0;
color: #009de0;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}



/********************************* MENU *******************************************/

#menu {
	width: 920px;
	height: 26px;
	margin: 0 auto;
	background: #75cbee url(/images/menu.jpg) repeat-x;
	padding: 0;
	}

#menu ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	padding: 1px 60px 0 15px;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #fff;
}

#menu a:hover {
	color: #58585a;
}


h2 a:hover{
	color: #58585a;
	}
	
.home a#homenav,
.portfolio a#portfolionav,
.blog a#blognav,
.contact a#contactnav
{
color: #58585a;
}


/************************* FORM ********************************/	


input {
width: 250px;
margin: 2px 0 0 0;
color: #000;
}

textarea {
width: 250px;
height: 100px;
margin: 2px 0 0 0;
font:  normal 12px Arial, Helvetica, sans-serif;
color: #000;
}

.submit input {
height: 26px;
width: 119px;
}

form p{
color: #009de0;
padding: 10px 0 0 0;}


select{
margin-top:5px;}

/************************* FOOTER ********************************/	
	

#footer {
	width: 960px;
	padding: 0;
	margin: 0;
	clear:both;
	height: 65px;
	background: url(/images/footer.jpg) repeat-x;
	}

#footer h5 {
	text-align: left;
	color: #009de0;
	margin: 0;
	padding: 23px 0 0 120px;
	}

	
span{
color:#01b0cf;}