/*MAIN LAYOUT */

body
{
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../images/bg.gif);
        font: normal 12px "Trebuchet MS" , Arial, Verdana;
	color: #000000;
}
.mainblock {
	background: #f5f5f5 url(../images/top.gif) repeat-x;
	width:100%;
}
#pg-main
{
	width: 784px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom:40px;

}
.logo
{
	float: left;
	height: 42px;
	_width: 200px;
	text-align: left;
	margin: 0px 0 0 45px;
	padding: 0;
}


#pg-header
{
	width: 784px;
	padding: 0;
	margin: 0 auto;
	height: 162px;
	text-align: left;
	overflow: hidden;
	background: url(../images/header.jpg) no-repeat;
}


.submenu
{
	width: 391px;
	padding: 20px 0 0 0;
	margin: 0 19px 0 0;
	float: right;
}


.content
{
	width: 395px;
	overflow: hidden;
	float: left;
	margin: 10px 10px;
	padding: 0 0 0 0;
	text-align: left;
}
.right
{
	width: 334px;
	overflow: hidden;
	float: left;
	margin: 10px 0px;
	padding: 0 0 0 0;
	text-align: left;
}
.bbox
{
	margin: 0;
	width: 328px;
}
.bbox-top
{
	margin: 0;
	width: 328px;
	height: 8px;
	line-height: 7px;
	font-size: 6px;
	background: url(../images/bboxtop.gif) no-repeat top left;
}

.bbox-content
{
	margin: 0;
	width: 318px;
	padding: 5px;
	background: url(../images/bboxbg.gif) repeat-y top left;
	overflow:hidden;
}
.bbox-bottom
{
	font-size: 6px;
	margin: 0;
	width: 328px;
	height: 9px;
	line-height: 9px;
	background: url(../images/bboxbottom.gif) no-repeat top left;
}
.menu
{
	background: url(../images/menu1.gif) no-repeat left 0px;
	padding: 0;
	margin: 0;
	height: 9px;_line-height: 9px;
	_overflow: hidden;
	width: 391px;
	float: right;
}
.menu2
{
	background: url(../images/menu2.gif) no-repeat top left;
	padding: 0;
	height: 9px;
	_line-height: 9px;
	_overflow: hidden;
	width: 390px;
	float: right;
}
.imagebox
{
	width: 294px;
	height: 219px;
	/* background: url(../images/happi.jpg) no-repeat;  */
	text-align: right;
}
.imagebox img
{
	margin: 0px 0 0 4px;
}
.footer
{	position:relative;
	left:0;
	bottom:0;
	width: 100%;
	background: url(../images/footer.gif) repeat-x;
        height: 42px;
	
}
.footer-main
{
	width: 784px;
	margin: 0 auto;
	height: 150px;
}

/* TEXT */

.content h1
{
	font: normal 16px "Trebuchet MS" , Arial, Verdana;
	color: #353535;
	width: 395px;
	border-bottom: solid 1px #abccc9;
        padding: 0px;  margin-top: 0px;
}
.content p
{
	font: normal 12px "Trebuchet MS" , Arial, Verdana;
	color: #000000;
}

.content p span
{
	font: bold 12px "Trebuchet MS" , Arial, Verdana;
	color: #4e9bbb;
}


.bbox-content p
{
	font: normal 12px "Trebuchet MS" , Arial, Verdana;
	color: #305754;
	margin: 0;
	text-align: left;
}
.bbox-content p span
{
	font: bold 12px "Trebuchet MS" , Arial, Verdana;
	color: #bc1534;
	text-align: left;
}
.bbox-content img
{
	margin: 0 15px 0 10px;
}

.menu li, .menu2 li
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul.menu
{
	margin: 0;
	padding: 0;
	float: right;
}
ul.menu2
{
	margin: 12px 2px 0 0;
	padding: 0;
}
h6
{
	font: bold 12px "Trebuchet MS" , Arial, Verdana;
	color: #3e6966;
	text-transform: uppercase;
	padding: 17px 0;
	text-align: center;
	margin: 0;
}
.footer-main p
{
	font: normal 11px "Trebuchet MS" , Arial, Verdana;
	color: #353535;
	margin:0;
	padding:0;
	line-height:16px;
background: transparent;
}


/*  HREF STYLES */
.content p a:link,.content p a:visited
{
	font: normal 12px "Trebuchet MS" , Arial, Verdana;text-decoration: none;
	color: #4e9bbb;
}
.content p a:hover
{
	font: normal 12px "Trebuchet MS" , Arial, Verdana;text-decoration: underline;
	color: #bc1534;
}
.content a:link,.content a:visited
{
	font: normal 12px "Trebuchet MS" , Arial, Verdana;text-decoration: none;
	color: #4e9bbb;
}
.content a:hover
{
	font: normal 12px "Trebuchet MS" , Arial, Verdana;text-decoration: underline;
	color: #bc1534;
}
.content h1 a:link, .content h1 a:visited, .content h1 a:hover
{
	font: normal 16px "Trebuchet MS" , Arial, Verdana;
	color: #353535;
	text-decoration: none;
}

.right p a:link,.right a:visited
{
	font: normal 12px "Trebuchet MS" , Arial, Verdana;text-decoration: none;
	color: #4e9bbb;
}
.right p a:hover
{
	font: normal 12px "Trebuchet MS" , Arial, Verdana;text-decoration: underline;
	color: #bc1534;
}
.footer p a:link, .footer p a:visited
{
	font: normal 12px "Trebuchet MS", Arial, Verdana;
	color: #fff;
	text-decoration: none;
}
.footer p a:hover
{
	font: normal 12px "Trebuchet MS", Arial, Verdana;
	color: #fff;
	text-decoration: underline;
}
.menu li, .menu li a, .menu2 li, .menu2 li a
{
	line-height:9px;height:12px;
	display: block;
	margin:0;padding:0;
	overflow:hidden;
	font-size: 1px;
	text-indent: -10000px;
	text-decoration: none;
	_margin: 0;
	_padding: p;
	_overflow: hidden;
}
.bbox-content p a:link,.bbox-content p a:visited
{
	font: normal 12px "Trebuchet MS" , Arial, Verdana;
	color: #305754;
	margin: 0;
	text-align: left;
}
.bbox-content p a:link,.bbox-content p a:visited
{
	font: normal 12px "Trebuchet MS" , Arial, Verdana;
	color: #305754;
	margin: 0;
	text-align: left;	text-decoration: underline;
}

.bbox-content p a:hover
{
	font: normal 12px "Trebuchet MS", Arial, Verdana;
	color: #bc1534;
	margin: 0;
	text-align: left;	
        text-decoration: none;
}


#about
{
	left: 0;
	width: 71px;
}

#order
{
	left: 96px;
	width: 170px;
}

#samples
{
	left: 96px;
	width: 150px;
}


#faq
{
	left: 0px;
	width: 96px;
}


#testimonials
{
	left: 108px;
	width: 100px;
}



#contact
{
	left: 208px;
	width: 100px;
}
#home
{
	left: 308px;
	width: 60px;
}

#about a:hover
{
	background: transparent url(../images/menu1.gif) 0 -9px no-repeat;
}

#order a:hover
{
	background: transparent url(../images/menu1.gif) -71px -9px no-repeat;
}

#samples a:hover
{
	background: transparent url(../images/menu1.gif) -241px -9px no-repeat;
}

#faq a:hover
{
	background: transparent url(../images/menu2.gif) 0px -9px no-repeat;
}

#testimonials a:hover
{
	background: transparent url(../images/menu2.gif) -96px -9px no-repeat;
}
#contact a:hover
{
	background: transparent url(../images/menu2.gif) -196px -9px no-repeat;
}
#home a:hover
{
	background: transparent url(../images/menu2.gif) -296px -9px no-repeat;
}


.tiny
{
	font: normal 10px "Trebuchet MS", Arial, Verdana;
	color: #CCC;
text-decoration: none;
}

.tiny a:link, a:visited
{
	font: normal 10px "Trebuchet MS", Arial, Verdana;
	color: #4e9bbb;
text-decoration: underline;
}