/***** Global Settings *****/
/***** THIS STYLESHEET IS COPYRIGHT 2008 - HBCWEB.COM - ALL RIGHTS RESERVED *****/ 
 

	
* html iframe {
	position: relative;
	}	

a span, h1 span, h2 span {
	display: none;
	}


 
/***** Global Classes *****/
 
.clear         { clear: both; }
 
.float-left    { float: left; }
.float-right   { float: right; }
 
.text-left     { text-align: left; }
.text-right    { text-align: right; }
.text-center   { text-align: center; }
.text-justify  { text-align: justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }

.img-left      { float: left; margin: 4px 10px 4px 0; }
.img-right     { float: right; margin: 4px 0 4px 10px; }
 
.no { margin: 0px !important; padding: 0px !important; }



/***** Main Layout Containers *****/

a#star {
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/star.gif) no-repeat;
	width: 114px;
	height: 101px;
	z-index: 1000;
	display: block;
	}

#master {
	width: 1024px;
	height: 1035px;
	margin: 0px auto;
	text-align: center;
	}

#content-container {
	margin: 0px auto;
	text-align: center;
	width: 885px;
	}

#content-top {
	width: 640px;
	text-align: left;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 35px;
	padding-left: 35px;
	}

#content-body-container {
	clear: both;
	float: left;
	width: 675px;
	}

#arrow-left {
	float: left;
	padding: 110px 0px 0px 15px;
	width: 20px;
	height: 150px;
	background: url(../images/body-left.png) no-repeat;
	}

#arrow-left a {
	display: block;
	width: 16px;
	height: 31px;
	background: url(../images/arrow-left.gif) no-repeat 0% 0%;
	}

#arrow-left a:hover {
	background-position: 100% 100%;
	}

* html #arrow-left {
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='..../images/body-left.png');
	}

#arrow-right {
	float: right;
	padding: 110px 15px 0px 0px;
	width: 20px;
	height: 150px;
	background: url(../images/body-right.png) no-repeat;
	}

#arrow-right a {
	display: block;
	width: 16px;
	height: 31px;
	background: url(../images/arrow-right.gif) no-repeat 0% 0%;
	}

#arrow-right a:hover {
	background-position: 100% 100%;
	}

* html #arrow-right {
_background-image: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='..../images/body-right.png');
	}


#content-body {
	float: left;
	background-color: #F5F5F5;
	text-align: left;
	padding: 25px 0px 0px 10px;
	width: 630px;
	height: 250px;
	overflow: hidden !important;
	position: relative;
	}


/***** Div Spinner *****/

#content-spinner {
	width: 3700px;
	height: 650px;
	}

#company, #services, #packages, #projects, #contact {
	width: 590px;
	height: 250px;
	float: left;
	margin: 0px;
	padding: 0px 20px;
	position: relative;
	}

* html #content-spinner div.end {
	margin: 0px !important;
	}


/***** Main Navigation *****/

ul#main-nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

ul#main-nav li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 29px;
	}
	


	
ul#main-nav li.company a {
	display: block;
	background: url(../images/nav/company.gif) no-repeat 100% 100%;
	width: 154px;
	height: 29px;
	}



ul#main-nav li.services a {
	display: block;
	background: url(../images/nav/services.gif) no-repeat 0% 0%;
	width: 154px;
	height: 29px;
	}



ul#main-nav li.packages a {
	display: block;
	background: url(../images/nav/packages.gif) no-repeat 0% 0%;
	width: 154px;
	height: 29px;
	}



ul#main-nav li.projects a {
	display: block;
	background: url(../images/nav/projects.gif) no-repeat 0% 0%;
	width: 154px;
	height: 29px;
	}



ul#main-nav li.contact a {
	display: block;
	background: url(../images/nav/contact.gif) no-repeat 0% 0%;
	width: 120px;
	height: 29px;
	}



/* Nav Spacers */

ul#main-nav li.spacer-gb {
	width: 8px;
	height: 29px;
	font-size: 1px;
	}

ul#main-nav li.spacer-bb {
	width: 8px;
	height: 29px;
	font-size: 1px;
	}

ul#main-nav li.spacer-gg {
	width: 8px;
	height: 29px;
	font-size: 1px;
	background: url(../images/nav/spacer-gg.gif) no-repeat;
	}

ul#main-nav li.spacer-bg {
	width: 8px;
	height: 29px;
	font-size: 1px;
	background: url(../images/nav/spacer-bg.gif) no-repeat;
	}

/***** Body Content *****/

#content-body h1 span, #content-body h2 span {
	display: none;
	}


/***** Advance Buttons *****/

a.next-button {
	height: 44px;
	display: block;
	float: right;
	margin: 20px 1px 0px 0px;
	}

a#next-services {
	width: 210px;
	background: url(../images/arrow-buttons/services.gif) no-repeat 0% 0%;
	}

a#next-services:hover {
	background: url(../images/arrow-buttons/services.gif) no-repeat 100% 100%;
	}

a#next-packages {
	width: 262px;
	background: url(../images/arrow-buttons/packages.gif) no-repeat 0% 0%;
	}

a#next-packages:hover {
	background: url(../images/arrow-buttons/packages.gif) no-repeat 100% 100%;
	}

a#next-projects {
	width: 262px;
	background: url(../images/arrow-buttons/projects.gif) no-repeat 0% 0%;
	}

* html a#next-projects {
	margin-top: 10px !important;
	}

a#next-projects:hover {
	background: url(../images/arrow-buttons/projects.gif) no-repeat 100% 100%;
	}

a#next-contact {
	width: 262px;
	background: url(../images/arrow-buttons/contact.gif) no-repeat 0% 0%;
	}

a#next-contact:hover {
	background: url(../images/arrow-buttons/contact.gif) no-repeat 100% 100%;
	}

a#next-submit {
	width: 133px;
	height: 40px !important;
	background: url(../images/arrow-buttons/submit.gif) no-repeat 0% 0%;
	}

a#next-submit:hover {
	background: url(../images/arrow-buttons/submit.gif) no-repeat 100% 100%;
	}

a#next-overview {
	width: 262px;
	background: url(../images/arrow-buttons/overview.gif) no-repeat 0% 0%;
	}

a#next-overview:hover {
	background: url(../images/arrow-buttons/overview.gif) no-repeat 100% 100%;
	}