body {
	background-image:url('images/bg.jpg');
	background-repeat:repeat-x;
	background-color: #FFF;
/*	overflow-x: hidden; */
}






#container {
	width: 1000px;
	margin: auto;
}

#head {

margin: -8px 0px 0px -5px;
	height: 335px;
	background-image: url('./images/head.jpg');
	background-position: top left;
	background-repeat: no-repeat;

}


#email {
float: left;
margin:20px 0px 0px 0px;	
background-image: url('./images/mainlogo.gif');
background-position: top left;
background-repeat: no-repeat;
width: 459px;
height: 127px
}

#quoteblock {
padding-left: 125px;
}

#metablock {
padding: 0px 0px 50px 45px;
width: 900px;
}

#menu {
float:left;
padding-left: 10px;
padding-top: 145px;
width: 850px;		
}

#vid {
padding-left: 413px;
padding-top: 36px;		
}

#vid2 {
padding-left: 413px;
padding-top: 36px;
height: 164px;	
}

#menu2 {
padding-left: 350px;
padding-top: 5px;		
}


#slide {
float: left;
margin-left: 70px;
margin-top: -45px;
width: 895px;
height: 308px;
	background-image:url('images/shadow.jpg');
	
}




/* ----- MENU TOP -------- */
.home a {
float: left; 
display: block; 
width: 56px; 
height: 26px; 
background: transparent url('images/home1double.jpg') no-repeat; 
}

.home a:hover { 
background-position: -56px 0; 
}





.serv a {
float: left; 
display: block; 
width: 71px; 
height: 26px; 
background: transparent url('images/serv1.jpg') no-repeat; 
}

.serv a:hover { 
background-position: -71px 0; 
}


.sample a {
float: left; 
display: block; 
width: 114px; 
height: 26px; 
background: transparent url('images/sample.jpg') no-repeat; 
}

.sample a:hover { 
background-position: -114px 0; 
}

.team a {
float: left; 
display: block; 
width: 78px; 
height: 26px; 
background: transparent url('images/ourteam1.jpg') no-repeat; 
}

.team a:hover { 
background-position: -78px 0; 
}

.why a {
float: left; 
display: block; 
width: 114px; 
height: 26px; 
background: transparent url('images/why1.jpg') no-repeat; 
}

.why a:hover { 
background-position: -114px 0; 
}


.readmore a {

float: left; 
display: block;
 
width: 126px; 
height: 40px; 
background: transparent url('images/readmore.jpg') no-repeat; 
}

.readmore a:hover { 
background-position: -128px 0; 
}


.contact a {
float: left; 
display: block; 
width: 109px; 
height: 26px; 
background: transparent url('images/contact1.jpg') no-repeat; 
}

.contact a:hover { 
background-position: -109px 0; 
}


/* ----- MENU bottom -------- */
.home2 a {
float: left; 
display: block; 
width: 56px; 
height: 25px; 
background: transparent url('images/home2.jpg') no-repeat; 
}

.home2 a:hover { 
background-position: -52px 0; 
}





.serv2 a {
float: left; 
display: block; 
width: 71px; 
height: 26px; 
background: transparent url('images/serv2.jpg') no-repeat; 
}

.serv2 a:hover { 
background-position: -71px 0; 
}

.team2 a {
float: left; 
display: block; 
width: 78px; 
height: 26px; 
background: transparent url('images/ourteam2.jpg') no-repeat; 
}

.team2 a:hover { 
background-position: -79px 0; 
}

.why2 a {
float: left; 
display: block; 
width: 110px; 
height: 26px; 
background: transparent url('images/why2.jpg') no-repeat; 
}

.why2 a:hover { 
background-position: -110px 0; 
}


.contact2 a {
float: left; 
display: block; 
width: 92px; 
height: 26px; 
background: transparent url('images/contact2.jpg') no-repeat; 
}

.contact2 a:hover { 
background-position: -92px 0; 
}





.quote a {
float: left; 
display: block; 
width: 225px; 
height: 48px; 
background: transparent url('images/quote.jpg') no-repeat; 
}

.quote a:hover { 
background-position: -225px 0; 
}



#bodybg {
float: left;
margin: -2px;
margin: -5px 0px 0px -5px;
	width: 1000px;
	background-image:url('images/body.jpg');
	background-repeat:repeat-y;
	background-color: #FFF;
min-height: 300px;
}


#bodybg2 {
float: left;
padding: 20px 0px 0px 0px;
}


#bodytext {
float: left;
	width: 400px;
	padding: 0px 0px 0px 70px;

}

#bodytext4 {
float: left;
	width: 410px;
	padding: 0px 0px 0px 60px;

}

#csscheat {
	padding: 0px 0px 0px 60px;

}

#bodytext5 {
float: left;
	width: 410px;
padding: 0px 0px 0px 40px;

}

#contacttext {
float: left;
	width: 350px;
	padding: 70px;

}

#services {
float: left;
	width: 200px;
	padding-left: 20px;

}

#services2 {
float: left;
	width: 200px;
	padding-left: 20px;

}

#services3 {
float: left;
	width: 200px;
	padding-left: 20px;

}

#services4 {
float: left;
	width: 200px;
	padding-left: 20px;

}

#bodytext2 {
float: left;
	width: 400px;
	padding-left: 115px;

}


#bodytext3 {
float: left;
	width: 430px;
	padding-left: 40px;

}


#banner {
float: left;
	width: 890px;
	padding-left: 60px;

}


#foot {

background-image:url('images/foot.jpg');
width: 1000px;
height: 137px;
margin: auto;

}

#footer {
margin-left: -24px;

	clear:both;
float: left;
	width:104%;
	font-size: 14px;
	color: #fff;
	height: 137px;
	background-image: url('./images/footer-bg.jpg');
	background-repeat:repeat-x;

}

a img { 
	border:none; 
}
















#psdtocssmain {

float: left;
margin-left: 50px; 
	width: 915px;
height: 301px;
	background-image:url('images/psdtocss.jpg');
	
}

#designit {
float: left;
width: 190px;
padding: 135px 0px 0px 45px;
color: #000;	
}

#reviewit {
float: left;
width: 180px;
padding: 135px 0px 0px 20px;
color: #000;	
}

#codeit {
float: left;
width: 190px;
padding: 135px 0px 0px 30px;
color: #000;	
}

#sendit {
float: left;
width: 190px;
padding: 135px 0px 0px 20px;
color: #000;	
}

#easier {
float: left;
width: 620px;
padding: 0px 0px 0px 0px;

color: #0085aa;	
font-family: Comic Sans MS,Verdana,Helvetica,sans-serif;
}

#easier2 {
float: left;
padding: 0px 0px 0px 55px;
font-size: 1.0em;
color: #0085aa;	
font-family: Comic Sans MS,Verdana,Helvetica,sans-serif;
}

#sellit {
float: left;
width: 950px;
height: 80px;
padding: 0px 0px 0px 90px;
}


.getstartednow a {
float:left;
text-align:center;
text-decoration: none;

margin-top: 30px;
display: block; 
width: 184px; 
height: 44px; 
background: transparent url('images/getstartednow.gif') no-repeat; 
}

.getstartednow a:hover { 
background-position: -184px 0; 
}
















.moddish a {
float:left;
text-align:center;
text-decoration: none;
margin: auto;
display: block; 
width: 150px; 
height: 153px; 
background: transparent url('images/moddish.jpg') no-repeat; 
}

.moddish a:hover { 
background-position: -150px 0; 
}
















#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:400px;
		height:380px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}