/* CSS Document */

html, body {
	height:				100%;	
	min-height:			100%;
}

body { 
	margin:				0; 
	padding:			0; 
	font-family: 			Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: 			center;
	color:				#FFF;
	font-size:			8pt;
	font-size-adjust:		none;
	font-stretch:			normal;
	font-variant:			normal;
	font-weight:			normal;
	line-height:			12pt;
	background-color:		#cecfd1;
} 

html>body #wrap{
	height:				100%;	
} 

div.clearBoth{
	clear:				both;
	font-size:			1px;
}

#overall-container{
	width: 				1024px;
	height:				1450px;
	margin:				0 auto; 
	background: 			url(../images/bg.png) top center repeat-y;
	padding:			0;
} 


#content-container{
	width: 				777px;
	height:				1450px;
	margin:				0 auto; 
	padding:			0;
} 


#left-container{
	margin:				0;
	padding:		 	0;
	width:				100px;
	background-color: 		#232323;
	height:				100%;
	display:			block;	
	float:				left;
}

#logo-container{
	width:				81px;
	height:				76px;
	background: 		url(../images/logo.png) top center;
	display:			block;
	margin:				10px auto;
}

#logo-vertical-container, #services-logo-vertical-container {
	margin:				30px 0 0 0;
	height:				202px;
	background:			#232323 url(../images/sc_vertical.png) top right no-repeat;

}

#right-container{
	margin:				0;
	padding:		 	0;
	background:			#343335 url(../images/rightbg.png) top right no-repeat;
	height:				100%;
	display:			block;
}

#top-contact{
	text-align:			right;
	padding:			10px 10px 10px 0;
	height:				14px;
	color:				#757477;
	margin:				0;
}

/* START ------- Menu Styles ------ */

#menu-container{
	height:				14px;
	border-top:			#5a5b5b 1px solid;

}

#menu-container ul{
	margin:				0;
	padding:			0;
	list-style-type: 		none;
	text-align: 			center;
}

#menu-container ul li{ 
	width:				80px;
	display: 			inline; 
}

#menu-container ul li a{
	text-decoration: 		none;
	padding: 			.2em 1em;
	color: 				#fff;
}

#menu-container ul li.home-page a:hover, #menu-container ul li.home-page-current{
	color: 				#fff;
	background-color: 		#DB729D;
}

#menu-container ul li.about-page a:hover, #menu-container ul li.about-page-current{
	color: 				#fff;
	background-color: 		#F1AC24;
}

#menu-container ul li.services-page a:hover,#menu-container ul li.services-page-current{
	color: 				#fff;
	background-color: 		#91799C;
}

#menu-container ul li.shop-page a:hover, #menu-container ul li.shop-page-current{
	color: 				#fff;
	background-color: 		#9CBBCD;
}

#menu-container ul li.gallery-page a:hover, #menu-container ul li.gallery-page-current{
	color: 				#fff;
	background-color: 		#8FA669;
}

#menu-container ul li.blog-page a:hover, #menu-container ul li.blog-page-current{
	color: 				#fff;
	background-color: 		#A3A7AD;
}

#menu-container ul li.contact-page a:hover, #menu-container ul li.contact-page-current{
	color: 				#fff;
	background-color: 		#B1715A;
}


/* ------- Menu Styles ------ END */





/* START ------- HEADER Styles ------ */

#header-left{
	height:				202px;
	background:			#232323 url(../images/l_headerbg.png) top right no-repeat;
}

#header-right{
	margin:				47px 0 0 0;
	height:				202px;
	background:			#343335 url(../images/r_headerbg.png) top right no-repeat;
}

#header-greeting{
	float:				left;
	margin:				20px 0 0 0;
	padding:			0px;
	width:				255px;
	height:				160px;
	text-align:			left;
	color:				#fff;
	font-size:			8pt;
}

#header-greet{
	margin:				0;
	padding:			0 0 15px 0;
}

.welcome-greet{
	color:				#fff;
	font-weight:			bold;
	font-size:			14pt;
}

.sc-greet{
	color:				#000;
	font-size:			14pt;
}

#welcome-detail{
	margin:				0;
	padding:			0 10px 0 0;
}

#emailing, #emailing-contact{
	margin:				40px 0 0 0;
	padding:			5px 0 10px 10px;
	background-color:	#353535;
	font-size:			7pt;
}

#emailing-contact{
	margin:				10px 0 0 0;
}

#emailing img, #emailing-contact img{
	margin:				-10% 5px 0 0;
	float:				right;
}

#header-gallery{
	float:				left;
	margin:				-30px 7px 0 0;
	padding:			0;
	width:				404px;
	height:				269px;
	text-align:			left;
}

#header-gallery img{
	border:				#888A8C 1px solid;
}

#gallery-link{
	text-align:			center;
	background-color: 	#8FA669;
	width:				87px;
	float:				right;
}


/* ------- HEADER Styles ------ END */






/* START ------- PRMO Styles ------ */

#promo-one-container, #promo-three-container{
	display:			block;	
	float:				left;
	margin:				10px 0 0 50px;
}

#promo-one-container{
	width:				192px;
	padding:			0 50px 0 0;
}

#promo-two-container{
	width:				322px;
	border-left:			#77787b 1px solid;
	display:			block;
	float:				left;
	margin:				10px 0 0 0;
	padding:			0 0 0 30px;
}


#promo-three-container{
	margin:				0;
	padding:			30px 50px 15px 50px;
	width:				565px;
}


#update-promo-header, #promo-one-header, #promo-two-header, #promo-three-header {
	font-size:			14pt;
	font-weight:			bold;
	text-align:			left;
}

#update-promo-header{
	margin:				0 0 0 50px;
	padding:			20px 0 10px 0;
	display:			block;
	width:				600px;
	float:				left;
}

#promo-one-header, #promo-two-header, #promo-three-header {
	margin:				0;
	padding: 			0;

}

.yellow-header, .promo-header-yellow{
	color:				#F1AC24;
}

.promo-header-grey{
	color:				#5a5b5b;
}

#promo-one-header, #promo-two-header, #promo-three-header, .promo-header-yellow{
	font-size:			16pt;
}

#promo-one-image, #promo-two-image, #promo-three-image{
	width:				202px;
	margin:				5px 0 0 0;
	display:			block;
	float:				left;
}

#promo-three-image{
	width:				565px;
	height:				160px;
}

#promo-one-detail, #promo-two-detail, #promo-three-detail{
	float:				left;
	margin:				0 0 0 0px;
	text-align:			left;
	font-size:			8pt;
	width:				200px;
}

.promo-header-green{
	color:				#8fb03f;
}

.promo-more{
	color:				#F1AC24;
	text-decoration: none;
}

#promo-three-detail{
	width:				443px;
}

/* ------- PROMO Styles ------ END */





/* START ------- ABOUT US Styles ------ */

#aboutus-details{
	float:				left;
	margin:				70px 0 0 0;
	padding:			0 0 0 50px;
	text-align:			left;
	width:				600px;
	height:				300px;
}

/* ------- ABOUT US Styles ------ END */



/* START ------- CONTACT Styles ------ */

#testimonial-details{
	float:				left;
	margin:				70px 0 0 0;
	padding:			0 0 0 50px;
	text-align:			left;
	width:				600px;
	height:				350px;

}

#testimonial-details-header{
	font-size:			16pt;
	color:				#F1AC24;
	font-weight:		bold;
	text-align:			left;
}

#testimonial-one, #testimonial-two, #testimonial-three, #testimonial-four{
	clear:				left;
}

.testimonial-quote{
	margin:			20px 0 0 0;
	padding:		0;
	float:			left;
	width:			300px;
}

.testimonial-image{
	margin:			20px 0 0 50px;
	float:			left;
	width:			62px;
	height:			32px;
}

.testimonial-leader{
	color:				#A1CD3A;
}

/* ------- CONTACT Styles ------ END */



/* START ------- SERVICES Styles ------ */


#services-logo-vertical-container{
	margin:				300px 0 0 0;
}

#services-menu{
	color:				#929292;
	float:				right;
	padding:			0 5px 5px 5px;
	width:				600px;
	margin:				20px 0 0 0;
	text-align:			right;
}

#services-menu a{
	color:				#929292;
	text-decoration:		none;
}

#services-menu a:hover{
	color:				#f0f0f0;
	text-decoration:		none;

}

#services-menu .current{
	padding:			3px 3px 5px 3px;
	color: 				#000000;
	background-color: 		#f0f0f0;
	cursor:				default;
}

#services-landing-container, #services-container{
	float:				left;
	width:				600px;
}


#services-container{
	width:				676px;
}

#services-landing-one, #services-landing-two, #services-landing-three, #services-landing-four{
	clear:				left;
	margin:				20px 0 0 50px;
	float:				left;
	width:				600px;
	height:				150px;
}
.services-landing-header, .services-header{
	text-align:			left;
	width:				380px;
	float:				left;
	color:				#767676;
	font-size:			16pt;
	font-weight:			bold;
	padding:			10px 0;
}

.services-header{
	margin:				0 0 0 50px;
}
.services-landing-image{
	clear:				left;
	float:				left;
	width:				200px;
	height:				96px;
}
.services-landing-details{
	float:				left;
	width:				380px;
	text-align:			left;
	margin:				0 0 0 20px;
}
.services-landing-details-leader{
	color:				#A1CD3A;
}

.services-landing-details-more a{
	color:				#F1AC24;
	text-decoration: 		none;
}

#services-header-gallery{
	float:				left;
	margin:				0;
	padding:			0;
	text-align:			left;
}

#services-header-gallery img{
	border:				#888A8C 1px solid;
}


#services-gallery-link{
	text-align:			center;
	background-color: 		#8FA669;
	width:				87px;
	float:				right;
}

.services-gallery-paragraph{
	color:				#A1CD3A;
	text-align:			left;
	margin:				0 0 0 50px;
	width:				530px;
	float:				left;
}

.services-difference-paragraph {
	color:				#ffffff;
	text-align:			left;
	margin:				0 0 0 50px;
	width:				530px;
	float:				left;
}

.services-difference-title {
	color:				#F7DF83;
	font-size:			16pt;
	font-weight:			bold;
	margin:				10px 0 10px 30px;
	
}


.services-package{
	float:				left;
	margin:				10px 0 0 50px;	
	
}

.services-package img{
	float:				left;

}

.services-package-details{
	float:				left;
	width:				500px;
	text-align:			left;
}

.services-package-header{
	color:				#F7DF83;
	font-size:			16pt;
	font-weight:			bold;
	margin:				10px 0 10px 30px;
}

.services-package-desc{
}

.services-additional-container{
	clear:				both;
	background-color:		#222222;
	border:				#FFF 1px solid;
	margin:				10px;
	width:				610px;
	float:				left;
	text-align:			left;
	padding:			20px;
}

.services-additional-details{
}

/* ------- SERVICES Styles ------ END */

/* START ------- FOOTER Styles ------ */

#footer{
	margin:				0 0 0 0;
	background-color:	#2D2D2D;
	text-align:			left;
	color:				#929292;
	padding:			0 0 0 50px;
	height:				50px;
	display:			block;	
	float:				left;
	width:				627px;
	font-size:			7pt;
}

#footer-left-container {
	margin;				0;
	padding:			10px 0 0 0;
	width:				420px;
	float:				left;
}


#footer-right-container {
	margin;				0;
	width:				148px;
	height:				42px;
	float:				right;
	background:			transparent url(../images/quote.png) top right no-repeat;
}

#footer-menu{

}

#footer-copyright{
	padding:		0 0 0 0;
}
/* ------- FOOTER Styles ------ END */
a.mailto:link, a.mailto:visited {
	color: #666666;
	text-decoration: none;
}

a.mailto:hover {
	color: #FF9900;
}