@charset "utf-8";
/* CSS Document */

html{
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat-x;
	background-color:#55782b;
}

body{
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;	
}



h1,h2,h3,h4,h5,h6{
	margin:0px; padding:0px;
}

h2{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
	h2 span{
		color:#f3b805;
	}
	
h3{
	font-size:22px;
	color:#f3b805;
}

h4{
	font-size:18px;
	color:#FFFFFF;
	background-image:url(../images/blog-tab-bg.gif);
	background-repeat:no-repeat;
	width:231px;
	height:28px;
	display:block;
	font-weight:normal;
	padding-top:5px;
	padding-left:10px;
}

a img{border:none;}

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

#wrapper{
	width:900px;
	margin:0 auto;
}

#header{
	width:900px;
	height:83px;
	padding-top:39px;
	position:relative;
}

	#header h1{
		width:155px;
		height:63px;
		float:left;
		
	}
		#header h1 a{
			width:160px;
			height:63px;
			display:block;
			background-image:url(../images/cre8tiv-logo.png);
			background-repeat:no-repeat;
			margin-top:15px;
		}
			#header h1 a span{
				position:absolute;
				top:-1000px;
			}

.twitter{
	width:98px;
	height:94px;
	background-image:url(../images/tweeter-blink.gif);
	background-repeat:no-repeat;
	position:absolute;
	left:177px;
	z-index:1;
}
	.twitter span{
		position:absolute;
		top:-1000px;
	}		

#menus{
	width:620px;
	float:right;
}

#board-wrap{
	width:900px;
	height:490px;/*delete*/
	position:relative;
}

#board{
	width:962px;
	height:490px;
	background-image:url(../images/board.png);
	background-repeat:no-repeat;
	position:absolute;
	top: 1px;
}

#content{
	width:900px;
}

#footer{
	width:900px;
	height:125px;
	background-image:url(../images/footer-bg.gif);
	background-repeat:no-repeat;
	background-position:top;
	clear:both;
	margin-top:60px;
	padding-top:25px;
}

#follow-me{
	float:right;
}

#footer-address{
	font-size:11px;
	margin-top:30px;
}
/*Home*/

.hm-left{
	width:580px;
	float:left;
	padding-right:40px;
}

.hm-right{
	width:280px;
	float:right;
}

.hm-right2{
	width:280px;
	float:left;
	margin-right:20px;
}


/*End Home*/


/*Our Work*/

.our-work{
	width:875px;
	height:273px;
	background-image:url(../images/our-work-bg.gif);
	background-repeat:no-repeat;
	margin-left:13px;
	margin-top:12px;
}

.our-work2{
	width:875px;
	height:273px;
	background-image:url(../images/our-work-bg2.gif);
	background-repeat:no-repeat;
	margin-left:13px;
	margin-top:12px;
}

.slide-main{
	width:875px;
	height:244px;
}
.handle{
	width:48px;
	height:244px;
	float:left;
}
	.handle .a-back{
		background-image:url(../images/icon-back.gif);
		background-repeat:no-repeat;
		background-position: 7px 112px;
		width:48px;
		height:244px;
		display:block;
	}
	.handle .a-next{
		background-image:url(../images/icon-next.gif);
		background-repeat:no-repeat;
		background-position: 7px 112px;
		width:48px;
		height:244px;
		display:block;
	}
		

.slide-links{
	width:865px;
	height:22px;
	padding-left:10px;
	padding-top:7px;
}
	.slide-links a{
		font-weight:bold;
		outline:none;
	}	
	.slide-links p{
		float:right;
		margin:0px;
		padding:0px;
		margin-right:10px;
	}

.slide-images{
	width:774px;
	height:224px;
	float:left;
	padding-top:20px;
}
	.slide-images img{
		display:block;
		padding-left:18px;
		margin-bottom:20px;
		
	}
	

	#photoShow img{
		
		display:block;
		margin-bottom:20px;
		
		}
.slide-images2{
	width:774px;
	height:253px;
	float:left;
	padding-top:20px;
	padding-left:

}

.slide-images2 img{
	padding-top:25px;
	padding-bottom:15px;

}
	
/*End Our work*/

.blog-bg{
	background-image:url(../images/blog-bg.jpg);
	background-repeat:repeat-x;
}

#blog-left{
	width:625px;
	float:left;
}

.blog-post{
	width:625px;
	border-bottom:dotted 1px #a4a4a4;
	padding-bottom:20px;
	padding-top:20px;
}
	.blog-post h3 a{
		color:#f3b805;
	}
	.blog-post h3 a:hover{
		color:#FFFFFF;
	}

ul.posted-name{
	margin:0px; padding:0px;
}
	ul.posted-name li{
		display:block;
		float:left;
		list-style:nonel;
		padding-right:10px;
		color:#FFFFFF;
		padding-left:2px;
	}

.tags a{
	color:#FFFFFF;
	
}

#blog-right{
	width:242px;
	float:right;
}

.blog-tabs{
	width:241px;
	margin-top:10px;
}

.blog-tabs-links{
	width:231px;
	padding-left:10px;
	padding-top:10px;
}
	.blog-tabs-links ul{
		margin:0px;
		padding:0px 0 0 15px;
		line-height:18px;
	}

#tweet{
	width:900px;
	height:94px;
	position:relative;
	margin-bottom:50px;
}

.videos{
	background-image:url(../images/tv-bg.gif);
	background-repeat:no-repeat;
	width:597px;
	height:454px;
	margin-top:20px;
	position:relative;

}

.u-tube{
	width:350px;
	height:255px;
	margin-left:62px;
	margin-top:72px;
	position:absolute;
	
}

/*who we are*/


.who-w-r-left{
	width:389px;
	float:left;
	padding-right:40px;
}


.who-w-r-right{
	width:389px;
	float:right;
	padding-right:40px;
}


.quote_left{
	width:330px;
	height:70px;
	float:left;
	background-image:url(../images/quot-box.gif);
	background-repeat:no-repeat;
	margin-top:20px;
	padding-left:45px;
	padding-top:15px;
}

	.quote_left h2{
		display:block;
		margin-bottom:4px;
	}
	
.input{
	width:271px;
	height:20px;
	background-color:#FFFFFF;
	border:solid 1px #484848;
	padding-top:3px;
}

.input1{
	width:370px;
	height:177px;
	background-color:#FFFFFF;
	border:solid 1px #484848;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

.submit-btn{
	background:none;
	border:none;
	background-image:url(../images/submit-icon.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:20px;
	padding-left:0px;
	color:#b6b6b6;
}
/*clients*/

.arrow{
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:right top;
	width:100px;
	height:22px;
	display:block;
}

.testi-bottom{
	background-image:url(../images/testi-btom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:835px;
	margin-top:15px;
}
	.testi-top{
		background-image:url(../images/testi-top.gif);
		background-repeat:no-repeat;
		background-position:top;
		padding-left:62px;
		padding-top:10px;
		padding-right:62px;
		padding-bottom:30px;
	}
	
a.twitter-foot{
	width:107px;
	height:53px;
	background-image:url(../images/icon-twitter.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
}
	a:hover.twitter-foot{
		background-image:url(../images/icon-twitter-hr.gif);
		background-repeat:no-repeat;	
	}

a.linkedin-foot{
	width:103px;
	height:53px;
	background-image:url(../images/icon-linkedin.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
}
	a:hover.linkedin-foot{
		background-image:url(../images/icon-linkedin-hr.gif);
		background-repeat:no-repeat;
	}

a.chember-foot{
	width:48px;
	height:53px;
	background-image:url(../images/icon-chember.gif);
	background-repeat:no-repeat;
	display:block;
	float:left;
}
	a:hover.chember-foot{
		background-image:url(../images/icon-chember-hr.gif);
		background-repeat:no-repeat;
	}
	
	.green-box{
	background-image:url(../images/gree-bg.gif);
	background-repeat:no-repeat;
	width:809px;
	height:117px;
	margin-top:10px;
	padding:20px;
	padding-top:35px;
}