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

/* This is the style of your browser text */
html {
	width: 100%;
}
	* html {
		border: none;
	}
body {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

p {
	margin: 0 0 20px 0;
	line-height:160%;
	font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	color:#3F3A38;
}
p.noJS {
    font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
    display: block;
    width: 100%;
    padding: 4px 0 3px 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #F24E31;
}

div.iefail {
    font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
    display: none;
    width: 100%;
    padding: 4px 0 3px 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 120;
    background-color: #F24E31;
	text-align:center;
}
div.iefail a{
    font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
}
a{
	outline:none;
}
a:link, a:visited {
	text-decoration: none;
	color: #CC3366;
	outline:none;	
}

a:hover{
	outline:none;	
	text-decoration: underline;
}

img {
	display: block;
}
a img, img a, img {
	border: none;
	outline:none;
}

a, li a, ul a{
color:#CC3366;
}

h1, h2, h3, h4, h5 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;
}


h1 {
	font-size: 42px;
	color:#141110;
	margin: 0 0 20px 0;
	letter-spacing:0.01em;
}
h2 {
	font-size: 30px;
	color:#009BCC;
	margin: 0 0 7px 0;	
	letter-spacing:0.01em;
}

h3 {
	font-size: 22px;
	color:#EB7AC4;
	margin: 0 0 10px 0;
}

h4 {
	font-size: 18px;
	color:#009BCC;
}

h5 {
	font-size: 18px;
	color:#009BCC;
}

.clearer{
	clear: both;
	line-height: 0px;
}
/* global styles end */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~ header ~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#headerShell{
	width:100%;
	background:url(../images/ui/bg-header.jpg) repeat-x 0px bottom #009DCF;
	display:block;
	height:160px;
}
div#header, div#content, div#footer{
	width:940px;
	margin:0 auto;
	text-align:center;
}
.logo{
	padding:10px 0 5px 0;
	display:inline-block;
	text-align:center;
}
div.globalNav{
	position:relative;
	padding:0;
	margin:0;
	display:block;
	background:url(../images/ui/header-divider.jpg) no-repeat left bottom;	
	text-align:left;
	padding: 0 0 0 4px;
}
div.globalNav a{
	color:#FFF;
	display:inline-block;
	font:16px Arial, Helvetica, sans-serif;
	padding:20px 12px 15px 12px;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../images/ui/header-divider.jpg) no-repeat right bottom;
}
div.globalNav a:hover{
	color:#EB7AC4;	
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~ content ~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.indexColumnLeft{
	width:700px;
	margin: 30px 20px 0 0;
	display:inline;
	float:left;
}
div.indexColumnRight{
	width:220px;
	margin: 30px 0 0 0;
	display:inline;
	float:left;
}
div#contentShell{
	background:url(../images/ui/bg-contentShell.png) repeat-x left top #FFF;
	-background:url(../images/ui/bg-contentShell.gif) repeat-x left top #FFF; 	
	width:100%;
	padding: 0;
}
div.flashShell{
	margin:0 0 20px 0;
	display:inline;
}
.indexTile1{
	display:block;
	margin: 0 0 10px 0;	
}
div.columnSub220{
	width:220px;
	float:left;
	margin:20px 20px 0 0;
	display:inline;
	text-align:left;
	background:url(../images/ui/bg-indexSubMain.jpg) no-repeat left bottom;
	height:170px;
}
div.columnSub220_blank{
	width:220px;
	float:left;
	margin:30px 20px 0 0;
	display:inline;
	text-align:left;
}
div.columnSub220_1a{
	width:220px;
	float:left;
	margin:30px 20px 0 0;
	display:inline;
	text-align:left;
	background:url(../images/ui/bg-indexSubMain.jpg) no-repeat left bottom;
	padding-bottom:15px;
}
div.columnSub220End{
	width:220px;
	float:left;
	margin:20px 0 0 0;
	display:inline;
	text-align:left;
	background:url(../images/ui/bg-indexSubMain.jpg) no-repeat left bottom;
	height:170px;	
}
div.columnSub220 h2, div.columnSub220End h2, div.columnSub220_1a h2{
	width:200px;	
	background:url(../images/ui/bg-indexSub.gif) no-repeat 0px 0px;	
	color:#FFF;
	font:18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	display:inline-block;
	padding: 5px 10px 12px 10px;
	margin:0;
}
div.columnSub220 h2 a, div.columnSub220End h2 a, div.columnSub220_1a a{
	color:#FFF;
	display:block;
}
div.columnSub220 h2 a:hover, div.columnSub220End h2 a:hover, div.columnSub220_1a h2 a:hover{
	color:#B41B7E;		
	text-decoration:none;
}
div.columnSub220 ul, div.columnSub220End ul, div.columnSub220_1a ul{
	list-style:none;
	margin:0;
	padding:0;
}
div.columnSub220 li a, div.columnSub220End li a, div.columnSub220_1a li a{
	color:#131110;	
	font-size:16px;
	padding: 0 0 0 20px;
	background:url(../images/ui/arrow-li1.gif) no-repeat 10px 8px;
	display:block;
	margin:0 0 3px 0;
	width:200px;
}
div.columnSub220 li a:hover, div.columnSub220End li a:hover, div.columnSub220_1a li a:hover{
	color:#EB7AC4;	
	text-decoration:none;
}

div.indexSEOcol1,div.indexSEOcol2{
	float:left;
	width:460px;
	margin: 20px 20px 20px 0;
	display:inline;
	text-align:left;
}
div.indexSEOcol1 p,div.indexSEOcol2 p{
		font-size:14px;
		line-height:160%;
	}
div.indexSEOcol2{
	margin: 20px 0 20px 0;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~ content subpages ~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.columnSub460{
	width:460px;
	float:left;
	margin:30px 20px 0 0;
	display:inline;
	text-align:left;
}
div.columnSub460 p{
	line-height:160%;
	margin:0 0 20px 0;
}
div.columnSub220_1{
	width:220px;
	float:left;
	margin:30px 0 0 0;
	display:inline;
	text-align:left;
}
ul.gallery{
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
div#pp_full_res img{
	display:inline;
}
.price{
	font-size:18px;
	color:#FF0066;
	display:block;
	background:#f5f5f5;
	padding:8px 20px 8px 130px;
	margin-bottom:20px;
	height:49px;
	width:150px;
	background:url('../images/ui/pricetag.jpg') no-repeat;
}
.price2{
	font-size:18px;
	color:#FF0066;
	display:block;
	background:#f5f5f5;
	padding:20px;
	margin-bottom:20px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~ ul lotus ~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul.ul-lotus{
	margin:0 0 20px 0;
	padding:0;
}
ul.ul-lotus li{
	list-style:none;
	background:url('../images/ui/lotus-li.gif') no-repeat 0px 0px;	
	padding: 0 0 0 40px;
	margin: 0 0 10px 0;
	color:#3F3A38;
	font-size:13px;
	line-height:160%;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~ footer ~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.footerShell{
	width:100%;
	background:url(../images/ui/bg-footerShell.png) repeat-x left top #141110;	
	-background:url(../images/ui/bg-footerShell.gif) repeat-x left top #141110;		
}
div#footer{
	padding:50px 0 0 0;
	color:#8C7F79;
	height:300px;	
	background:url(../images/ui/bg-footer.png) no-repeat center top #141110;
	-background:url(../images/ui/bg-footer.gif) no-repeat center top #141110;	
	text-align:center;
}
div#footer a, div#footer p{
	font-size:12px;
	color:#8C7F79;
	line-height:160%;
}
div#footer a:hover{
	color:#FF9900;	
}