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

#strip {
	background-image: url(web-site-design-images/slice-pink.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:7px;
}

.floatleft {
	float:left;
}

.floatright{
	float:right;
}
body {
	margin:0;
	padding:0;
	background-image: url(web-site-design-images/website-design-company-main-bg.gif); 
	background-repeat:repeat;	
	font-family:Verdana, Geneva, sans-serif;
	font-size:.9em;
	color:#FFF;
	overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
}

p { margin:0;
padding:0;
	
}


h1 {
margin:0;
padding:0;
font-size:100%;



}
.portfolioh1 {
	background-image: url(web-site-design-images/latest-design-projects-header.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:129px;
	height:24px;
	float:right;
	padding-right:15px;
	
}
img  {
	border-style:none;
}

#nav { float:right; padding:5px; font-size:80%; position:absolute; left: 779px; top: 9px; width: 175px; 
}

#nav li { 
display:inline; 
float:right;
color:#5b5656;
margin-left:8px;

}

ul {
	margin:0;
	padding:0;
}

li {
	padding:0;
	margin:0;
}

.pink a:link {
	color:#ff0066;
}

.pink a:visited {
	color:#ff0066;
}
a:link {
	color: #FFF;
	text-decoration:none;
}

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


#header img {
	padding-left:10px;
}

.main {
	
	width:1048px;
	margin:0 auto;
	position:relative;
	

}
#feature { padding-top:1px;/*keeps the feateu text bg aligned stop collaspe*/ padding-bottom:1px; margin-bottom:26px; position:relative; top:0; left:0; 
	
	
}

#featureimg{ margin-left:51px; margin-top:46px; background-image: url(web-site-design-images/website-design-feature-image.jpg); background-repeat:no-repeat; width:376px; height:172px; float:left; padding:1px; 
	
	
	
}


#featurecontent { 
background-image: url(web-site-design-images/design-feature-bg.jpg);
background-repeat:repeat;
width:520px;
height:170px;
margin-top:37px; 
margin-left:429px; 
padding:10px; 
position:relative;
overflow:hidden;
	
	
}

#featurecontent h1{
	font-size:14px;
	padding-top:10px;
	
}
#featurecontent p { 
font-size:12px; 
letter-spacing:-1px; 
padding-top:4px; 
position:relative; 
width: 526px; 
}

#guild {width:109px; height:109px; position:absolute; left: 893px; top: 15px; 

}


#button{ position:absolute; left: 839px; top: 260px; 
}


#navbar { background-image: url(web-site-design-images/website-nav.jpg); background-repeat:repeat; width:860px; height:25px; margin-left:40px; margin-bottom:31px; 
padding-top:7px;
}

#navbar ul li{
/*float:left;*/

list-style:none;
background-image: url(web-site-design-images/website-nav-divide.gif);
background-repeat:no-repeat;
background-position:left 50%;
padding-left:25px;

}

#navbar li.navhme {
	background-image:none;
	float:left;
	width:40px;
}


#navbar li.navsrv { width:60px; 
float:left; 



}

#navbar li.navprt {
	width:60px;
	float:left;
}

#navbar li.navblg {
	width:30px;
	float:left;
}

#navbar li.navcnt{
	width:60px;
	float:left;
}
#navbar li.navabt {
	width:50px;
	float:left;
}

#navbar a:link {
color:#FFF;	
}

/*#navbar li a:hover {
	background-image:url(web-site-design-images/hover-nav.jpg);
	background-repeat:no-repeat;
	background-position: bottom;}*/




#navbar a:visited {
	color:#FFF;
}



#spacerbar {
	background-image: url(web-site-design-images/spacerbar.jpg);
	background-repeat:repeat;
	height:18px;
	width:760px;
	
}

#spacerbarend {
	background-image: url(web-site-design-images/spacerbarend.jpg);
	background-repeat:no-repeat;
	width:21px;
	height:18px;
	float:right;
}

#holder {
	margin-top:360px;
}


#services{ background-image: url(web-site-design-images/web-services-bg.jpg); background-repeat: repeat-y; width:559px; height:551px; margin-left:22px; padding-top:43px; float:left; position:relative;


	
}


#services li { list-style:none; display: block; margin-right: 8px; 
}


#services li h1 {
	font-size:100%;
	
}
	

#services p {
	padding-top:10px;
	font-size:90%;
	letter-spacing:-1px;
}
#webdesign {
	height:108px;
	width:520px;
	margin-bottom:39px;
}

#webdesign  img{
	padding-right:10px;
	
}

#logodesign{
	height:108px;
	clear:left;
	width:500px;
	text-align:right;
	margin-bottom:39px;
}

#logodesign img {
	padding-left:10px;	
}

#seo {
	width:500px;
	clear:right;
	}
	
	
	#seo img {
		padding-right:10px;
	}
	
	
#servicespage{ background-color:#0c84ce; 
width:108px;
height:27px; 
position:absolute; 
left: 422px; 
top: 550px;
line-height:12px;

text-align:center;

font-size:11px;
	
}

#servicepage ul li {
	display:block;
}
#portfolioft { background-image: url(web-site-design-images/design-feature-bg.jpg); background-repeat:repeat; width:225px; height:551px; float:right; margin-top:103px; margin-right:45px; margin-bottom:50px; 
	
	
}

#prtcnt { padding:5px 0px 5px 10px; width:195px; height:546px; 
	
}

dl.portfolio { margin-top:68px; list-style:none; font-size:90%; 
	
	
}

dt.item1 {

	text-align:left;	

}


dt.item2 {
	margin-top:90px;
	
	text-align:left;
		
}

dt.item3 { margin-top:90px; text-align:left; 
}
	


#spacbarsml{ background-image: url(web-site-design-images/spacerbar.jpg); background-repeat:repeat; min-width:10px; max-width:800px; position:absolute; left: 940px; top: 85px; width: 215px; height: 18px; 
}
	
.footer{
	/*background-image: url(web-site-design-images/website-nav.jpg);
	background-repeat:repeat;*/
	height:125px;
	clear:both;
	margin:0 auto;
	margin-top:50px;
	width:1048px;
	font-size:80%;
}
.footer ul {
	text-align:center;
	padding:0;
	
}
.footer ul li {
	display:inline;
	
}

.footer p {
	font-size:70%;
}

.footer a:link {
	color:#FFF;
}

.footer a:visited {
	color:#FFF;
}