*{   
   margin:0;   
   padding:0;   
}  
body {
	background-color: #e8e8e8;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	}
#wrap {
	top:0px;
	margin: 0 auto;
	width: 962px;
	height: 1140px;
	text-align:left;
	position: relative;
}
/* Navigation*//* Navigation*//* Navigation*/
#portfolio-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:174px;
	height:123px;
}

#portfolio-02_ {
	position:absolute;
	left:174px;
	top:38px;
	width:307px;
	height:85px;
	background-image: url(images/portfolio_021.jpg);
}

#portfolio-03_ {
	position:absolute;
	left:481px;
	top:0px;
	width:120px;
	height:38px;
}
#portfolio-03_ a{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#portfolio-04_ {
	position:absolute;
	left:601px;
	top:0px;
	width:120px;
	height:38px;
}

#portfolio-05_ {
	position:absolute;
	left:721px;
	top:0px;
	width:120px;
	height:38px;
}

#portfolio-06_ {
	position:absolute;
	left:841px;
	top:0px;
	width:121px;
	height:38px;
}

/* Banner *//* Banner *//* Banner *//* Banner *//* Banner *//* Banner */
#portfolio-07_ {
	position:absolute;
	left:481px;
	top:38px;
	width:481px;
	height:85px;
	background-image: url(images/index_07.jpg);
}
#index-title {
	position: relative;
	left: 3px;
	top: 31px;
	background-image: url(images/index-title.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 472px;
}
#index-08_ {
	position:absolute;
	left:1px;
	top:123px;
	width:546px;
	height:184px;
	background-image: url(images/bn1.jpg);
	background-repeat: no-repeat;
}
#bn2_ {
	position:absolute;
	left:546px;
	top:123px;
	width:416px;
	height:184px;
	background-image: url(images/bn2.jpg);
	background-repeat: no-repeat;
}

.bannertxt {
	top: 75px;
	color: #cacaca;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 19px;
	position: absolute;
	left: 3px;
}
.white {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}
.bannertxt2 {
	top: 105px;
	color: #cacaca;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	position: absolute;
	left: 2px;
}

#index-09_ {
	position:absolute;
	left:0px;
	top:307px;
	width:228px;
	height:34px;
}

#index-10_ {
	position:absolute;
	left:228px;
	top:307px;
	width:734px;
	height:70px;
	background-image: url(images/index_10.jpg);
}

#index-11_ {
	position:absolute;
	left:0px;
	top:341px;
	width:228px;
	height:36px;
	background-image: url(images/index_11.jpg);
}

#index-12_ {
	position:absolute;
	left:0px;
	top:377px;
	width:962px;
	height:1px;
	background-image: url(images/index_12.jpg);
	background-repeat: no-repeat;
}

/* Intro "Professional Freelance Web Design" *//* Intro "Professional Freelance Web Design" */
#index-15_ {
	position:absolute;
	left:0px;
	top:423px;
	width:643px;
	height:78px;
	background-image: url(images/index_15.jpg);
	background-repeat: no-repeat;
	z-index: 1;
}
#index-13_ {
	position:absolute;
	left:0px;
	top:378px;
	width:643px;
	height:45px;
	background-image: url(images/index_13.png);
}

.intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #474747;
	line-height: 20px;
	position: absolute;
	top: 20px;
	width: 632px;
	left: 3px;
}
.intro a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	text-decoration: underline;
}
.intro a:hover{
	color: #000;
}
.highlight {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00badc;
}
/*Right Column*//*Right Column*//*Right Column*//*Right Column*//*Right Column*//*Right Column*/
#index-14_ {
	position:absolute;
	left:643px;
	top:378px;
	width:319px;
	height:65px;
	background-image: url(images/index_14.jpg);
}

#index-17_ {
	position:absolute;
	left:689px;
	top:443px;
	width:273px;
	height:164px;
}

#index-24_ {
	position:absolute;
	left:665px;
	top:576px;
	width:24px;
	height:343px;
	background-image: url(images/index_24.jpg);
}

#index-25_ {
	position:absolute;
	left:689px;
	top:607px;
	width:273px;
	height:83px;
	background-image: url(images/index_25.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
.portfoliotxt {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00badc;
	font-size: 12px;
	line-height: 17px;
	position: absolute;
	left: 2px;
	top: 3px;
	text-decoration: none;
}
.portfoliotxt a{
	color: #4a4a4a;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4a4a4a;
	text-decoration: none;
}
.portfoliotxt a:hover{
	color: #000;
	text-decoration: none;
}
.portfoliotxt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00badc;
	font-size: 12px;
	line-height: 17px;
	position: absolute;
	left: 2px;
	top: 5px;
	text-decoration: none;
}
.portfoliotxt2 a{
	color: #4a4a4a;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4a4a4a;
	text-decoration: none;
}
.portfoliotxt2 a:hover{
	color: #000;
	text-decoration: none;
}
#index-26_ {
	position:absolute;
	left:689px;
	top:690px;
	width:273px;
	height:164px;
}

#index-27_ {
	position:absolute;
	left:689px;
	top:854px;
	width:273px;
	height:65px;
	background-image: url(images/index_27.jpg);
}



#index-16_ {
	position:absolute;
	left:643px;
	top:443px;
	width:46px;
	height:133px;
	background-image: url(images/index_16.jpg);
}


/* My Services*//* My Services*//* My Services*//* My Services*//* My Services*/
#index-18_ {
	position:absolute;
	left:0px;
	top:501px;
	width:643px;
	height:45px;
	background-image: url(images/index_18.jpg);
}

#index-19_ {
	position:absolute;
	left:0px;
	top:546px;
	width:207px;
	height:322px;
	background-repeat: no-repeat;
}
.servtitle {
	position: relative;
	top: 0px;
	height: 54px;
	background-repeat: no-repeat;
}
.webdesign2 {
	height: 115px;
	position: relative;
	background-image: url(images/webdesign3.jpg);
	background-repeat: repeat;
}
.seo2 {
	height: 115px;
	position: relative;
	background-image: url(images/seo3.jpg);
	background-repeat: repeat;
}
.ecomm2 {
	height: 115px;
	position: relative;
	background-image: url(images/ecomm3.jpg);
	background-repeat: repeat;
}
#webdesign3 {
	position: relative;
	background-image: url(images/webdesign4.jpg);
	background-repeat: no-repeat;
	height: 153px;
}



h2 {
	font-size: 14px;
	position: absolute;
	top: 181px;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 1;
}
h3 {
	font-size: 14px;
	position: absolute;
	top: 198px;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 1;
}
.points {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #474747;
	position: absolute;
	top: 227px;
	left: 15px;
	z-index: 1;
}

#index-20_ {
	position:absolute;
	left:207px;
	top:546px;
	width:25px;
	height:322px;
	background-image: url(images/index_20.jpg);
}

#index-21_ {
	position:absolute;
	left:232px;
	top:546px;
	width:202px;
	height:292px;
	background-repeat: no-repeat;
}
#seo3 {
	background-image: url(images/seopoints.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 153px;
}



#index-22_ {
	position:absolute;
	left:434px;
	top:546px;
	width:26px;
	height:322px;
	background-image: url(images/index_22.jpg);
}

#index-23_ {
	position:absolute;
	left:460px;
	top:546px;
	width:205px;
	height:292px;
	background-repeat: no-repeat;
}
#ecomm3 {
	background-image: url(images/ecommpoints.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 153px;
}



#index-28_ {
	position:absolute;
	left:0px;
	top:868px;
	width:130px;
	height:29px;
}

#index-29_ {
	position:absolute;
	left:130px;
	top:868px;
	width:99px;
	height:29px;
	background-image: url(images/index_29.jpg);
}

#index-30_ {
	position:absolute;
	left:229px;
	top:868px;
	width:130px;
	height:29px;
}

#index-31_ {
	position:absolute;
	left:359px;
	top:868px;
	width:97px;
	height:29px;
	background-image: url(images/index_31.jpg);
}

#index-32_ {
	position:absolute;
	left:456px;
	top:868px;
	width:130px;
	height:29px;
}

#index-33_ {
	position:absolute;
	left:586px;
	top:868px;
	width:79px;
	height:29px;
	background-image: url(images/index_33.jpg);
}

#index-34_ {
	position:absolute;
	left:0px;
	top:897px;
	width:643px;
	height:22px;
	background-image: url(images/index_34.jpg);
}

#index-35_ {
	position:absolute;
	left:643px;
	top:897px;
	width:22px;
	height:22px;
	background-image: url(images/index_35.jpg);
}

#index-36_ {
	position:absolute;
	left:0px;
	top:919px;
	width:1px;
	height:175px;
}

#index-38_ {
	position:absolute;
	left:332px;
	top:919px;
	width:2px;
	height:175px;
}

#index-40_ {
	position:absolute;
	left:665px;
	top:919px;
	width:2px;
	height:175px;
}

#index-42_ {
	position:absolute;
	left:1px;
	top:1093px;
	width:331px;
	height:1px;
}

#index-43_ {
	position:absolute;
	left:334px;
	top:1093px;
	width:331px;
	height:1px;
}

#index-44_ {
	position:absolute;
	left:667px;
	top:1093px;
	width:295px;
	height:1px;
}

/* 3 Bottom Bars*//* 3 Bottom Bars*//* 3 Bottom Bars*//* 3 Bottom Bars*/

#index-37_ {
	position:absolute;
	left:1px;
	top:919px;
	width:331px;
	height:174px;
	background-image: url(images/index_37.jpg);
	background-repeat: no-repeat;
}
.bottomtxt {
	position: absolute;
	top: 47px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4a4a4a;
	line-height: 16px;
	width: 302px;
}

.contact{
	position: relative;
	width: 280px;
	top: 107px;
	height: 47px;
}

h4 {
	font-size: 18px;
	color: #636363;
	position: absolute;
	top: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.points2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #474747;
	position: absolute;
	top: 93px;
	left: 21px;
	width: 258px;
}

#index-39_ {
	position:absolute;
	left:334px;
	top:919px;
	width:331px;
	height:174px;
	background-image: url(images/index_39.jpg);
	background-repeat: no-repeat;
	padding-left: 24px;
}

#index-41_ {
	position:absolute;
	left:667px;
	top:919px;
	width:270px;
	height:174px;
	background-image: url(images/index_41.jpg);
	background-repeat: no-repeat;
	padding-left: 24px;
}
.form {
	position: absolute;
	top: 115px;
	width: 270px;
	height: 38px;
}

#email {
	background-image: url(images/field.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 195px;
	border: none;
	padding-top: 8px;
	padding-left: 8px;
	background-color: #EFEFEF;
}
#submit{
	background-image: url(images/submit.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 68px;
	border: none;
	position: relative;
	left: 204px;
	top: -34px;
	background-color: #EDEDED;
}
/* Footer *//* Footer *//* Footer *//* Footer *//* Footer *//* Footer */


#footer {
	position:absolute;
	left:0px;
	top:1092px;
	width:962px;
	height:51px;
	background-image: url(images/portfolio_38.jpg);
	background-repeat: no-repeat;
	background-color: #E8E8E8;
}

#twitter {
	position: relative;
	width: 40px;
	top: 1085px;
	height: 58px;
	left: 6px;
	background-repeat: no-repeat;
	z-index: 3;
}
.alignleft {
	float: left;
	position: absolute;
	top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f5f5f;
	left: 54px;
}
.alignleft a{
	color: #b9b9b9;
	text-decoration: none;
	cursor: default 
}
.alignright {
	float: right;
	position: relative;
	top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f5f5f;
}
.alignright a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5f5f5f;
	text-decoration: none;
}
.alignright a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00badc;
}
/* Fade Rollover CSS Values *//* Fade Rollover CSS Values */
img { border:0px; }

ul.img_list {
	display:inline;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}	
	
li.image_one a {
	display:block; 
	width:273px; 
	height:164px; 
	position:relative;
}	
 
li.image_one a .rollover {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:273px;
	height:164px;
	background:url(images/bruford-on.jpg);
	cursor: pointer;
}
li.image_two a {
	display:block; 
	width:273px; 
	height:164px; 
	position:relative;
}	
 
li.image_two a .rollover {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:273px;
	height:164px;
	background:url(images/blue22-on.jpg);
	cursor: pointer;
	background-image: url(images/hillfox-on.jpg);
}
li.image_three a {
	display:block; 
	width:181px; 
	height:115px; 
	position:relative;
}	
 
li.image_three a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:181px; 
	height:115px; 
	background:url(images/webdesign-on.jpg);
	cursor: pointer;
}
li.image_four a {
	display:block; 
	width:177px; 
	height:115px; 
	position:relative;
}	
 
li.image_four a .rollover {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:178px;
	height:115px;
	background:url(images/seo-on.jpg);
	cursor: pointer;
}
li.image_five a {
	display:block; 
	width:181px; 
	height:115px; 
	position:relative;
}	
 
li.image_five a .rollover {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:181px; 
	height:115px; 
	background:url(images/ecomm-on.jpg);
	cursor: pointer;
}
/* Fade Rollover CSS Values *//* Fade Rollover CSS Values */