html{height:100%;}
body{
	margin:0;
	color:#c1c1c1;
	height:100%;
	font:11px Verdana, Geneva, sans-serif;
	background:#227dc1 url(../images/bg-body-c.jpg) repeat-y 50% 0;
	min-width:987px;
}
img{border-style:none;}
a{
    font-weight: bold;
	text-decoration:none;
	color:#c1c1c1;
}
a:hover{text-decoration:underline;}
.home{background:#227dc1 url(../images/bg-body.jpg) no-repeat 50% 0;}
#wrapper{
	width:100%;
	height:100%;
	background:url(../images/bg-body-t.jpg) no-repeat 50% 0;
}
.home #wrapper{background:none;}
#wrapper-index{background:none;}
.wrapper-holder{
	width:100%;
	min-height:100%;
	background:url(../images/bg-body-b.jpg) no-repeat 50% 100%;
}
.home .wrapper-holder{background:none;}
* html .wrapper-holder{height:100%;}
.wrapper-frame{
	width:900px;
	margin:0 auto;
	min-height:1000px;
}
* html .wrapper-frame{height:1000px;}
#header{
	width:889px;
	overflow:hidden;
	padding:1px 0 0 11px;
}
.logo{
	width:333px;
	height:100px;
	background:url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	margin:0 0 -8px 9px;
	display:inline;
}
.logo a{
	display:block;
	height:100%;
	position:relative;
}
#nav{
	margin:47px 0 10px;
	padding:0 3px 0 0;
	list-style:none;
	float:right;
}
#nav li{float:left;}
#nav .home,
#nav .vbskins,
#nav .ipbskins,
#nav .xfskins,
#nav .customer,
#nav .contact{
	height:28px;
	background:url(../images/bg-nav.gif) no-repeat 0 6px;
	width:67px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
#nav .selected .home,
#nav .home:hover{background-position:0 -21px;}
#nav .vbskins{
	width:86px;
	background-position:-67px 6px;
	margin:0 6px 0 0;
}
#nav .selected .vbskins,
#nav .vbskins:hover{background-position:-67px -21px;}
#nav .ipbskins{
	width:88px;
	background-position:-159px 6px;
	margin:0 7px 0 0;
}
#nav .selected .ipbskins,
#nav .ipbskins:hover{background-position:-159px -21px;}
#nav .xfskins{
	width:78px;
	background-position:-254px 6px;
	margin:0 6px 0 0;
}
#nav .selected .xfskins,
#nav .xfskins:hover{background-position:-254px -21px;}
#nav .customer{
	width:101px;
	background-position:-336px 6px;
	margin:0 6px 0 0;
}
#nav .selected .customer,
#nav .customer:hover{background-position:-336px -21px;}
#nav .contact{
	width:82px;
	background-position:-443px 6px;
}
#nav .selected .contact,
#nav .contact:hover{background-position:-443px -21px;}
.blimp{
	--width:595px;
	--background:url(../images/bg-blimp.png) no-repeat;
	overflow:hidden;
	padding:15px 10px 0px 0px;
	height:100px;
	margin:0 0 1px;
	clear:both;
}
.blimp-link{
	display:block;
	height:100%;
	cursor:pointer;
	position:relative;
}
.text-hot-offer,
.text-skins,
.text-grand-opening,
.text-all-skins,
.buy-link{
	margin:8px 18px 0 24px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/texts.gif) no-repeat;
	width:315px;
	height:58px;
	float:left;
}
.blimp .text-skins{
	background-position:0 -62px;
	width:150px;
	height:50px;
	float:left;
	margin:3px 0 0;
}
.text-grand-opening{
	background-position:0 -115px;
	width:368px;
	height:46px;
	margin:14px 13px 0 0;
}
.text-all-skins{
	width:136px;
	height:50px;
	background-position:0 -170px;
	margin:4px 0 0;
}
.template-box{
	width:865px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 5px;
}
.template-list{
	margin:0;
	padding:0;
	list-style:none;
	width:366px;
	overflow:hidden;
	float:left;
}
.template-list li{
	float:left;
	padding:0 3px;
	margin:0 0 5px;
}
.template-list .t,
.template-list .b,
.template-list .c{
	width:176px;
	overflow:hidden;
	background:url(../images/bg-template-t.png) no-repeat;
	padding:6px 0 0;
}
.template-list .b{
	background:url(../images/bg-template-b.png) no-repeat;
	height:7px;
	padding:0;
}
.template-list .c{
	background:url(../images/bg-template-c.png) repeat-y;
	padding:3px 8px 0 9px;
	width:159px;
	min-height:134px;
}
* html .template-list .c{
	height:134px;
	overflow:visible;
}
.template-list img{vertical-align:top;}
.links{
	float:right;
	margin:4px 0 0;
}
.links div {
    float: left;
    margin-top: 2px;
    margin-right: 5px;
    font-weight: bold;
    color: #FFFFFF;
}
.ipb-link{
	float:left;
	width:29px;
	height:13px;
	background:url(../images/btn-ipblink.gif) no-repeat;
	padding:5px 0 0 8px;
}
.text-ipb{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:20px;
	height:10px;
	background:url(../images/text-ipb.gif) no-repeat;
}
.vb-link{
	float:left;
	width:26px;
	height:14px;
	background:url(../images/btn-vblink.gif) no-repeat;
	padding:4px 0 0 11px;
}
.text-vb{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:15px;
	height:10px;
	background:url(../images/text-vb.gif) no-repeat;
}
.visual-template{
	width:499px;
	overflow:hidden;
	float:left;
	padding:0 0 5px;
	position:relative;
}
.visual-template .t,
.visual-template .c,
.visual-template .b{
	width:499px;
	overflow:hidden;
	background:url(../images/bg-visual-t.png) no-repeat;
	padding:6px 0 0;
}
.visual-template .b{
	height:8px;
	background:url(../images/bg-visual-b.png) no-repeat;
	padding:0;
}
.visual-template .c{
	background:url(../images/bg-visual-c.png) repeat-y;
	padding:3px 9px 0;
	width:483px;
}
.visual-template img{vertical-align:top;}
.template-link{
	display:block;
	height:100%;
	cursor:pointer;
}
.stripe{
	position:absolute;
	top:-2px;
	width:187px;
	height:164px;
	left:0;
	background:url(../images/bg-stripe.png) no-repeat;
}
.text-featured{
	width:130px;
	height:121px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:7px 0 0 7px;
	background:url(../images/texts.gif) no-repeat 0 -233px;
}
#main{
	width:861px;
	background:url(../images/bg-main-t.png) no-repeat;
	padding:9px 0 0;
	overflow:hidden;
	margin:0 auto;
}
.main-c{
	width:861px;
	overflow:hidden;
	background:url(../images/bg-main-c.png) repeat-y;
	padding:8px 0 0;
}
.main-frame{
	width:858px;
	overflow:hidden;
	padding:35px 2px 0 1px;
	background:url(../images/bg-main-c.png) repeat-y;
}
.main-header{
	margin: -35px 0 12px 15px;
	font:22px "Trebuchet MS", Helvetica, sans-serif;
	color:#fff;
        width: 400px;
        --float: left;
        --display: inline;
}
.main-header-2 {
	--margin: 0 0 12px 200px;
	font:11px "Trebuchet MS", Helvetica, sans-serif;
	color:#fff;
       --width: 50%;
        float: right;
        margin: -35px 20px 0px 0px;
        --display: inline;
        line-height: 12px;
}
.main-box{
	padding:0 0 0 2px;
	width:1000px;
}
.blocks{
	width:1000px;
}
.block{
	width:285px;
	overflow:hidden;
	float:left;
	margin:0 1px 0 0;
	position:relative;
	line-height:16px;
}
.block-holder{
	padding:5px 6px 0 17px;
	min-height:177px;
	margin:-6px 0 0;
	background:url(../images/bg-c.png) repeat-y;
}
* html .block-holder{
	height:177px;
	overflow:visible;
}
.block h2{
	margin:0 0 12px 24px;
	font:22px "Trebuchet MS", Helvetica, sans-serif;
	color:#fff;
}
.intro{
	width:100%;
	overflow:hidden;
	color:#f5f5f5;
	font:11px/16px Arial, Helvetica, sans-serif;
}
.block p{margin:0;}
.more{
	width:90px;
	margin:9px 10px 0px 0px;
	padding:0 0 8px;
	overflow:hidden;
        float: right;
	height:23px;
	font:9px Arial, Helvetica, sans-serif;
	background:url(../images/btn-more.gif) no-repeat 3px 0;
}
.more a{
	color:#fff;
	padding: 3px 0 0 9px;
	display:block;
}

.more input{
	font: 12px Arial, Helvetica, sans-serif;
        background: none;
        border: none;
        color: #FFFFFF;
        font-weight: bold;
        margin-top: 2px;
}


#content{
	width:819px;
	overflow:hidden;
	min-height:500px;
	padding:5px 20px 0;
	background:url(../images/bg-c.png) repeat-y;
        font-size: 12px;
}
* html #content{
	height:500px;
	overflow:visible;
}
#footer{
	width:861px;
	overflow:hidden;
	margin:0 auto;
}
.main-b{
	width:861px;
	overflow:hidden;
	height:9px;
	margin:0 auto;
	background:url(../images/bg-main-b.png) no-repeat;
}
.main-footer{
	width:100%;
	overflow:hidden;
	--text-align:center;
	padding-top: 10px;
	position:relative;
	background:url(../images/bg-main-c.png) repeat-y;
}
.main-footer p{
	margin:0;
	float:left;
	width: 225px;
	text-align:left;
}
.main-footer .copyright{
	float:right;
	text-align:right;
	width: 300px;
        margin-right: 15px;
}
.navigation{
	margin:0;
	list-style:none;
	--padding:0 225px 0 250px;
	--text-align:center;
}
.navigation li{
	display:inline;
	background:url(../images/divider-navigation.gif) no-repeat 0 3px;
	padding:0 0 0 5px;
}
.navigation li:first-child,
.navigation li.first-child{background:none;}
.promo{
	width:700px;
	height:110px;
	background:url(../images/img1.gif) no-repeat;
	overflow:hidden;
	padding:77px 0 0;
	margin:6px 0 0 171px;
}
.buy-link{
	width:52px;
	height:52px;
	margin:0 13px 0 90px;
	background-position:0 -365px;
	float:left;
	cursor:pointer;
	position:relative;
	z-index:3;
}

.html_highlight {
    background-color: #DBDD8E;
    color: #061C48;
    padding: 5px;
    border: 1px solid #fff;
    -moz-border-radius: 6px;
}

.sidebar {
    float: left;
}

.sidebar .block {
    background-color: #0A2B5E;
    padding: 5px;
    border: 1px solid #2D6093;
    -moz-border-radius: 10px;
    margin: 10px;
    width: 200px;
}

.sidebar .block .title {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background-color: #2D6093;
    border: 1px solid #2D6093;
    margin: -5px -5px 0px -5px;
    padding: 5px;
    -moz-border-radius: 6px 6px 0px 0px;
}

.page-content {
    float: left;
    --margin-left: 220px;
    width: 500px;
}

.box {
    background-color: #0A2B5E;
    padding: 5px;
    border: 1px solid #2D6093;
    -moz-border-radius: 6px;
    margin: 10px;
    --width: 46%;
}

.box .title {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background-color: #2D6093;
    border: 1px solid #2D6093;
    margin: -5px -5px 0px -5px;
    padding: 5px;
    -moz-border-radius: 6px 6px 0px 0px;
}

.box .content {
    margin: 3px;
}

.alt1 {
    background-color: #DBDD8E;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    margin: auto;
}