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


@import url("forms.css"); /* forms styling */
@import url("styles.css"); /* text styling */


/* RESET ALL STYLING */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}


html {

}


body {
	background:url(../images/backgrounds/site-top-lrg2.png) top center no-repeat;	
	padding: 0px;
	padding-top:20px;
	
}

div.wrap {
	text-align:center;
	margin:auto;
	width:920px;
}


div.header {
	position:relative;
	width:920px;
	height:160px;	
}

div.logo {
	position:absolute;
	left:0px;
	top:15px;
}

	
div.tel {
	position:absolute;
	text-align:right;
	width:162px;
	right:0px;
	top:25px;
}


div.navigation {
	position:absolute;
	top:90px;
	right:0px;
	width:580px;
	height:28px;
	overflow:hidden;
	text-align:right;
}

/* iPhone-specific styles to make the navigation fit */
@media only screen and (max-device-width: 480px) { 

	a#featureslink {
		display:none;
		visibility:hidden;
	}
	
	div.textbox1 {
		height:300px;
		overflow:hidden;
	}
	
	div.featureswrap {
		height:200px;
		overflow:hidden;
	}
	
}




div.navigation a:link, div.navigation a:visited, div.navigation a:link{
	font-family:Tahoma, Geneva, sans-serif;
	font-family:Calibri, Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:19px;
	padding:0px 0px 1px 0px;
    margin:0px 0px 0px 22px;
	text-decoration:none;
}

div.navigation a:hover{
	color:#AF9CD3;
    border-bottom:#AF9CD3 2px solid;
}

#home #homelink { border-bottom:#AF9CD3 2px solid; color:#AF9CD3; }
#about #aboutlink { border-bottom:#AF9CD3 2px solid; color:#AF9CD3; }
#services #serviceslink { border-bottom:#AF9CD3 2px solid; color:#AF9CD3; }
#portfolio #portfoliolink { border-bottom:#AF9CD3 2px solid; color:#AF9CD3; }
#features #featureslink { border-bottom:#AF9CD3 2px solid;; color:#AF9CD3; }
#contact #contactlink { border-bottom:#AF9CD3 2px solid;; color:#AF9CD3; }



div.maincontent {
	text-align:left;
	margin:-15px 0px -10px 0px;
	
}


div.leftcol {
	float:left;
	display:block;
	width:435px;
	padding:0px 15px 0px 0px;
}

div.leftcol2 {
	float:left;
	display:block;
	width:605px;
	padding:0px 15px 0px 0px;
}


div.leftcol3 {
	float:left;
	display:block;
	width:375px;
	padding:0px 15px 0px 0px;
}


div.rightcol {
	float:left;
	display:block;
	width:435px;	
	padding:0px 0px 0px 15px;
}

div.rightcol2 {
	float:left;
	display:block;
	width:255px;	
	padding:40px 0px 0px 15px;
}

div.rightcol3 {
	float:left;
	display:block;
	width:480px;	
	padding:0px 0px 0px 45px;
}


div.bannerbox {
	position:relative;
	float:right;
	width:520px;
	height:300px;
	border:#CCC 1px solid;
	margin:0px 0px 0px 0px;
	
	/* Box shadow just for CSS3 browsers 
	-webkit-box-shadow:0 0 10px #CCC; 
	-moz-box-shadow: 0 0 10px #CCC; 
	box-shadow:0 0 10px #CCC;*/
	
	/* Curved Corners just for CSS3 browsers */	
	border-radius: 5px;	
	-moz-border-radius: 5px;	
}

div.bannerwrap {
	width:520px;
	height:300px;
	overflow:hidden;
}

div.bannerwrap ul{
	list-style:none;
}

div.banner {
	position:absolute;
	top:25px;
	left:30px;
}

div.firstfade {
	position:absolute;
	height:280px;
	width:520px;
	left:0px;
	top:0px;
	z-index:100;
	background:#FFF;
}


div.servicebox {
	float:right;
	width:520px;
	height:200px;
	margin:40px 0px 0px 0px;
}


div.serviceunit{
	display:block;
	float:left;
	height:200px;
	width:237px;
	padding:0px 20px 0px 0px
}

div.portfoliobutton {
	position:absolute;
	width:220px;
	height:40px;
	bottom:0px;
	right:30px;
	margin:0px 0px -20px 0px;
	z-index:10;
}

div.textbox1 {
	width:365px;
	padding:0px 30px 0px 0px;


}


div.contactbutton {
	height:47px;
	width:215px;
	z-index:10;
	padding:0px 0px 0px 670px;
}

a.contactformbutton {
	display:inline-block;
	float:left;
	text-align:center;
	margin:0px 0px 0px 5px;
	padding:9px 0px 9px 0px;
	height:14px;
	width:96px;
	background:#645494;
	color:#FFF;
	text-decoration:none;
	font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
}

a.contactformbutton:hover {
	background:#9285BA;
}

a.facebook {
	display:block;
	float:left;
}

a.linkedin {
	display:block;
	float:left;
	margin:0px 0px 0px 4px;
}


div.footer {
	position:relative;
	background:#000;
	text-align:center;
	width:100%;
	height:300px;
	border-bottom:#947CC5 6px solid;
	
}

div.footerinner {
	position:relative;
	width:920px;
	height:260px;
	margin:auto;
	text-align:left;
	padding:30px 0px 0px 0px;
	
}

div.footerinner div.servicelist {
	display:block;
	float:left;
	width:250px;
	height:200px;
	
}


div.purpleline1 {
	height:1px;
	background:#AA9FCA;
	width:170px;
}


div.footercontact {
	text-align:right;
	display:block;
	float:left;
	width:280px;
	height:200px;
	padding:30px 0px 0px 140px;
	
}

div.footercontact table{
	text-align:left;
	
}

div.regbox {
	padding:0px 10px 0px 0px;
}







/* SPACER DIVS */

div.spacer1 {
	height:5px;
	width:50px;
}

div.spacer2 {
	height:10px;
	width:50px;
}

div.spacer3 {
	height:20px;
	width:50px;
}

div.spacer4b {
	height:40px;
	width:50px;
}

div.spacer4 {
	height:1px;
	background:#CCC;
	width:100%;
	margin:25px 0px 25px 0px;
}

div.spacer5 {
	height:100px;
	width:50px;
}

div.spacer6 {
	height:200px;
	width:50px;
}

div.clearfix {
	clear:both;
	height:1px;
}




/* IMAGE STYLING */

.imghover:hover {
	-moz-opacity:.80;
	-ms-filter:”alpha(opacity=80)”; 
	filter:alpha(opacity=80); 
	opacity:.80;
	cursor:pointer;
	outline:none;
	}

.img1 {
	border:#CCCCCC 8px solid;
	cursor:pointer;	
}


.img1:hover {
	border:#947CC5 8px solid;
}

.img2 {
	border:#CCCCCC 8px solid;
}