@charset "utf-8";
/* Global CSS Document */
/* removes defaults from all elements */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
/*Links
------------------------------------------------------------------------------------------------*/
a:visited,
a:active,
a:link {
	color:#878dc5;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: normal;
}
/*Body
------------------------------------------------------------------------------------------------*/

html, body {
	background-image:url(../images/page-background.jpg);
	background-repeat:repeat;
	font-size: 10.5pt;
	font-family: Tahoma;
	font-style: normal;
}
#container {
	width:968px;
	margin: 3px auto 3px auto;
	border:#999999 solid thin;
}
#header {
	position: relative;
	width: 968px;
	height: 95px;
}
#top {
	height:95px;
	background:url(../images/top-background.gif) repeat-x;
}
#logo {
	position:absolute;
	height:72px;
	width:380px;
	left:10px;
}

/* Navigation
------------------------------------------------------------------------------------------------*/
/* Nav */

#nav {
	background: url(../images/nav-bg.gif) no-repeat;
	position: absolute;
	top: 66px;
	left: 0;
	width: 952px;
	height: 55px;
	padding: 3px 8px 2px 5px;
	
}
#nav ul {
	margin: 0;
	padding: 1px 0 0 0px;
	list-style: none;
	height: 55px;
}

#nav ul li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

#nav li a {
	margin: 0;
	padding: 0;
	text-indent: -999em;
	display: block;
	height: 55px;
	text-decoration: none;
}

#home a, #home a:link, #home a:visited {
	background: url(../images/nav/home.gif) 0 0 no-repeat;
	width: 78px;
}

#home a:hover  {
	background-position: -78px 0;
}

#home_active {
	background: url(../images/nav/home.gif) 0 0 no-repeat;
	background-position: -78px 0;
	width: 78px;
}

#portfolio a, #portfolio a:link, #portfolio a:visited {
	background: url(../images/nav/portfolio.gif) 0 0 no-repeat;
	width: 114px;
}

#portfolio a:hover  {
	background-position: -114px 0;
}

#portfolio_active {
	background: url(../images/nav/portfolio.gif) 0 0 no-repeat;
	background-position: -114px 0;
	width: 114px;
}

#contact a, #contact a:link, #contact a:visited {
	background: url(../images/nav/contact.gif) 0 0 no-repeat;
	width: 100px;
}

#contact a:hover  {
	background-position: -100px 0;
}

#contact_active {
	background: url(../images/nav/contact.gif) 0 0 no-repeat;
	background-position: -100px 0;
	width: 100px;
}

#about a, #about a:link, #about a:visited {
	background: url(../images/nav/about.gif) 0 0 no-repeat;
	width: 84px;
	}

#about a:hover  {
	background-position: -84px 0;
	}

#about_active {
	background: url(../images/nav/about.gif) 0 0 no-repeat;
	background-position: -84px 0;
	width: 84px;
	}
#faq a, #faq a:link, #faq a:visited {
	background: url(../images/nav/faq.gif) 0 0 no-repeat;
	width: 66px;
	}

#faq a:hover  {
	background-position: -66px 0;
	}

#faq_active {
	background: url(../images/nav/faq.gif) 0 0 no-repeat;
	background-position: -66px 0;
	width: 66px;
	}
#services a, #services a:link, #services a:visited {
	background: url(../images/nav/services.gif) 0 0 no-repeat;
	width: 106px;
	}

#services a:hover  {
	background-position: -106px 0;
	}

#services_active {
	background: url(../images/nav/services.gif) 0 0 no-repeat;
	background-position: -106px 0;
	width: 106px;
	}	

#pricing a, #pricing a:link, #pricing a:visited {
	background: url(../images/nav/pricing.gif) 0 0 no-repeat;
	width: 94px;
	}

#pricing a:hover  {
	background-position: -94px 0;
	}

#pricing_active {
	background: url(../images/nav/pricing.gif) 0 0 no-repeat;
	background-position: -94px 0;
	width: 94px;
	}
/* End Nav 
------------------------------------------------------------------------------------------------*/
#home-middle {
	margin:40px auto 0px auto;
	width:960px;
	background-color:#FFFFFF;
}
#flash-content {
	float:left;
	width: 650px;
	height:256px;
	background:#fff;
}
#page-title {
	width: 960px;
	height: 60px;
	background: url(../images/pageheader-bg.gif) no-repeat;
	position: relative;
	border-bottom: 1px solid #fff;
}
#page-title h1 {
	padding: 20px 20px 0 10px;
}
#page-image {
	width: 654px;
	height:180px;
}
#home-middletext {
	color:#000;
	float:right;
	width:291px;
	height:255px;
	margin-top: 2px;
	margin-bottom: 3px;
	text-align: left;
	padding-right:8px;
}
#left-column {
	float: left;
	width: 664px;
	padding: 0 20px 20px 10px;
	background: #fff url(../images/left-bg.gif) no-repeat 665px 0;
}
#right-column {
	float: left;
	width: 266px;
	background:#FFFFFF;
}

#column-wrap {
	float: left;
	background: #fff;
	width:960px;
	}
/*End Mid-section 
------------------------------------------------------------------------------------------------*/
/* Bottom-section 
------------------------------------------------------------------------------------------------*/#bottomsection-gray {
	float:left;
	background-color:#1b1b1b;
	color:#FFF;
	width:960px;
	padding: 8px 4px 8px 4px;
	overflow:hidden;
}
#columnwide-black {
	background:url(../images/interior-background.gif) repeat-x;
	padding:15px 4px 2px 8px;
}
#portfolio-details {
	text-align:left;
	width:260px;
	margin: 2px auto;
}
#leftcolumn-black {
	width:250px;
	background-color:#000000;
	float:left;
	margin-right:5px;
	padding:5px;
}
#centercolumn-black {
	width:420px;
	background-color:#000000;
	margin: 0px auto 0px auto;
	padding:5px;
}
  #rightcolumn-black {
  	width:250px;
	background-color:#000000;
	float:right;
	margin-left:1px;
	padding:4px;
}
 /* End Mid-section 
------------------------------------------------------------------------------------------------*/
/* Footer
------------------------------------------------------------------------------------------------*/
#footer {
	background-image:url(../images/footer-background.gif);
	width:968px;
	background-repeat: repeat-x;
	height:49px;
	color:#CCCCCC;
	clear:both;
}
#footertext {
	font-size:9pt;
	padding-top:15px;
	padding-left:8px;
}
#footer a, #footer a:link, #footer a:visited {
	color: #CCCCCC;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;