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

body{
	margin:0px;
	padding:0px;
	background: url(../images/bg.jpg);
	font-family:tahoma;
	font-size:12px;
	font-weight:normal;
	color:#aeab9e;
	text-decoration:none;
	line-height:22px;
}

a{
	color:#aeab9e;
	text-decoration:underline;
}

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

.wraper-fixed{
	width:1003px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding:0px 0px 10px 0px;
}

.bottom{
	width:1003px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/gfx-bottom.png) left no-repeat;
}

.body-wraper-fixed{
	width:1003px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding:30px 0px 20px 0px;
}

#copy-right{
	width:200px;
	float:left;
	margin:10px 0px 0px 48px;
}

#copy-right a{
	text-decoration:none;
}

#copy-right a:hover{
	text-decoration:underline;
}

	
#bottom-icons{
	width:300px;
	float:right;
	padding:0px 0px 0px 0px;
}

.icon-div{
	width:33px;
	height:33px;
	float:right;
	margin:0px 10px 0px 10px; 
	
	}
	

	
#grey-bg{
	width:100%;
	background: url(../images/grey-bg.jpg) repeat top left;
	margin:0px;
	padding:0px;
	float:left;
	background-color:#666;
}

#services-main{
	width:100%;
	float:left;
	background:url(../images/border-image.jpg) repeat-x bottom left;
	padding:30px 0px 20px 0px;
	
	}

#body-left{
	width:656px;
	float:left;
}

#body-right{
	width:347px;
	height:487px;
	float:left;
	background:url(../images/free-quote-form.jpg) top right no-repeat;
}

#form-div{
	width:250px;
	float:right;
	margin:36px 36px 0px 0px;
}

.welcome h2{
	font-family:tahoma;
	font-size:26px;
	font-weight:normal;
	color:#a29c7c;
	margin:0px;
	padding:10px 0px 15px 0px;
	border-bottom:dashed #645e43 1px;
	
}

.welcome ul {
	margin:20px 0px 0px 0px ;
	padding:0px;
}

.welcome ul li {
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 20px ;
	background:url(../images/bullet-3.jpg) no-repeat left ;
	list-style:none;
}

.welcome ul li a {
	text-decoration:none;
}

.welcome ul li a:hover {
	text-decoration:underline;
}


.services h2{
	font-family:tahoma;
	font-size:26px;
	font-weight:normal;
	color:#a29c7c;
	margin:0px;
	padding:10px 0px 15px 0px;
	background:url(../images/border-image.jpg) repeat-x bottom left;
	
}


.services-icon h3{
	font-family:tahoma;
	font-size:22px;
	font-weight:normal;
	color:#9b9677;
	margin:22px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	float:left;
	width:557px;
	background:url(../images/border-image.jpg) repeat-x bottom left;
	
}

#services-icons {
	width:100%;
	float:left;
	padding:20px 0px 0px 0px;
	
	}
	
#top-bg{
	width:100%;
	background: url(../images/top-bg.jpg) repeat-x top;
	top:0px;
	float:left;
	
}



#web-design a{
	width:130px;
	height:36px;
	background: url(../images/web-design-1.png) no-repeat top center;
	float:left;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:120px 0px 0px 0px;
	line-height:14px;
	
}

#web-design a:hover{
	width:130px;
	height:36px;
	background: url(../images/web-design-2.png) no-repeat top center;
	float:left;
	text-decoration:none;
	padding:120px 0px 0px 0px;
	color:#d1d1d1;
	
}

#web-development a{
	width:130px;
	height:36px;
	background: url(../images/web-development-1.png) no-repeat top center;
	float:left;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:120px 0px 0px 0px;
	line-height:14px;
	
}

#web-development a:hover{
	width:130px;
	height:36px;
	background: url(../images/web-development-2.png) no-repeat top center;
	float:left;
	text-decoration:none;
	padding:120px 0px 0px 0px;
	color:#d1d1d1;
	
}

#logo-design a{
	width:130px;
	height:36px;
	background: url(../images/logo-design-1.png) no-repeat top center;
	float:left;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:120px 0px 0px 0px;
	line-height:14px;
	
}

#logo-design a:hover{
	width:130px;
	height:36px;
	background: url(../images/logo-design-2.png) no-repeat top center;
	float:left;
	text-decoration:none;
	padding:120px 0px 0px 0px;
	color:#d1d1d1;
	
}

#seo a{
	width:130px;
	height:36px;
	background: url(../images/seo-1.png) no-repeat top center;
	float:left;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:120px 0px 0px 0px;
	line-height:14px;
	
}

#seo a:hover{
	width:130px;
	height:36px;
	background: url(../images/seo-2.png) no-repeat top center;
	float:left;
	text-decoration:none;
	padding:120px 0px 0px 0px;
	color:#d1d1d1;
	
}

#cms a{
	width:130px;
	height:36px;
	background: url(../images/cms-1.png) no-repeat top center;
	float:left;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:120px 0px 0px 0px;
	line-height:14px;
}

#cms a:hover{
	width:130px;
	height:36px;
	background: url(../images/cms-2.png) no-repeat top center;
	float:left;
	text-decoration:none;
	padding:120px 0px 0px 0px;
	color:#d1d1d1;
	
}





#navigation{
	width:590px;
	height:32px;
	float:right;
}


#navigation ul{
	margin:0px;
	padding:0px 0px 0px 0px ;
	color:#ffffff;
	
	
}

#navigation ul span{
	margin:0px;
	padding:30px 0px 0px 0px ;
	color:#ffffff;
	
}

#navigation ul li{
	font-family:arial;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
	/*background:url(.x./images/li-image.jpg) no-repeat;*/
	line-height:40px;
}

#navigation ul li a{

	color:#ffffff;
	text-decoration:none;	
	width:95px;
	height:32px;
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	line-height:40px;
}

#navigation ul li a:hover{

	color:#ffffff;
	text-decoration:none;
	background:url(../images/hover-effect.jpg) no-repeat;
	width:95px;
	height:42px;
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;


}

#navigation-current {

	color:#000;
	text-decoration:none;
	background:url(../images/hover-effect.jpg) no-repeat;
	width:98px;
	height:42px;
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;


}



#wrapper-top{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/grey-bg-header.jpg) repeat top;
	float:left;
}

.float{
	float:left;
	width:100%
}

#logo{
	/*background:url(../images/logo.jpg) no-repeat left top;*/
	width:192px;
	height:117px;
	float:left;
}

#icon-main{
	width:200px;
	float:left;
}

.icon-main-2{
	width:185px;
	float:left;
}


#slide-show{
	width:405px;
	height:301px;
	background: url(../images/slide-show.png) no-repeat top;
	float:right;
	margin:-50px 0px 0px 0px;
	*margin:30px 0px 0px 0px;
	clear:right;
	

}

#header-message h1{
	width:100%;
	float:left;
	font-family:tahoma;
	font-size:35px;
	font-weight:normal;
	color:#66504b;
	margin:0px;
	padding:0px 0px 10px 0px ;
	
}

#header-text-area{
	width:580px;
	float:left;
	clear:left;
	
}

#header-icons-main{
	width:100%;
	float:left;
	margin:20px 0px 20px 0px;
	
}

#html-icon{
	float:left;
	background:url(../images/html-icon.png) no-repeat left top;
	width:54px;
	height:60px;
	
}

#drupal-icon{
	float:left;
	background:url(../images/drupal-icon.png) no-repeat left top;
	width:54px;
	height:60px;
	
}

#dnn-icon{
	float:left;
	background:url(../images/dotnet-nuke-icon.png) no-repeat left top;
	width:63px;
	height:60px;
	
}

#icon-text h5{
	width:135px;
	float:left;
	height:45px;
	font-family:tahoma;
	font-size:12px;
	color:#734e46;
	margin:0px;
	padding:15px 0px 0px 0px;
	line-height:16px;
	
}

.icon-text-2 h5{
	width:120px;
	float:left;
	height:45px;
	font-family:tahoma;
	font-size:12px;
	color:#734e46;
	margin:0px;
	padding:15px 0px 0px 0px;
	line-height:16px;
	
}


.white-text, .white-text a {
	font-family:tahoma;
	font-size:14px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	line-height:26px;
}

.white-text a:hover{
	font-family:tahoma;
	font-size:14px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:underline;
}

.body-full-wrapper{
	width:100%;
	background: url(../images/border-image.jpg) repeat-x top left;
	margin:0px;
	padding:0px;
	float:left;
}

#brown-bg{
	width:100%;
	background: url(../images/brown-bg.jpg) repeat top left;
	margin:0px 0px 0px 0px ;
	padding:0px;
	float:left;
}
.top-bg-border{
	background:url(../images/border-image.jpg) repeat-x top left;
	width:100%;
	float:left;
}

#how-we-work{
	width:676px;
	float:left;
	border-right:dashed 1px #998077;

}

#how-we-work ul{
	margin:0px;
	padding:25px 0px 0px 0px;
}

#how-we-work ul li{
	margin:0px;
	padding:5px 0px 0px 20px ;
	background:url(../images/bullet-2.png) no-repeat left top;
	line-height:18px;
	

}




#testimonial{
	width:216px;
	float:left;
	padding:0px 40px 0px 40px;
	margin:0px 15px 0px 15px;
	background:url(../images/testimonial-bg.png) left top no-repeat;
}

h3{
	font-family:tahoma;
	font-size:24px;
	font-weight:normal;
	color:#998077;
	margin:0px;
	padding:0px 0px 0px 0px;
}

h4{
	font-family:tahoma;
	font-size:22px;
	font-weight:normal;
	color:#6d4200;
	margin:0px;
	padding:0px 0px 0px 0px;
}

h5{
	font-family:tahoma;
	font-size:22px;
	font-weight:normal;
	color:#9b9677;
	margin:0px;
	padding:0px 0px 0px 0px;
}


.testimonial-text{
	font-family:tahoma;
	font-size:12px;
	color:#aeab9e;
	font-weight:normal;
	text-decoration:none;
	line-height:16px;
}

.green-text, .green-text a {
	font-family:tahoma;
	font-size:12px;
	color:#a29a74;
	font-weight:normal;
	text-decoration:none;
	line-height:26px;
}

.green-text a:hover{
	font-family:tahoma;
	font-size:12px;
	color:#a29a74;
	font-weight:normal;
	text-decoration:underline;
}


.form-text{
	font-family:tahoma;
	font-size:12px;
	color:#584642;
	font-weight:normal;
	text-decoration:none;
	line-height:26px;
	*line-height:22px;
	padding: 0px 0px 10px 0px;
}

.form-text input, .form-text select {
	width:226px;
	height:18px;
	background:url(../images/field-line.jpg) no-repeat bottom left;
	border:none;
	border-top:0px;
}

.form-text textarea {
	width:226px;
	height:48px;
	background:url(../images/text-area-line.png) repeat-y bottom left;
	border:none;
	line-height:22px;
}


.portfolio-1 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-1-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-1 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-1-B.jpg) no-repeat top left;
	float:left;
	display:block;
}

.portfolio-2 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-2-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-2 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-2-B.jpg) no-repeat top left;
	float:left;
	display:block;
}

.portfolio-3 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-3-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-3 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-3-B.jpg) no-repeat top left;
	float:left;
	display:block;
}
.portfolio-4 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-4-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-4 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-4-B.jpg) no-repeat top left;
	float:left;
	display:block;
}

.portfolio-5 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-5-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-5 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-5-B.jpg) no-repeat top left;
	float:left;
	display:block;
}


.portfolio-6 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-6-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-6 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-6-B.jpg) no-repeat top left;
	float:left;
	display:block;
}

.portfolio-7 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-7-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-7 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-7-B.jpg) no-repeat top left;
	float:left;
	display:block;
}


.portfolio-8 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-8-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-8 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-8-B.jpg) no-repeat top left;
	float:left;
	display:block;
}


.portfolio-9 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-9-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-9 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-9-B.jpg) no-repeat top left;
	float:left;
	display:block;
}

.portfolio-10 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-10-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-10 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-10-B.jpg) no-repeat top left;
	float:left;
	display:block;
}


.portfolio-11 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-11-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-11 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-11-B.jpg) no-repeat top left;
	float:left;
	display:block;
}

.portfolio-12 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-12-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-12 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-12-B.jpg) no-repeat top left;
	float:left;
	display:block;
}

.portfolio-13 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-13-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-13 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-13-B.jpg) no-repeat top left;
	float:left;
	display:block;
}


.portfolio-14 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-14-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-14 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-14-B.jpg) no-repeat top left;
	float:left;
	display:block;
}


.portfolio-15 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-15-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-15 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-15-B.jpg) no-repeat top left;
	float:left;
	display:block;
}


.portfolio-16 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-16-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-16 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-16-B.jpg) no-repeat top left;
	float:left;
	display:block;
}


.portfolio-17 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-17-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-17 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-17-B.jpg) no-repeat top left;
	float:left;
	display:block;
}

.portfolio-18 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-18-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-18 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-18-B.jpg) no-repeat top left;
	float:left;
	display:block;
}

.portfolio-19 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-19-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-19 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-19-B.jpg) no-repeat top left;
	float:left;
	display:block;
}


.portfolio-20 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-20-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-20 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-20-B.jpg) no-repeat top left;
	float:left;
	display:block;
}


.portfolio-21 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-21-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-21 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-21-B.jpg) no-repeat top left;
	float:left;
	display:block;
}


.portfolio-22 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-22-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-22 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-22-B.jpg) no-repeat top left;
	float:left;
	display:block;
}



.portfolio-23 {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-23-A.jpg) no-repeat top left;
	float:left;
	display:block;
	margin:10px 6px 0px 0px;
	
}

.portfolio-23 a:hover {
	width:322px;
	height:103px;
	background:url(../images/portfolio/portfolio-23-B.jpg) no-repeat top left;
	float:left;
	display:block;
}



.read-more {
	width:100%;
	height:16px;
	background:url(../images/next-icon-1.jpg) no-repeat top right;
	float:right;
	display:block;
	margin:10px 10px 0px 0px;
	
}

.read-more a:hover{
	width:100%;
	height:16px;
	background:url(../images/next-icon-2.jpg) no-repeat top right;
	float:right;
	display:block;
}


.back-icon {
	width:100%;
	height:16px;
	background:url(../images/back-icon-1.jpg) no-repeat top right;
	float:right;
	display:block;
	margin:10px 10px 0px 0px;
	
}

.back-icon a:hover {
	width:100%;
	height:16px;
	background:url(../images/back-icon-2.jpg) no-repeat top right;
	float:right;
	display:block;
}

.border-bottom{
	
	border-bottom:dashed #645e43 1px;
	}
	
#webdesign-icon  {
	width:99px;
	height:94px;
	background:url(../images/webdesign-icon.jpg) no-repeat top right;
	float:left;
}


#webdevelopment-icon  {
	width:99px;
	height:94px;
	background:url(../images/webdevelopment-icon.jpg) no-repeat top right;
	float:left;
}


#cms-icon  {
	width:99px;
	height:94px;
	background:url(../images/cms-icon.jpg) no-repeat top right;
	float:left;
}


#logo-icon  {
	width:99px;
	height:94px;
	background:url(../images/logo-icon.jpg) no-repeat top right;
	float:left;
}

#seo-icon  {
	width:99px;
	height:94px;
	background:url(../images/seo-icon.jpg) no-repeat top right;
	float:left;
}


#print-icon  {
	width:99px;
	height:94px;
	background:url(../images/print-icon.jpg) no-repeat top right;
	float:left;
}


#services-text  {
	width:550px;
	float:left;
}

.services-text  {
	width:550px;
	float:left;
}


#testimonial-text  {
	width:640px;
	float:left;
}

.services-icon  {
	width:100%;
	margin:20px 0px 0px 0px;
	*margin:30px 0px 0px 0px;
	
	}

.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=65);
}
.white_content {
display: none;
position: fixed;
top: 25%;
left: 25%;
padding: 16px;
border: 2px ;
background-color: white;
z-index:1002;
overflow: auto;
}

.submit-button {
	width:72px;
	height:26px;
	background:url(../images/submit-btn.jpg) no-repeat top left;
	float:left;
	display:block;
	
}

h6{
	font-family:tahoma;
	font-size:22px;
	font-weight:normal;
	color:#9b9677;
	margin:22px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	float:left;
	width:650px;
	background:url(../images/border-image.jpg) repeat-x bottom left;
	
}

#w3c{
	width:88px;
	height:31px;
	float:left;
	border:none;
	margin:2px 0 0 46px;
	
	}