@charset "utf-8";
/* CSS Document */
/* CSS Document 

Blissful
PGM Integrated

Jermaine Jude
jermaine@pgmintegrated.com


*/

td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
body {
	margin: 0;
	padding: 0;
	background-image:url(../img/background.jpg);
	font: normal 11px Arial, sans-serif ;
	color:#666666;
}

input,select,option {
	font-size: 9pt;
}

a:link {
	color: #666;
	text-decoration: none;
	font-weight:600;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0;
	padding: 0;
}
h1 {
	font: bold 14px Arial, sans-serif;
color: #339900;
margin:0;


}


h2 {
font: bold 14px Arial, sans-serif;
color: #339900;
height:12px;
margin:0;
padding-bottom:2px;

	
}
h3 {
font:normal 14px Arial, sans-serif;
color: #666666;
font-weight:bold;
margin:0;
padding-bottom:0px;
	/*font-weight:bold;*/
}
h4 {
	font-size: 14px;
	margin-bottom: 0px;
}
img {
	border: none;
}
.clr,.clear {
	clear: both;
}
.body-text{font: normal 11px Arial, sans-serif ;
	color:#666666;
	margin:0px;}
	
	
	
	
/*---------------------------------------------------------------main wrapper------*/
#container {
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 924px;
	}
/*--------------------------------------------------------------------end-wrapper---*/

/*-----------------------------------------------------------------page shells------*/
.shell-home{
width:924px;
background-image:url(../img/homepage-shell.png);
height:743px;
}
/*---------------------------------------------------------------------end shells---*/

#header-area{
width:900px;
height:149px;
background-image:url(../img/top-area-towells2.png);
margin-top:0;
margin-left:12px;
}


/*--------------------------------------------------------------left column--------*/

.left-column{
width:317px;
float:left;
margin-top:0px;
margin-left:12px;
}
/*end left column------------------------------------------------------------------*/
.rt-column{
width:524px;
float:left;
margin-left:35px;
padding:10px 0 0 10px;
/*background-color:#999999;*/
height:550px;
position:relative;
}

.med-cta{ width:251px; height:129px; float:left;}
.spa-cta{width:252px; height:129px; float:left; margin-left:20px;}

.hm-mid-copy-area {
width:504px;
height:168px;
padding-left:3px;
border-bottom: 1px solid #CCC;
}

.hm-btm-area {
width:520px;
padding-left:0px;
margin-top:5px;
/*background-color:#FFFFCC;*/
}

.hm-btm-left{
width:200px;
float:left;
/*background-color:#CCCCCC;*/
}
.hm-btm-rt{
width:288px;
float:right;
/*background-color:#FFFFCC;
*/
}

/*horizontal ctas box----------------*/
.svc-box{

width:890px;

height:70px;

padding:10px 0 0 25px;

position:relative;

}



.svc-box ul{

margin:0;

padding:0;

list-style:none;}



.svc-box ul li{

margin:0;

padding:0px;

text-align:center;

float:left

}



/*about page layout*/
.shell-about{
width:924px;
background-image: url(../img/about-shell.png);
/*height:743px;*/
}


#about-content-wrapper{
margin:0;
padding:0;

	background-image: url(../img/shell-mid.png);
	background-repeat: repeat-y;
}

.about-left-column{
width:382px;
margin-left:0;
margin-bottom:0;
float:left;

}
.inner-rt-column{
width:688px;
/*background-color:#333333;*/

float:right;
margin-right:13px;
padding:10px 0 0 10px;
/*background-color:#999999;*/

position:relative;
}

.inner-left-col{
width:140px;
float:left;
padding:10px 0 0 2px;
position:relative;
}

.inner-left-col ul{
width: 135px;
list-style-type: none;
margin-left:2px;
margin-top:0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.inner-left-col ul li{
font:normal 10px Arial;
color:#666666;
font-weight:bold;
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.inner-left-col ul li a{
font: normal 12px Arial;
color: #339900;
display: block;
padding:  0 ;
line-height: 12px;
font-weight: bold;
padding-left: 0px; /*link text is indented 8px*/
text-decoration: none;
}


.inner-main-copy{
padding:5px 10px 0 5px;

float: right;
margin-right:10px;
width:510px;
height:400px;
/*background-color:#FFFFFF;*/

}

.shell-products{
width:924px;
background-image: url(../img/product-shell.png);
height:743px;
}

.inner-product-column{
width:710px;


float:right;
margin-right:13px;
padding:10px 0 0 10px;
/*background-color:#999999;*/

position:relative;
}

.prod-left-col{
width:85px;

height:100px;
float:left;
padding:10px 0 0 2px;
position:relative;
}

.prod-left-col ul{
width: 80px;
list-style-type: none;
margin-left:2px;
margin-top:0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.prod-left-col ul li{
font:normal 10px Arial;
color:#666666;
/*font-weight:bold;*/
padding-bottom: 5px; /*bottom spacing between menu items*/
}

.prod-left-col ul li a{
font: normal 12px Arial;
color: #339900;
display: block;
padding:  0 ;
line-height: 12px;
/*font-weight: bold;*/
padding-left: 0px; /*link text is indented 8px*/
text-decoration: underline;
}

.prod-img{
width:75px;
float:left;
position:relative;

height:150px;
margin-left:5px;

}

/*contact page*/
.shell-contact{
width:924px;
background-image:url(../img/contact-shell.png) ;
height:743px;
}

.contact-box{
width:549px;
height:319px;
background-image:url(../img/contact-box.png);
background-position: 0 20px;
background-repeat: no-repeat;
margin-top:30px;
float:right;
margin-right:45px;
padding:0;
/*background-color:#999999;*/

position:relative;
}

.contact-wrap{
width:860px;
/*background-color:#333333;*/

float:right;
margin-right:24px;
padding:10px 0 0 10px;
/*background-color:#999999;*/

position:relative;
}

.contact-col{
width:240px;
margin-top:20px;
float:left;
position:relative;
/*background-color:#FF0000;*/
height:400px;

}

ul.gallery-thumbs li {
	float:left;width:82px;list-style:none;
}

/*treatments page*/
/*contact page*/
.shell-treat{
width:924px;
background-image: url(../img/treatments-shell.png) ;
height:900px;
}


.inner-treat-column{
width:899px;
/*background-color:#333333;*/

float:right;
margin-right:13px;
padding:0 0 0 0px;
/*background-color:#999999;*/

position:relative;
}

.treat-left-col{
left:0;
top:0;
background-image:url(../img/treatments-pic2.png);
width:320px;
float:left;
height:511px;
position:absolute;
}
.inner-treat-copy{
padding:5px 10px 0 5px;

float: right;
margin-right:10px;
width:540px;
height:400px;
/*background-color:#FFFFFF;*/

}
.treat-svc-box{

width:600px;
margin-right:12px;
margin-top:10px;

height:70px;
padding:0;
float:right;

position:relative;
z-index:300;

}



.treat-svc-box ul{

margin:0;

padding:0;

list-style:none;}



.treat-svc-box ul li{

margin:0;

padding:0px;

text-align:center;

float:left

}

.shell-solutions{
width:924px;
background-image: url(../img/solution-shell.png);
height:743px;
}
/*---------------------------------------------------------------------footer*/

#footer {
	width:850px;
	margin:0 auto 0 auto;
	
		/*margin-top:5px;*/
}


#footer ul{
	text-indent: 5px;
	padding: 7px 0;
	margin-top: 0px;
	text-align: center; 
}

#footer ul li{
	display: inline;
	padding-left:4px;
	font: normal 9px Arial;
	color: #336600;
}

#footer li a {
	color: #336600;
	font: normal 9px Arial;
	/*line-height: 8px;*/
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;	
}
/*---------------------------------------------------------------------end footer*/

.short-list{
/*width: 100px;*/ /*width of menu*/
margin-left:10px;
float:left;
margin-top:0;
padding:0;
}

.short-list ul{
width: 80px;
list-style-type:square;
margin-left:13px;
margin-top:3px;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.short-list ul li{
padding-bottom: 10px; /*bottom spacing between menu items*/
}

.short-list ul li a{
font: normal 10px Arial;
color: #666;
display: block;
padding:  0 ;
line-height: 10px;
font-weight:bold;
padding-left: 0px; /*link text is indented 8px*/
text-decoration: none;
}


/*---------------------------------------------------------------sub-footer*/

#superheader {
	margin-right:100px;
	position:absolute;
	width: 850px;
	z-index:10;
	top:15px;
}


#superheader ul{
	text-indent: 5px;
	padding: 0px 0;
	margin-top: 0px;
	text-align: right; 
}

#superheader ul li{
	display: inline;
	padding-left:4px;
	font: normal 9px Arial;
	color: #336600;
}

#superheader li a {
	color: #336600;
	font: normal 9px Arial;
	/*line-height: 8px;*/
	text-decoration: none;
}
#superheader li a:hover {
	text-decoration: underline;	
}
/*---------------------------------------------------------------------end sub footer*/

/*.urbangreymenu ul li a:hover{ /*hover state CSS
color: white;
background: black url(../img/nav-red.gif) no-repeat 8px 8px;
}*/