/* HOME STYLES
______________________________________________________________________________*/



.featureinfotext
{
	padding-left: 403px;
	padding-right: 60px;
	margin-top: 70px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 16px;
	line-height: 20px;
	color: gray;
}

.featureprojectheading
{
	margin-left: 32px;
	margin-bottom: 0px;
}

.featureheading
{
	line-height: 16px;
	font-size: 16px;
	color: #000;
	margin: 0;
	text-align: left;
}

.featuretext
{
	margin-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	line-height: 16px;
	font-size: 13px;
	text-align: left;
}

.blogtext
{
	padding-left: 115px;
	padding-right: 0px;
	margin-top: 0px;
	line-height: 16px;
	font-size: 13px;
	text-align: left;
}




/* CAROUSEL
______________________________________________________________________________*/


.stepcarouselarea
{
	width: 950px;
	height: 230px;
	display: block;
	margin: auto;
	position: relative;
}


.stepcarousel
{
	width: 950px;
	height: 230px;
	display: block;
	position: relative;
	float: left;
	overflow: scroll;
}


.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}


.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 950px;
}






/* POSITIONAL BOXES 
______________________________________________________________________________*/




.homemessagearea
{
	width: 950px;
	height: 344px;
	display: block;
	margin: auto;
	position: relative;
}


.flasharea
{
	width: 950px;
	height: 244px;
	display: block;
	background-image: url(images/nav/bg-flasharea.jpg);
	background-repeat: no-repeat;
	position: relative;
}



.homemessage
{
	width: 950px;
	height: 100px;
	display: block;
	background-repeat: no-repeat;
	position: relative;
	background-color: #cfe0fa;
}


.homemessagecopy
{
	width: 870px;
	height: 100px;
	display: block;
	position: relative;
	padding-top: 0px;
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
	color: #7393c4;
	font-size: 16px;
	line-height: 22px;
	float: center;
}



.feature-corporateidentity
{
	width: 950px;
	height: 230px;
	display: block;
	background-image: url(images/nav/bg-corporateidentity.jpg);
	background-repeat: no-repeat;
	float: left;
}


.feature-webdesign
{
	width: 950px;
	height: 230px;
	display: block;
	background-image: url(images/nav/bg-webdesign.jpg);
	background-repeat: no-repeat;
	float: left;
}


.feature-printdesign
{
	width:950px;
	height: 230px;
	display: block;
	background-image: url(images/nav/bg-printdesign.jpg);
	background-repeat: no-repeat;
	float: left;
}


.feature-advertisingdesign
{
	width: 950px;
	height: 230px;
	display: block;
	background-image: url(images/nav/bg-advertdesign.jpg);
	background-repeat: no-repeat;
	float: left;
}


.feature-illustration
{
	width: 950px;
	height: 230px;
	display: block;
	background-image: url(images/nav/bg-illustration.jpg);
	background-repeat: no-repeat;
	float: left;
}


.feature-marketresearch
{
	width: 950px;
	height: 230px;
	display: block;
	background-image: url(images/nav/bg-marketresearch.jpg);
	background-repeat: no-repeat;
	float: left;
}



.infobuttonbox
{
	width: 186px;
	height: 30px;
	display: block;
	float: right;
	margin-right: 65px;
	margin-top: 0px;
}



/* HOME INFO AREA 
______________________________________________________________________________*/



.homeinfopanel
{
	width: 950px;
	height: 260px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #ebebeb;
	padding-top: 30px;
}


.homefeaturepanel
{
	width: 535px;
	height: 260px;
	display: block;
	position: relative;
	float: left;
}



.homefeatureimage
{
	padding-left: 80px;
	padding-right: 20px;
	width: 210px;
	height: 234px;
	display: block;
	float: left;
	position: relative;
}

.homefeaturetext
{
	width: 200px;
	height: 140px;
	display: block;
	float: left;
	position: relative;
}


.homeblogquotearea
{
	width: 320px;
	display: block;
	position: relative;
	float: left;
	margin-left: 30px;
	margin-top: 0px;
}


.homeblogpanel
{
	width: 320px;
	display: block;
	position: relative;
	background-image: url(images/nav/blog.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	background-position: 0px 0px;
	border-bottom: 1px #c8c8c8 solid;
	padding-bottom: 20px;
}


.homequotepanel
{
	width: 320px;
	display: block;
	position: relative;
	background-image: url(images/nav/dollars.gif);
	background-repeat: no-repeat;
	background-position: 30px 20px;
	height: 100px;
	padding-top: 20px;
}



/* MORE INFO BUTTON 1 _________________________________________*/


.moreinfo1box
{
	width: 90px;
	height: 30px;
	display: block;
	float: left;
}


a.moreinfo1:link
{
	width: 90px;
	height: 30px;
	display: block;
	background-image: url(images/nav/moreinfo-viewfolio.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.moreinfo1:hover
{
	width: 90px;
	height: 30px;
	display: block;
	background-image: url(images/nav/moreinfo-viewfolio.gif);
	background-position: 0px -30px;
	background-repeat: no-repeat;
}

a.moreinfo1:visited
{
	width: 90px;
	height: 30px;
	display: block;
	background-image: url(images/nav/moreinfo-viewfolio.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


a.moreinfo1:visited:hover
{
	width: 90px;
	height: 30px;
	display: block;
	background-image: url(images/nav/moreinfo-viewfolio.gif);
	background-position: 0px -30px;
	background-repeat: no-repeat;
}



/* MORE INFO BUTTON 2 _________________________________________*/


.moreinfo2box
{
	width: 98px;
	height: 30px;
	display: block;
	float: right;
}


a.moreinfo2:link
{
	width: 98px;
	height: 30px;
	display: block;
	background-image: url(images/nav/moreinfo.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.moreinfo2:hover
{
	width: 98px;
	height: 30px;
	display: block;
	background-image: url(images/nav/moreinfo.gif);
	background-position: 0px -30px;
	background-repeat: no-repeat;
}

a.moreinfo2:visited
{
	width: 98px;
	height: 30px;
	display: block;
	background-image: url(images/nav/moreinfo.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


a.moreinfo2:visited:hover
{
	width: 98px;
	height: 30px;
	display: block;
	background-image: url(images/nav/moreinfo.gif);
	background-position: 0px -30px;
	background-repeat: no-repeat;
}



/* VIEW FOLIO BUTTON _________________________________________*/


.viewfoliobox
{
	width: 96px;
	height: 30px;
	display: block;
	float: right;
}


a.viewfolio:link
{
	width: 96px;
	height: 30px;
	display: block;
	background-image: url(images/nav/moreinfo-viewfolio.gif);
	background-position: -90px 0px;
	background-repeat: no-repeat;
}

a.viewfolio:hover
{
	width: 96px;
	height: 30px;
	display: block;
	background-image: url(images/nav/moreinfo-viewfolio.gif);
	background-position: -90px -30px;
	background-repeat: no-repeat;
}

a.viewfolio:visited
{
	width: 96px;
	height: 30px;
	display: block;
	background-image: url(images/nav/moreinfo-viewfolio.gif);
	background-position: -90px 0px;
	background-repeat: no-repeat;
}


a.viewfolio:visited:hover
{
	width: 96px;
	height: 30px;
	display: block;
	background-image: url(images/nav/moreinfo-viewfolio.gif);
	background-position: -90px -30px;
	background-repeat: no-repeat;
}




/* VIEW FEATURE BUTTON_________________________________________*/


.viewfeaturebox
{
	width: 101px;
	height: 25px;
	display: block;
	float: left;
}


a.viewfeature:link
{
	width: 101px;
	height: 25px;
	display: block;
	background-image: url(images/nav/view-feature.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.viewfeature:hover
{
	width: 101px;
	height: 25px;
	display: block;
	background-image: url(images/nav/view-feature.gif);
	background-position: 0px -25px;
	background-repeat: no-repeat;
}

a.viewfeature:visited
{
	width: 101px;
	height: 25px;
	display: block;
	background-image: url(images/nav/view-feature.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


a.viewfeature:visited:hover
{
	width: 101px;
	height: 25px;
	display: block;
	background-image: url(images/nav/view-feature.gif);
	background-position: 0px -25px;
	background-repeat: no-repeat;
}



/* VISIT BLOG BUTTON_________________________________________*/


.visitblogbox
{
	width: 106px;
	height: 25px;
	display: block;
	float: right;
}


a.visitblog:link
{
	width: 106px;
	height: 25px;
	display: block;
	background-image: url(images/nav/visit-blog.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.visitblog:hover
{
	width: 106px;
	height: 25px;
	display: block;
	background-image: url(images/nav/visit-blog.gif);
	background-position: 0px -25px;
	background-repeat: no-repeat;
}

a.visitblog:visited
{
	width: 106px;
	height: 25px;
	display: block;
	background-image: url(images/nav/visit-blog.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


a.visitblog:visited:hover
{
	width: 106px;
	height: 25px;
	display: block;
	background-image: url(images/nav/visit-blog.gif);
	background-position: 0px -25px;
	background-repeat: no-repeat;
}




/* REQUEST QUOTE BUTTON_________________________________________*/


.requestquotebox
{
	width: 108px;
	height: 25px;
	display: block;
	float: right;
}


a.requestquote:link
{
	width: 108px;
	height: 25px;
	display: block;
	background-image: url(images/nav/request-quote.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.requestquote:hover
{
	width: 108px;
	height: 25px;
	display: block;
	background-image: url(images/nav/request-quote.gif);
	background-position: 0px -25px;
	background-repeat: no-repeat;
}

a.requestquote:visited
{
	width: 108px;
	height: 25px;
	display: block;
	background-image: url(images/nav/request-quote.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


a.requestquote:visited:hover
{
	width: 108px;
	height: 25px;
	display: block;
	background-image: url(images/nav/request-quote.gif);
	background-position: 0px -25px;
	background-repeat: no-repeat;
}






/* HOME MESSAGE LINK COLOURS
_______________________________________________________________________________*/

a.hm:link
{
	color: #7393c4;
	text-decoration: none;
}

a.hm:active
{
	color: #7393c4;
	text-decoration: none;
}

a.hm:hover
{
	color: #7393c4;
	text-decoration: underline;
}

a.hm:visited
{
	color: #7393c4;
	text-decoration: none;
}

a.hm:visited:hover
{
	color: #7393c4;
	text-decoration: underline;
}