@charset "utf-8";

/* CSS Document */



* {

	font-family:"Century Gothic";

	/*border:1px solid #FFFFFF;*/

}



body {

	background:url(images/bg.jpg);

	background-repeat:repeat-x;

	background-color:#000000;

	margin:0px;

	padding:0px;

}

ul {

	margin:0px;

	padding:0px;

	list-style:none;

}



div#container {

	margin:auto;

	margin-top:0px;

	padding-top:0px;

	width:900px;

}



div#header {

	background:url(images/header.jpg);

	height:129px;

	float:left;

}



div#contentArea {

	background-image:url(images/indeximage.jpg);

	background-repeat:no-repeat;

	width:900px;

	height:478px;

	float:left;

}



div#testimonials{

	width:350px;

	height:100px;

	float:left;

	margin-left:50px;

	margin-top:25px;

}



div#menuBarContainer {

	background-image:url(images/menu-bg.png);

	background-repeat:repeat;

	width:150px;

	height:478px;

	float:left;

	padding-right:5px;

}



div.menuBar {

	margin:auto;

	width:150px;

	height:478px;

}

div.menuBar ul{
	margin-top:15px;
}

div.menuBar ul li{
	text-align:center;
	margin-left:5px;
}

div.menuBar ul li:hover{
	background-image:url(images/menu-item-bg-active.jpg);
}

div.menuBar ul li a{
	color:#ebeebf;
	text-decoration:none;
	display:block;
	width:100%;
	height:28px;
	padding-top:7px;
	font-size:14pt;
}

div.menuBar ul li a:hover{
	color:#4a5235;
}



div#designLink {

	background-image:url(images/calltoaction.png);

	background-repeat:no-repeat;

	float:right;

	width:348px;

	height:76px;

	text-align:center;

	padding-top:10px;

	margin-left: 300px;

	margin-top: 402px;

}



div#designLink2 {

	background-image:url(images/calltoaction.png);

	background-repeat:no-repeat;

	position:relative;

	width:348px;

	height:76px;

	text-align:center;

	padding-top:10px;

	margin-left: 545px;

	margin-top: 402px;

}



div#quoteLink {

	background-image:url(images/calltoaction.png);

	background-repeat:no-repeat;

	float:left;

	width:348px;

	height:76px;

	text-align:center;

	padding-top:10px;

	margin-left:20px;

	margin-top: -62px;

}



div#quoteLink2 {

	background-image:url(images/calltoaction.png);

	background-repeat:no-repeat;

	float:left;

	width:348px;

	height:76px;

	text-align:center;

	padding-top:10px;

	margin-left:545px;

	margin-top: -197px;

}



div#homeText1Container1 {

	width:475px;

	height:125px;

	float:left;

}



div#homeText1 {

	background-image:url(images/homebullet.jpg);

	background-repeat:no-repeat;

	width:375px;

	height:25px;

	margin-top:15px;

	margin-left:20px;

}



div#homeText1Container2 {

	width:375px;

	height:150px;

	float:right;

	margin-left:420px;

	margin-right:20px;

	margin-top:-125px;

}



div#homeText2 {

	background-image:url(images/homebullet.jpg);

	background-repeat:no-repeat;

	width:375px;

	height:25px;

	margin-top:15px;

	margin-left:10px;

}



div#aboutUsContentArea {

	background-image:url(images/aboutusbg.jpg);

	background-repeat:no-repeat;

	width:900px;

	height:478px;

	float:left;

}



div#aboutUsTextContainer {

	width:900px;

	float:left;

}



div#aboutUsText{

	width:800px;

}



div#protfolioContentArea{

	margin:auto;

	width:900px;

	height:478px;

	float:left;

}


div#portfolioImage{

	background-image:url(images/portfoliobox.png);

	background-repeat:no-repeat;

	height:360px;

	width:295px;

	float:left;

	margin-top:20px;

	margin-left:50px;

	padding:10px;

}



div#portfolioContentContainer{

	width:350px;

	height:350px;

	float:left;

	margin-left:20px;

	margin-top:35px;

}

div#products-container{
	width:100%;
	float:left;
	width:725px;
}

h1.product-header{
	margin-top:10px;
	margin-left:10px;
	color:#bdc097;
	font-weight:normal;
	font-size:18pt;
	margin-bottom:0px;
}

div#products-container p{
	margin-left:10px;
	width:430px;
	color:#bdc097;
	font-size:13px;
	float:left;
}

div#products-container img[name="quote"]{
	width:259px;
	height:65px;
	padding:0px;
	margin-left:10px;
	margin-top:10px;
}

div#products-container img[name="product-example"]{
	width:245px;
	height:305px;
	padding:5px;
	background-color:#FFF;
	float:right;
}

div#products-container div{
	width:725px;
	float:left;
	margin-left:10px;
	margin-top:18px;
}

div#products-container div a img[name="example-thumb"]{
	height:85px;
	width:85px;
	padding:2px;
	background-color:#FFF;
	margin-right:10px;
}

div#products-container div a img[name="example-hidden"]{
	display:none;
}

div#footer{

	height:auto;

	width:900px;

	margin:auto;

	float:left;

}	



div#example1{

	width:120px;

	height:120px;

	float:left;

	border:2px solid #FFFFFF;

	margin-top:5px;

}



div#example2{

	width:120px;

	height:120px;

	float:left;

	border:2px solid #FFFFFF;

	margin-top:5px;

	margin-left:40px;

}



div#example1b{

	width:120px;

	height:120px;

	float:left;

	border:2px solid #FFFFFF;

	margin-top:20px;

}



div#example2b{

	width:120px;

	height:120px;

	float:left;

	border:2px solid #FFFFFF;

	margin-top:20px;

	margin-left:40px;

}



div#testimonialContentArea {

	background-image:url(images/testimonialsbg.jpg);

	background-repeat:no-repeat;

	margin:auto;

	width:900px;

	height:478px;

	float:left;

}



div#testimonialContent{

	float:left;

	width:650px;

	margin-left:50px;

	margin-top:115px;

}



div#testimonialMenu{

	background-image:url(images/menubar.png);

	width:150px;

	height:25px;

	margin-left:200px;

	float:left;

}



div#affiliatesContentArea {

	background-image:url(images/affiliatesbg.jpg);

	background-repeat:no-repeat;

	margin:auto;

	width:900px;

	height:478px;

	float:left;

}



div#affiliatesContent{

	background-image:url(images/menubar.png);

	float:left;

	width:500px;

	margin-right:50px;

	margin-left:115px;

	margin-top:10px;

	padding-top:-10px;

	padding-left:20px;

	padding-bottom:10px;

}



div#affiliates{

	width:250px;

	margin-top:20px;

	float:left

}



div#contactImage{

	float:right;

	margin-top:-475px;

	margin-right:50px;

	position:absolute;

}



div#contactFormContainer{

	width:700px;

	height:auto;

	float:left;

	padding-top:25px;

	padding-left:25px;

}



div#contactText1 {

	background-image:url(images/homebullet.jpg);

	background-repeat:no-repeat;

	width:330px;

	height:25px;

	float:left;

	margin-top:15px;

	margin-left:25px;

}



div.contactForm{

	font-family:"Century Gothic";

	font-size:14px;

	color:#FFFFFF;

}



.tes{

	background-image:url(images/menubar.png);

	display:none;

	padding-left:25px;

	padding-top:25px;

	padding-right:25px;

	padding-bottom:25px;

}



.ex {

	display:none;

}



.loc {

	display:none;

}



div.slogan {

	width:300px;

	height:25px;

	color:#EDF0C1;

	text-align:right;

	font-size:24px;

	margin-left:585px;

	margin-top:92px

}

div.designLink {

	font-family: "Century Gothic";

	color: #fbfdbd;

	font-size: 23px;

}

div.designLink a:link{

	font-family: "Century Gothic";

	color: #f4f6b7;

	font-size: 23px;

}

div.designLink a:visited{

	font-family: "Century Gothic";

	color: #f4f6b7;

	font-size: 23px;

}

div.designLink a:hover{

	font-family: "Century Gothic";

	color: #f4f6b7;

	font-size: 23px;

}



div.homeTextHeader {

	font-family: "Century Gothic";

	font-size: 20px;

	color: #f4f6b7;

	vertical-align: top;

	padding-left:35px;

}



div.homeText {

	font-family: "Century Gothic";

	font-size: 12px;

	color: #f4f6b7;

	padding-left:60px;

	padding-top:5px;

	padding-right:25px;

	list-style:disc;

}



div.aboutUsText {

	font-family: "Century Gothic";

	font-size: 14px;

	color: #f4f6b7;

	padding-left:60px;

	padding-top:5px;

	padding-right:25px;

}



div.portfolioText {

	font-family: "Century Gothic";

	font-size: 16px;

	color: #f4f6b7;

	padding-left:35px;

	padding-top:5px;

	padding-right:25px;

}



div.portfolioMenu{

	color:#ffffff;

	font-size:18px;

	text-align:center;

}	



div.portfolioMenu a:link{

	color:#ffffff;

	font-size:18px;

	text-align:center;

	text-decoration:none;

}



div.portfolioMenu a:visited{

	color:#ffffff;

	font-size:18px;

	text-align:center;

	text-decoration:none;

}	



div.portfolioMenu a:hover{

	color:#808060;

	font-size:18px;

	text-align:center;

}	



div.testimonialMenu{

	color:#000000;

	font-size:18px;

	text-align:center;

}	



div.testimonialMenu a:link{

	color:#000000;

	font-size:18px;

	text-align:center;

	text-decoration:none;

}



div.testimonialMenu a:visited{

	color:#000000;

	font-size:18px;

	text-align:center;

	text-decoration:none;

}	



div.testimonialMenu a:hover{

	color:#808060;

	font-size:18px;

	text-align:center;

}	



div.footerText {

	font-family: "Century Gothic";

	font-size: 10px;

	color: #f4f6b7;

	text-align: right;

	width:900px;

	line-height:10px;

}

div.footerText a:link, {

	font-family: "Century Gothic";

	font-size: 10px;

	color: #f4f6b7;

	text-align: right;

	width:900px;

	line-height:10px;
	
	text-decoration:none;

}