/*
	MID
*/

div#header-mid-index{
	width:100%;
	height:500px;
	float:left;
	background:#4c4c4c;
	position:relative;
}
div#header-mid-inner-index{
	width:1100px;
	height:500px;
	margin:0 auto;
	background:url(images/header-mid-bg.png);
}
div#header-mid{
	width:100%;
	height:150px;
	float:left;
	background:#4c4c4c;
	position:relative;
}
div#header-mid-inner{
	width:960px;
	height:150px;
	margin:0 auto;
}
div#header-slider{
	width:960px;
	height:500px;
	float:left;
	margin:0px 0 0 70px;
	background:url(images/loaders/32.gif) no-repeat 50% 50%;
}
div#header-slider-inner{
	width:958px;
	height:398px;
	float:left;
	margin:51px 0 0 1px;
	position:relative;
}
div#header-slider-inner img{
	width:958px;
	height:398px;
	float:left;
	padding:0;
}
/* 50 % */
div#header-mid-inner-index-50{
	width:1100px;
	height:500px;
	margin:0 auto;
	background:url(images/header-mid-50-bg.png);
}
div#header-mid-inner-50{
	width:960px;
	height:150px;
	margin:0 auto;
}
div#header-slider-50{
	width:960px;
	height:500px;
	float:left;
	margin:0px 0 0 70px;
}
div#header-slider-inner-50{
	width:958px;
	height:398px;
	float:left;
	margin:51px 0 0 1px;
	position:relative;
	overflow:hidden;
}
div.box50{
	width:958px;
	height:398px;
	float:left;
}
.box50 .txt50{
	width:430px;
	height:398px;
	float:left;
	position:relative;
	margin:0 50px 0 0;
}
.box50 .txt50 h2{
	width:100%;
	float:left;
	color:#fff;
	margin:40px 0 20px 0;
	font-size:24px;
}
.box50 .txt50 p{
	width:100%;
	float:left;
	color:#fff;
	margin:0 0 20px 0;
}
.link50{
	float:left;
	background:#fff;
	color:#333;
	padding:2px 5px 2px 5px;
	border:1px solid #fff;
}
.link50:hover{
	background:#333;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
}
.box50 .slide50{
	width:458px;
	height:398px;
	float:left;
	position:relative;
	background:url(images/loaders/32.gif) no-repeat 50% 50%;
}
.slide50 img{
	width:478px;
	height:398px;
	float:left;
	padding:0;
}
#nav50{
	position:absolute;
	left:0;
	top:-60px;
	z-index:1001;
}
#nav50 a{
	background:#ccc;
	width:12px;
	height:12px;
	margin:0 4px 0 1px;
	float:left;
	text-indent:-9999px;
}
#nav50 a:hover,
#nav50 a.activeSlide{
	background:#fff;
}

div#header-mid-inner h2{
	float:right;
	font-size:36px;
	font-weight:normal;
	margin:50px 0px 0 40px;
	line-height:24px;
	color:#fff;
	padding:10px 0px;
	display:block;
}
div#header-mid-inner h3{
	width:550px;
	float:left;
	font-size:18px;
	font-weight:normal;
	margin:46px 0;
	line-height:24px;
	color:#fff;
}
div#top-shadow{
	width:100%;
	height:5px;
	background:url(images/shadow/10/top-shadow.png) repeat-x;
	position:absolute;
	left:0;
	top:0px;
}
div#bottom-shadow{
	width:100%;
	height:5px;
	background:url(images/shadow/10/bottom-shadow.png) repeat-x;
	position:absolute;
	left:0;
	bottom:0px;
}

/*
	BOTTOM
*/

div#header-bottom{
	width:100%;
	height:100px;
	float:left;
	background:#fff;
	position:relative;
}
div#header-bottom-inner{
	width:960px;
	height:100px;
	margin:0 auto;
	position:relative;
}
div#bottom-bar-shadow{
	width:100%;
	height:5px;
	background:url(images/shadow/10/bottom-bar-shadow.png) repeat-x;
	position:absolute;
	left:0;
	bottom:-5px;
	z-index:100;
}
div#header-bottom-inner h2{
	width:680px;
	float:left;
	font-size:18px;
	font-weight:normal;
	margin:24px 0;
	line-height:24px;
}
ul.inbar-gallery-top{
	width:264px;
	float:right;
	list-style-type:none;
	margin:26px 0 0 0;
}
ul.inbar-gallery-top li{
	float:left;
}
ul.inbar-gallery-top li a{
	width:76px;
	height:46px;
	float:left;
	background:#4c4c4c;
	border:1px solid #222;
	margin:0 0px 0px 10px;
	position:relative;
}
ul.inbar-gallery-top li a:hover{
	background:#ccc;
	border:1px solid #999;
}
ul.inbar-gallery-top li a img{
	width:70px;
	height:40px;
	float:left;
	margin:3px;
}

/*
------------------------------------------------------------------------
	CONTENT
------------------------------------------------------------------------
*/

div#content-inner{
	width:990px;
	margin:0px auto;
	position:relative;
	padding:50px 0 0 0;
}
div#content-inner-page{
	width:680px;
	float:left;
	margin:0 0 0 15px;
}
div.page-box{
	width:620px;
	float:left;
	margin:0 0 50px 0;
}
div.page-box h2{
	width:620px;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 20px 0px;
	padding:0 0 20px 0;
	background:url(images/pix-line.png) repeat-x bottom;
}
div.page-box h4{
	width:620px;
	float:left;
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
div.page-box p{
	width:620px;
	float:left;
}
div.page-box ul{
	width:590px;
	float:left;
	margin:0 0 0 30px;
}
div.page-box ol{
	width:590px;
	float:left;
	margin:0 0 0 30px;
	list-style-type: decimal;
	list-style-position: inside;
}
div.page-box-ql{
	width:420px;
	float:left;
	margin:0 0 50px 0;
}
div.page-box-ql h2{
	width:420px;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 20px 0px;
	padding:0 0 20px 0;
	background:url(images/pix-line.png) repeat-x bottom;
}
div.page-box-ql p{
	width:420px;
	float:left;
}
div.page-box-ql ul{
	width:390px;
	float:left;
	margin:0 0 0 30px;
}
div.page-box-ql ol{
	width:390px;
	float:left;
	margin:0 0 0 30px;
	list-style-type: decimal;
	list-style-position: inside;
}
div.page-620{
	width:620px;
	float:left;
	margin:0 0 0 0;
}
div.page-620 h2{
	width:620px;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 20px 0px;
	padding:0 0 20px 0;
	background:url(images/pix-line.png) repeat-x bottom;
}
div.page-620 p{
	width:620px;
	float:left;
}
div.page-620 ul{
	width:590px;
	float:left;
	margin:0 0 0 30px;
}
div.page-620 ol{
	width:590px;
	float:left;
	margin:0 0 0 30px;
	list-style-type: decimal;
	list-style-position: inside;
}
div.network-box{
	width:93%;
	float:left;
	margin:0 0 50px 0;
}
div.network-box h2{
	width:620px;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 20px 0px;
	padding:0 0 20px 0;
	background:url(images/pix-line.png) repeat-x bottom;
}
div.network-box p{
	width:620px;
	float:left;
}
div.network-box ul{
	width:590px;
	float:left;
	margin:0 0 0 30px;
}
div.network-box ol{
	width:590px;
	float:left;
	margin:0 0 0 30px;
	list-style-type: decimal;
	list-style-position: inside;
}

/*
------------------------------------------------------------------------
	ABOUT
------------------------------------------------------------------------
*/

.about-img{
	float:left;
	margin:5px 20px 0px 0;
}

/*
------------------------------------------------------------------------
	FAQ
------------------------------------------------------------------------
*/

div.faq-info{
	width:620px;
	float:left;
	margin:0 0 20px 0;
}
div.faq-box{
	width:620px;
	float:left;
	margin:0 0 0px 0;
}
div.faq-box > a{
	width:auto;
	float:left;
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:12px;
}
div.faq-box .plus{
	width:10px;
	height:10px;
	float:left;
	margin:5px 10px 0px 0;
	background:url(images/icons/10/plus.png) no-repeat;
}
div.faq-box .min{
	width:10px;
	height:10px;
	float:left;
	margin:5px 10px 0px 0;
	background:url(images/icons/10/min.png) no-repeat;
}
div.faq-box p{
	width:598px;
	display:none;
	float:left;
	margin:0 0 10px 20px;
}

/*
------------------------------------------------------------------------
	GALLERY
------------------------------------------------------------------------
*/

div.gallery-box{
	width:210px;
	float:left;
	margin:0px 7px 17px 7px;
	padding:4px;
	background:#fff url(images/loader-24.gif) no-repeat center center;
	border:1px solid #ccc;
	position:relative;
	-moz-box-shadow:1px 1px 6px #ddd;
	-webkit-box-shadow:1px 1px 6px #ddd;
	box-shadow:1px 1px 6px #ddd;
	behavior: url(PIE.php);
}
div.gallery-box img{
	width:210px;
	height:150px;
	float:left;
	margin:0px 0px 0px 0px;
}
div.gallery-box h2{
	width:210px;
	float:left;
	text-align:center;
	font-size:14px;
	margin:0px 0 4px 0;
	padding:5px 0 5px 0;
	background:#eee;
	font-weight:normal;
}
div.gallery-ctrls{
	width:210px;
	height:32px;
	float:left;
	background:#4c4c4c;
	border-top:4px solid #fff;
}
div.gallery-ctrls .readmore{
	width:104px;
	height:27px;
	float:left;
	background:#eee;
	text-align:center;
	padding:3px 0 0 0;
	text-decoration:none;
	border-right:1px solid #fff;
}
div.gallery-ctrls .goto{
	width:104px;
	height:27px;
	float:left;
	background:#eee;
	text-align:center;
	padding:5px 0 0 0;
	text-decoration:none;
	border-left:1px solid #d2d2d2;
}
div.gallery-ctrls .full{
	width:210px;
	height:27px;
	float:left;
	background:#eee;
	text-align:center;
	padding:5px 0 0 0;
	text-decoration:none;
}
div.gallery-ctrls .readmore:hover,
div.gallery-ctrls .goto:hover,
div.gallery-ctrls .full:hover{
	background:#4c4c4c;
	color:#fff;
}

/*
------------------------------------------------------------------------
	GALLERY - IMAGES ONLY
------------------------------------------------------------------------
*/

div.gallery-io-box{
	width:210px;
	float:left;
	margin:0px 11px 27px 15px;
	padding:4px;
	background:#fff url(images/loader-24.gif) no-repeat center center;
	border:1px solid #ccc;
	position:relative;
	-moz-box-shadow:1px 1px 6px #ddd;
	-webkit-box-shadow:1px 1px 6px #ddd;
	box-shadow:1px 1px 6px #ddd;
	behavior: url(PIE.php);
}
div.gallery-io-box img{
	width:210px;
	height:150px;
	float:left;
	margin:0px 0px 0px 0px;
}
div.gallery-io-box h2{
	width:210px;
	float:left;
	text-align:center;
	font-size:14px;
	margin:0px 0 4px 0;
	padding:5px 0 5px 0;
	background:#eee;
	font-weight:normal;
}

/*
------------------------------------------------------------------------
	GALLERY-WIDE
------------------------------------------------------------------------
*/

div.gallery-box-wide{
	width:960px;
	float:left;
	margin:0px 11px 27px 15px;
	padding:4px;
	background:#fff url(images/loader-24.gif) no-repeat center center;
	border:1px solid #ccc;
	position:relative;
	-moz-box-shadow:1px 1px 6px #ddd;
	-webkit-box-shadow:1px 1px 6px #ddd;
	box-shadow:1px 1px 6px #ddd;
	behavior: url(PIE.php);
}
div.gallery-box-wide img{
	width:960px;
	height:150px;
	float:left;
	margin:0px 0px 0px 0px;
}
div.gallery-box-wide h2{
	width:960px;
	float:left;
	text-align:center;
	font-size:14px;
	margin:0px 0 4px 0;
	padding:5px 0 5px 0;
	background:#eee;
	font-weight:normal;
}
div.gallery-ctrls-wide{
	width:960px;
	height:32px;
	float:left;
	background:#4c4c4c;
	border-top:4px solid #fff;
}
div.gallery-ctrls-wide .readmore{
	width:479px;
	height:27px;
	float:left;
	background:#eee;
	text-align:center;
	padding:5px 0 0 0;
	text-decoration:none;
	border-right:1px solid #fff;
}
div.gallery-ctrls-wide .goto{
	width:479px;
	height:27px;
	float:left;
	background:#eee;
	text-align:center;
	padding:5px 0 0 0;
	text-decoration:none;
	border-left:1px solid #d2d2d2;
}
div.gallery-ctrls-wide .readmore:hover,
div.gallery-ctrls-wide .goto:hover{
	background:#4c4c4c;
	color:#fff;
}

/*
------------------------------------------------------------------------
	SERVICE
------------------------------------------------------------------------
*/

div.service-box-wrap{
	width:100%;
	float:left;
	margin:20px 0px 50px 0;
}
div.service-box{
	width:251px;
	float:left;
	margin:0 10px 20px 10px;
	padding:20px;
	position:relative;
	background:#fff;
	border:1px solid #ccc;
}
div.service-box img{
	width:32px;
	height:32px;
	float:left;
	margin:0 10px 0px 0;
}
div.service-box h3{
	width:164px;
	float:left;
	font-size:16px;
	margin:-25px 0 0 50px;
	font-weight:normal;
}
div.service-box p{
	width:238px;
	float:left;
	margin:10px 0 0 0;
}
div.service-box .readmore{
	float:left;
	margin:10px 0 0 0;
	font-weight:bold;
}

/*
------------------------------------------------------------------------
	PORTFOLIO
------------------------------------------------------------------------
*/

div.portfolio-box{
	width:620px;
	float:left;
	margin:0 0 50px 0;
	position:relative;
}
div.portfolio-box a.portfolio-img{
	float:left;
	background:#fff url(images/loaders/24.gif) no-repeat center center;
	border:1px solid #ccc;
	padding:4px;
	margin:0 20px 0 0;
	position:relative;
}
div.portfolio-box img{
	width:230px;
	height:230px;
	float:left;
	margin:0 0px 0px 0px;
}
div.portfolio-box h2{
	width:360px;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 20px 0px;
	padding:0px 0 20px 0;
	background:url(images/pix-line.png) repeat-x bottom;
}
div.portfolio-box p{
	width:360px;
	float:left;
}
div.portfolio-box ul{
	width:360px;
	float:left;
	list-style-type:none;
	margin:10px 0 0 0;
}
div.portfolio-box li{
	width:360px;
	float:left;
	margin:0 0px 5px 0;
	list-style-image:url(images/bullit.png);
	list-style-position:inside;
}
div.portfolio-box li a{
	font-weight:bold;
}
div.portfolio-box li a:hover{
}
div.portfolio-box .readmore{
	position:absolute;
	bottom:10px;
	left:260px;
	margin:20px 0 0px 0;
	font-weight:bold;
}

/*
	FULL
*/

div.portfolio-full-box{
	width:960px;
	float:left;
	margin:0 0 50px 15px;
	position:relative;
}
div.portfolio-full-box a.portfolio-img{
	float:left;
	background:#fff url(images/loaders/24.gif) no-repeat center center;
	border:1px solid #ccc;
	padding:4px;
	margin:0 40px 0 0;
	position:relative;
}
div.portfolio-full-box img{
	width:440px;
	height:250px;
	float:left;
	margin:0 0px 0px 0px;
}
div.portfolio-full-box h2{
	width:470px;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 20px 0px;
	padding:0px 0 20px 0;
	background:url(images/pix-line.png) repeat-x bottom;
}
div.portfolio-full-box p{
	width:470px;
	float:left;
}
div.portfolio-full-box ul{
	width:470px;
	float:left;
	list-style-type:none;
	margin:10px 0 0 0;
}
div.portfolio-full-box li{
	width:470px;
	float:left;
	margin:0 0px 5px 0;
	list-style-image:url(images/bullit.png);
	list-style-position:inside;
}
div.portfolio-full-box li a{
	font-weight:bold;
}
div.portfolio-full-box li a:hover{
}
div.portfolio-full-box .readmore{
	position:absolute;
	bottom:10px;
	left:490px;
	font-weight:bold;
}

/*
	2 COLUMNS
*/

div.portfolio-2col-box{
	width:455px;
	height:240px;
	float:left;
	margin:0 15px 50px 15px;
	position:relative;
	background:#fff url(images/loaders/24.gif) no-repeat center center;
	border:1px solid #ccc;
	padding:4px;
	position:relative;
}
div.portfolio-2col-box img{
	width:455px;
	height:240px;
	float:left;
	margin:0 0px 0px 0px;
	padding:0;
	border:none;
}
div.portfolio-2col-box .jcap-caption{
	width:10px;
	height:10px;
	position:absolute;
	right:4px;
	bottom:4px;
	background:#4c4c4c url(images/icons/12/plus-white.png) no-repeat center center;
	color:#fff;
	padding:20px;
}
div.portfolio-2col-box .jcap-caption div{
	display:none;
	background:#4c4c4c;
}
div.portfolio-2col-box .jcap-caption h2{
	width:auto;
	float:left;
	clear:both;
	font-size:24px;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	color:#fff;
}
div.portfolio-2col-box .jcap-caption p{
	width:100%;
	clear:both;
	float:left;
}
div.portfolio-2col-box .jcap-caption ul{
	width:100%;
	float:left;
	clear:both;
	list-style-type:none;
	margin:10px 0 0 0;
}
div.portfolio-2col-box .jcap-caption li{
	width:100%;
	float:left;
	clear:both;
	margin:0 0px 5px 0;
	list-style-image:url(images/bullit.png);
	list-style-position:inside;
}
div.portfolio-2col-box .jcap-caption li a{
	font-weight:bold;
	color:#fff;
}
div.portfolio-2col-box .jcap-caption li a:hover{
}

/*
------------------------------------------------------------------------
	BLOG
------------------------------------------------------------------------
*/

div.blog-box{
	width:100%;
	float:left;
	margin:0 0 50px 0;
}
div.blog-box h2{
	width:620px;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 18px 0px;
}
a.blog-img{
	float:left;
	background:#fff url(images/loaders/24.gif) no-repeat center center;
	border:1px solid #ccc;
	padding:4px;
	position:relative;
	-moz-box-shadow:1px 1px 6px #ddd;
	-webkit-box-shadow:1px 1px 6px #ddd;
	box-shadow:1px 1px 6px #ddd;
}
div.blog-box img{
	width:610px;
	float:left;
	margin:0 0px 0px 0px;
}
div.blog-meta{
	width:620px;
	float:left;
	padding:10px 0 10px 0;
	margin:20px 0 0 0;
	background:url(images/pix-line.png) repeat-x top;
	color:#666;
}
div.blog-meta a{
	font-weight:bold;
}
div.blog-meta .left{
	width:480px;
	float:left;
}
div.blog-meta .right{
	width:140px;
	float:right;
	text-align:right;
}
div.blog-box p{
	width:620px;
	float:left;
	background:url(images/pix-line.png) repeat-x top;
	padding-top:10px;
}
div.blog-box .readmore{
	width:auto;
	float:left;
	margin:20px 0 0px 0;
	font-weight:bold;
}

/*
------------------------------------------------------------------------
	PRICING
------------------------------------------------------------------------
*/

/*
	PRICEBOX 1
*/

div#pricebox-1{
	width:620px;
	float:left;
	background:#fff;
	border:1px solid #ccc;
	border-top:none;
	margin:0 0 50px 0;
}
/* A */
div#pricebox-1 div.single-a{
	width:155px;
	float:left;
	background:#fff;
	border-right:1px dotted #ccc;
}
div#pricebox-1 div.single-a div.pricehead{
	width:153px;
	height:60px;
	float:left;
	background:#6aa74d;
	color:#fff;
	padding:10px;
}
div#pricebox-1 div.single-a h2{
	width:100%;
	font-size:24px;
	float:left;
	color:#fff;
	margin:12px 0 4px 0;
	background:none;
	padding:0;
}
/* B */
div#pricebox-1 div.single-b{
	width:154px;
	float:left;
	background:#fff;
	border-right:1px dotted #ccc;
}
div#pricebox-1 div.single-b div.pricehead{
	width:134px;
	height:60px;
	float:left;
	background:#555;
	color:#fff;
	padding:10px;
}
div#pricebox-1 div.single-b h2{
	width:100%;
	font-size:24px;
	float:left;
	color:#fff;
	margin:12px 0 4px 0;
	background:none;
	padding:0;
}
/* C */
div#pricebox-1 div.single-c{
	width:154px;
	float:left;
	background:#fff;
	border-right:1px dotted #ccc;
}
div#pricebox-1 div.single-c div.pricehead{
	width:134px;
	height:60px;
	float:left;
	background:#444;
	color:#fff;
	padding:10px;
}
div#pricebox-1 div.single-c h2{
	width:100%;
	font-size:24px;
	float:left;
	color:#fff;
	margin:12px 0 4px 0;
	background:none;
	padding:0;
}
/* D */
div#pricebox-1 div.single-d{
	width:154px;
	float:left;
	background:#fff;
}
div#pricebox-1 div.single-d div.pricehead{
	width:134px;
	height:60px;
	float:left;
	background:#333;
	color:#fff;
	padding:10px;
}
div#pricebox-1 div.single-d h2{
	width:100%;
	font-size:24px;
	float:left;
	color:#fff;
	margin:12px 0 4px 0;
	background:none;
	padding:0;
}
div#pricebox-1 p{
	width:100%;
	float:left;
	color:#fff;
}
div#pricebox-1 b{
	font-weight:bold;
}
div#pricebox-1 div.single-a ul,
div#pricebox-1 div.single-b ul,
div#pricebox-1 div.single-c ul,
div#pricebox-1 div.single-d ul{
	width:132px;
	float:left;
	padding:10px;
	list-style-type:none;
}
div#pricebox-1 div.single-a li,
div#pricebox-1 div.single-b li,
div#pricebox-1 div.single-c li,
div#pricebox-1 div.single-d li{
	width:132px;
	float:left;
	padding:10px 0 10px 0;
	list-style-type:none;
	border-bottom:1px dotted #ccc;
}
div#pricebox-1 div.pricefooter{
	width:135px;
	float:left;
	padding:10px 10px 20px 10px;
}
div#pricebox-1 div.pricefooter a{
	width:100px;
	float:left;
	padding:10px 0px 10px 0px;
	text-align:center;
	margin:0 0 0 18px;
	background:#666;
	color:#fff;
	text-decoration:none;
}
div#pricebox-1 div.pricefooter a:hover{
	background:#333;
	color:#fff;
}
div#pricebox-1 a,
div#pricebox-1 a:active,
div#pricebox-1 a:visited{
	font-weight:bold;
	text-decoration:underline;
}

/*
	PRICEBOX 2
*/

div#pricebox-2{
	width:620px;
	float:left;
	background:#fff;
	border:1px solid #ccc;
	border-top:none;
	margin:0 0 50px 0;
	text-align:center;
}
/* A */
div#pricebox-2 div.single-a{
	width:206px;
	float:left;
	background:#fff;
	border-right:1px dotted #ccc;
}
div#pricebox-2 div.single-a div.pricehead{
	width:186px;
	height:60px;
	float:left;
	background:#6aa74d;
	color:#fff;
	padding:10px;
}
div#pricebox-2 div.single-a h2{
	width:100%;
	font-size:24px;
	float:left;
	color:#fff;
	margin:12px 0 4px 0;
	background:none;
	padding:0;
}
/* B */
div#pricebox-2 div.single-b{
	width:206px;
	float:left;
	background:#fff;
	border-right:1px dotted #ccc;
}
div#pricebox-2 div.single-b div.pricehead{
	width:186px;
	height:60px;
	float:left;
	background:#777;
	color:#fff;
	padding:10px;
}
div#pricebox-2 div.single-b h2{
	width:100%;
	font-size:24px;
	float:left;
	color:#fff;
	margin:12px 0 4px 0;
	background:none;
	padding:0;
}
/* C */
div#pricebox-2 div.single-c{
	width:206px;
	float:left;
	background:#fff;
}
div#pricebox-2 div.single-c div.pricehead{
	width:186px;
	height:60px;
	float:left;
	background:#666;
	color:#fff;
	padding:10px;
}
div#pricebox-2 div.single-c h2{
	width:100%;
	font-size:24px;
	float:left;
	color:#fff;
	margin:12px 0 4px 0;
	background:none;
	padding:0;
}
/* D */
div#pricebox-2 div.single-d{
	width:206px;
	float:left;
	background:#fff;
	border-right:1px dotted #ccc;
}
div#pricebox-2 div.single-d div.pricehead{
	width:186px;
	height:60px;
	float:left;
	background:#555;
	color:#fff;
	padding:10px;
}
div#pricebox-2 div.single-d h2{
	width:100%;
	font-size:24px;
	float:left;
	color:#fff;
	margin:12px 0 4px 0;
	background:none;
	padding:0;
}
/* E */
div#pricebox-2 div.single-e{
	width:206px;
	float:left;
	background:#fff;
	border-right:1px dotted #ccc;
}
div#pricebox-2 div.single-e div.pricehead{
	width:186px;
	height:60px;
	float:left;
	background:#444;
	color:#fff;
	padding:10px;
}
div#pricebox-2 div.single-e h2{
	width:100%;
	font-size:24px;
	float:left;
	color:#fff;
	margin:12px 0 4px 0;
	background:none;
	padding:0;	
}
/* F */
div#pricebox-2 div.single-f{
	width:206px;
	float:left;
	background:#fff;
}
div#pricebox-2 div.single-f div.pricehead{
	width:186px;
	height:60px;
	float:left;
	background:#333;
	color:#fff;
	padding:10px;
}
div#pricebox-2 div.single-f h2{
	width:100%;
	font-size:24px;
	float:left;
	color:#fff;
	margin:12px 0 4px 0;
	background:none;
	padding:0;	
}
div#pricebox-2 p{
	width:100%;
	float:left;
	color:#fff;
}
div#pricebox-2 b{
	font-weight:bold;
}
div#pricebox-2 div.single-a ul,
div#pricebox-2 div.single-b ul,
div#pricebox-2 div.single-c ul,
div#pricebox-2 div.single-d ul,
div#pricebox-2 div.single-e ul,
div#pricebox-2 div.single-f ul{
	width:186px;
	float:left;
	padding:10px;
	list-style-type:none;
}
div#pricebox-2 div.single-a li,
div#pricebox-2 div.single-b li,
div#pricebox-2 div.single-c li,
div#pricebox-2 div.single-d li,
div#pricebox-2 div.single-e li,
div#pricebox-2 div.single-f li{
	width:186px;
	float:left;
	padding:10px 0 10px 0;
	list-style-type:none;
	border-bottom:1px dotted #ccc;
}
div#pricebox-2 div.pricefooter{
	width:186px;
	float:left;
	padding:10px 10px 20px 10px;
}
div#pricebox-2 div.pricefooter a{
	width:100px;
	float:left;
	padding:10px 0px 10px 0px;
	text-align:center;
	margin:0 0 0 44px;
	background:#666;
	color:#fff;
	text-decoration:none;
}
div#pricebox-2 div.pricefooter a:hover{
	background:#333;
	color:#fff;
}
div#pricebox-2 a,
div#pricebox-2 a:active,
div#pricebox-2 a:visited{
	font-weight:bold;
	text-decoration:underline;
}

/*
------------------------------------------------------------------------
	CONTACT
------------------------------------------------------------------------
*/

form#contactform{
	width:578px;
	float:left;
	margin:20px 0 0 0;
	padding:20px;
	background:#fff;
	border:1px solid #ccc;
}
form#contactform label{
	width:178px;
	float:left;
	margin:6px 0 0 0;
}
form#contactform .contact-input{
	width:390px;
	float:left;
	margin:0 0 10px 0;
	height:24px;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
}
form#contactform .contact-textarea{
	width:390px;
	float:left;
	margin:0 0 10px 0;
	height:140px;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
    overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
form#contactform .contact-dropdown{
	width:400px;
	float:left;
	margin:0 0 10px 0;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
    overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
form#contactform #submit{
	width:80px;
	float:left;
	margin:0px 0 0px 178px;
	height:34px;
	float:left;
	background:url(images/btn-small.png) no-repeat;
	border:none;
	padding:0px 0 0px 0px;
	color:#666;
	cursor:pointer;
}
form#contactform #submit:hover{
	background-position: 0 -34px;
	color:#fff;
}

/*
------------------------------------------------------------------------
	BREADCRUMBS
------------------------------------------------------------------------
*/

div#header-bottom-inner breadcrumbs{
	width:960px;
	float:left;
	position:absolute;
	top:-40px;
	left:15px;
	font-size:11px;
	color:#ccc;
}
div#content-full div#header-bottom-inner breadcrumbs{
	width:100%;
	float:left;
	position:absolute;
	top:25px;
	left:0;
	font-size:11px;
	color:#ccc;
}
div#header-bottom-inner breadcrumbs a,
div#header-bottom-inner breadcrumbs a:visited,
div#header-bottom-inner breadcrumbs a:active{
   font-size:11px;
   color:#ccc;
}

/*
------------------------------------------------------------------------
	COLUMNS
------------------------------------------------------------------------
*/

/*
	1 COL (on a full 960 layout)
*/

div.content-1col{
	width:960px;
	float:left;
	position:relative;
	margin:0 15px 50px 15px;
}
div.content-1col h2{
	width:100%;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 10px 0px;
}
div.content-1col h3{
	width:100%;
	float:left;
	font-size:16px;
	font-weight:normal;
	margin:0 0px 10px 0px;
}
div.content-1col img{
	float:left;
	padding:0;
}
div.content-1col p{
	width:100%;
	float:left;
	margin:0 0px 10px 0px;
}

/*
	2 COLS (on a full 960 layout)
*/

div.content-2col{
	width:465px;
	float:left;
	position:relative;
	margin:0 15px 50px 15px;
}
div.content-2col h2{
	width:100%;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 10px 0px;
}
div.content-2col h3{
	width:100%;
	float:left;
	font-size:16px;
	font-weight:normal;
	margin:0 0px 10px 0px;
}
div.content-2col img{
	float:left;
	padding:0;
}
div.content-2col p{
	width:100%;
	float:left;
	margin:0 0px 10px 0px;
}

/*
	3 COLS (on a full 960 layout)
*/

div.content-3col{
	width:300px;
	float:left;
	position:relative;
	margin:0 6px 50px 6px;
}
div.content-3col h2{
	width:100%;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 10px 0px;
}
div.content-3col img{
	float:left;
	padding:0;
}
div.content-3col .imgwrap-theme{
	margin:0 0 0 0;
}div.span4 .imgwrap-theme{	margin:0 0 0 0;}
div.content-3col h3{
	width:100%;
	float:left;
	margin-bottom:6px;
	font-size:16px;	
}
div.content-3col p{
	width:100%;
	float:left;
	margin:0 0 20px 20px;
}
div.content-3col a.readmore{
	width:62px;
	height:24px;
	overflow:hidden;
	float:left;
	color:#fff;
	background:#4c4c4c;
	padding:2px 5px 0 5px;
	margin:0;
}
div.content-3col a.readmore:hover{
	background:#333;
	text-decoration:none;
}

/*
	4 COLS (on a full 960 layout)
*/

div.content-4col{
	width:217px;
	float:left;
	position:relative;
	margin:0 15px 50px 15px;
}
div.content-4col h2{
	width:100%;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 10px 0px;
}
div.content-4col h3{
	width:100%;
	float:left;
	font-size:16px;
	font-weight:normal;
	margin:0 0px 10px 0px;
	padding:0 0 0px 0;
}
div.content-4col p{
	float:left;
	margin:0;
}
div.content-4col img.icon{
	float:left;
	margin:2px 20px 0px 0;
	
}

/*
	6 COLS (on a full 960 layout)
*/

div.content-6col{
	width:132px;
	float:left;
	position:relative;
	margin:0 15px 50px 15px;
}
div.content-6col h2{
	width:100%;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 10px 0px;
}
div.content-6col h3{
	width:100%;
	float:left;
	font-size:16px;
	font-weight:normal;
	margin:0 0px 10px 0px;
	padding:0 0 0px 0;
}
div.content-6col p{
	float:left;
	margin:0;
}
div.content-6col img.icon{
	float:left;
	margin:7px 20px 0px 0;
	
}
div.content-6col img.network{
	float:left;
	margin:12px 2px 0px 25px;
	
}

/*
------------------------------------------------------------------------
	SIDEBAR
------------------------------------------------------------------------
*/

div#sidebar{
	width:295px;
	float:left;
	margin:0 0px 0 0;
}
div.sidebar-box{
	width:295px;
	float:left;
	margin:0 0px 50px 0;
}
div.sidebar-box h3{
	width:280px;
	float:left;
	font-size:16px;
	font-weight:normal;
	margin:5px 0px 20px 0px;
	padding:0 0 15px 0;
	background:url(images/pix-line.png) repeat-x bottom;
}

/*
	ADS
*/


div.sidebar-box-ads{
	width:270px;
	float:left;
	margin:0 0px -10px 0;
	padding:10px 0 0px 10px;
}
div.sidebar-box-ads a{
	float:left;
	margin:0 10px 10px 0px;
	padding:0;
}
div.sidebar-box-ads a img{
	float:left;
	border:none;
	padding:0;
}

/*
	GALLERY
*/

ul.sidebar-gallery{
	width:295px;
	float:left;
	list-style-type:none;
	margin:0 0 -10px 0;
}
ul.sidebar-gallery li{
	float:left;
	margin:0 10px 10px 0;
}
ul.sidebar-gallery li a{
	float:left;
	background:#fff;
	border:1px solid #ccc;
}
ul.sidebar-gallery li a:hover{
	background:#4c4c4c;
	border:1px solid #222;
}
ul.sidebar-gallery li a img{
	width:80px;
	height:80px;
	float:left;
	margin:2px;
}
div.sidebar-box h3 .flickr-first{
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	color:#0063db;
}
div.sidebar-box h3 .flickr-last{
	font-size:16px;
	font-weight:normal;
	font-style:normal;
	color:#ff0084;
}

/*
	SOCIAL
*/

ul.sidebar-social{
	width:295px;
	float:left;
	list-style-type:none;
}
ul.sidebar-social li{
	float:left;
}
ul.sidebar-social li a{
	float:left;
	margin:0 9px 0px 0;
}

/*
	CATEGORIES
*/

ul.sidebar-cats{
	width:295px;
	float:left;
	list-style-type:none;
	margin:-5px 0 0 0;
}
ul.sidebar-cats li{
	float:left;
	width:135px;
	margin:0 10px 0px 0;
	padding:0 0 0 0px;
	background:url(images/pix-line.png) repeat-x bottom;
}
ul.sidebar-cats li a{
	width:115px;
	float:left;
	padding:6px 0 6px 20px;
	background:url(images/bullit.png) no-repeat left center;	
}
ul.sidebar-cats li a:hover{
	background:#eee url(images/bullit.png) no-repeat left center;	
	text-decoration:none;
}

/*
	TAGS
*/

ul.sidebar-tags{
	width:280px;
	float:left;
	list-style-type:none;
}
ul.sidebar-tags li{
	float:left;
	margin:0 5px 5px 0;
}
ul.sidebar-tags li a{
	float:left;
	background:#4c4c4c;
	color:#fff;
	padding:0px 5px 0px 5px;
	font-size:11px;
}
ul.sidebar-tags li a:hover{
	background:#333;
	text-decoration:none;
}

/*
	RECENT S
*/

ul.sidebar-recomments{
	width:295px;
	float:left;
	list-style-type:none;
	margin:0 0 -10px 0;
}
ul.sidebar-recomments li{
	float:left;
	width:280px;
	padding:0px 0 10px 0;
	margin:0 0 10px 0;
	background:url(images/pix-line.png) repeat-x bottom;
}
ul.sidebar-recomments li div{
	float:right;
	width:254px;
}
ul.sidebar-recomments li img{
	float:left;
	margin:4px 10px 0 0;
}
ul.sidebar-recomments li a.title{
	float:left;
	width:auto;
	clear:right;
	margin:0 0px 0px 0;
}
ul.sidebar-recomments li a.writer{
	width:auto;
	margin:0 0px 0px 0;
	font-size:11px;
	color:#777;
}
ul.sidebar-recomments li p{
	float:left;
	width:254px;
	margin:0 5px 0px 0px;
	font-size:11px;
	color:#777;
	clear:left;
}

/*
	POPULAR POSTS
*/

ul.sidebar-poppost{
	width:280px;
	float:left;
	list-style-type:none;
	margin:0 0 -10px 0;
}
ul.sidebar-poppost li{
	float:left;
	padding:0px 0 10px 0;
	margin:0 0 10px 0;
	background:url(images/pix-line.png) repeat-x bottom;
}
ul.sidebar-poppost li a.po-img{
	float:left;
	background:#fff;
	border:1px solid #ccc;
	margin:0 10px 2px 0;
}
ul.sidebar-poppost li a.po-img:hover{
	background:#4c4c4c;
	border:1px solid #222;
}
ul.sidebar-poppost li a.po-img img{
	width:50px;
	height:50px;
	float:left;
	margin:2px;
}
ul.sidebar-poppost li div{
	float:right;
	width:214px;
}
ul.sidebar-poppost li a.po-title{
	float:left;
	width:auto;
	font-size:12px;
	margin:0 0 0px 0;
	font-weight:bold;
}
ul.sidebar-poppost li a.po-date{
	float:left;
	width:auto;
	font-size:11px;
	color:#777;
	font-weight:normal;
	clear:left;
}

/*
	TWEETS
*/

div#sidebar-tweets{
	width:280px;
	height:100%;
	float:left;
	margin:0 0 -10px 0;
	padding:0;
}
div#sidebar-tweets ul{
	width:280px;
	float:left;
	list-style-type:none;
}
div#sidebar-tweets ul li{
	width:280px;
	float:left;
	margin:0 0 10px 0;
}
div#sidebar-tweets ul li a{
	font-weight:bold;
}
div#sidebar-tweets ul li span{
	width:280px;
	float:left;
	color:#666;
	font-size:11px;
}

/*
	SIDE-BAR TESTIMONIALS
*/

ul.sidebar-testimonials{
	width:280px;
	float:left;
	list-style-type:none;
	margin:0 0 0px 0;
	padding:0;
}
ul.sidebar-testimonials li{
	float:left;
	padding:0px 0 0px 0;
	margin:0 0 0px 0;
}
ul.sidebar-testimonials li i{
	float:right;
	margin:10px 0 0 0;
}

/*
	MAIN PAGE TESTIMONIALS
*/

.testimonials-list {
	margin-bottom:30px;
	overflow:hidden;
	background:url(images/pix-line.png)repeat-x bottom;
	width:100%;
	padding-bottom:20px;
}
.testimonials-list .left {
	float:left;
	width:120px;
	text-align:center;
}
.testimonials-list .left .shadow-thumb {
	width:120px;
	height:10px;
	background:url('images/shadow-avatar.png')
	no-repeat top center;
}
.testimonials-list .left img {
	border:1px solid #ddd;
	padding:5px;
	background:#fff;
}
.testimonials-list .left .title {
	font-weight:bold;
	text-align:center;
}
.testimonials-list .left .website {
	font-size:10px;
	line-height:10px;
}
.testimonials-list .the-post {
	margin-left:130px;
	width:800px;
}
.testimonials-list .the-post p {
	padding-bottom:10px;
}
.testimonials-list h2 {
	font-size:24px;
	font-weight:normal;
	margin:0 0px 20px 0px;
	padding:0 0 20px 0;
	background:url(images/pix-line.png) repeat-x bottom;}

/*
	FAQ
*/

div.sidebar-faq{
	width:280px;
	float:left;
	margin:0 0 -10px 0;
}
div.sidebar-faq-box{
	width:280px;
	float:left;
	margin:0 0 0px 0;
}
div.sidebar-faq-box > a{
	width:auto;
	float:left;
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:12px;
}
div.sidebar-faq-box .plus{
	width:10px;
	height:10px;
	float:left;
	margin:5px 10px 0px 0;
	background:url(images/icons/10/plus.png) no-repeat;
}
div.sidebar-faq-box .min{
	width:10px;
	height:10px;
	float:left;
	margin:5px 10px 0px 0;
	background:url(images/icons/10/min.png) no-repeat;
}
div.sidebar-faq-box p{
	width:260px;
	display:none;
	float:left;
	margin:0 0 10px 20px;
}

/*
	CONTACT
*/

ul.sidebar-contact{
	width:280px;
	float:left;
	list-style-type:none;
}
ul.sidebar-contact li{
	float:left;
	width:260px;
	margin:0px 0 0px 20px;
	list-style-image:url(images/bullit.png);
}
ul.sidebar-contact li b{
	float:right;
	width:260px;
	display:block;
	margin:0 0 10px 0;
	padding:0;
}
ul.sidebar-contact li p{
	float:right;
	width:260px;
	
}

/*
	MAPS
*/

div#sidebar-maps{
	width:280px;
	height:280px;
	float:left;
}


/*
------------------------------------------------------------------------
	QUOTES
------------------------------------------------------------------------
*/


/*
	HEADLINE QUOTE(FULL WIDTH)
*/

headline.quote-fancy-headline{
	width:100%;
	float:left;
	margin:0 15px 50px 15px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:url(images/quote-left.png) no-repeat left center
}
headline.quote-fancy-headline p{
	width:720px;
	float:left;
	font-size:18px;
	font-family:'UbuntuRegular', Arial, sans-serif;
	margin:0;
	padding:20px 120px 20px 120px;
	text-align:center;
	background:url(images/quote-right.png) no-repeat right center
}


/*
	BIG FANCY QUOTE(FULL WIDTH)
*/

blockquote.quote-fancy-full{
	width:100%;
	float:left;
	margin:0 15px 50px 15px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:url(images/quote-fancy-left.png) no-repeat left center
}
blockquote.quote-fancy-full p{
	width:720px;
	float:left;
	font-size:18px;
	font-family:'UbuntuRegular', Arial, sans-serif;
	margin:0;
	padding:20px 120px 20px 120px;
	text-align:center;
	background:url(images/quote-fancy-right.png) no-repeat right center
}

/*
	MEDIUM FANCY QUOTE
*/

blockquote.quote-fancy-medium{
	width:620px;
	float:left;
	margin:0 0px 50px 0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:url(images/quote-fancy-left.png) no-repeat left center;
}
blockquote.quote-fancy-medium p{
	width:380px;
	float:left;
	font-size:18px;
	font-family:'UbuntuRegular', Arial, sans-serif;
	margin:0;
	padding:20px 120px 20px 120px;
	text-align:center;
	background:url(images/quote-fancy-right.png) no-repeat right center;
}
.page-box blockquote.quote-fancy-medium{
	margin:20px 0px 20px 0px;
}

/*
	MEDIUM BAR QUOTE
*/

blockquote.quote-bar-medium{
	width:620px;
	float:left;
	margin:0 0px 50px 0px;
	border-left:5px solid #4c4c4c;
}
blockquote.quote-bar-medium p{
	width:480px;
	float:left;
	font-size:18px;
	font-family:'UbuntuRegular', Arial, sans-serif;
	margin:0;
	padding:0px 20px 0px 40px;
}
.page-box blockquote.quote-bar-medium{
	margin:20px 0px 20px 0px;
}

/*
	MEDIUM QUOTE
*/

blockquote.quote-medium{
	width:620px;
	float:left;
	margin:0 0px 50px 0px;
	background:url(images/quote-left.png) no-repeat left top;
}
blockquote.quote-medium p{
	width:500px;
	float:left;
	font-size:18px;
	font-family:'UbuntuRegular', Arial, sans-serif;
	margin:0;
	padding:0px 60px 0px 60px;
	text-align:center;
	background:url(images/quote-right.png) no-repeat right bottom;
}
.page-box blockquote.quote-medium{
	margin:20px 0px 20px 0px;
}

/*
------------------------------------------------------------------------
	RICH FOOTER
------------------------------------------------------------------------
*/

footer{
	width:100%;
	float:left;
	position:relative;
}

/*
	TOP
*/

div#footer-bar-shadow-top{
	width:100%;
	height:5px;
	background:url(images/shadow/10/bottom-bar-shadow-rev.png) repeat-x;
	position:absolute;
	left:0;
	top:-5px;
}
div#footer-top{
	width:100%;
	float:left;
	height:100px;
	position:relative;
	background:#fff;
}
div#footer-top-inner{
	width:960px;
	height:100px;
	margin:0 auto;
}
div#footer-top-inner h2{
	width:680px;
	float:right;
	font-size:18px;
	font-weight:normal;
	margin:24px 0;
	line-height:24px;
}
ul.inbar-gallery-bottom{
	width:264px;
	float:left;
	list-style-type:none;
	margin:26px 0 0 0;
}
ul.inbar-gallery-bottom li{
	float:left;
}
ul.inbar-gallery-bottom li a{
	width:76px;
	height:46px;
	float:left;
	background:#4c4c4c;
	border:1px solid #222;
	margin:0 10px 0px 0px;
}
ul.inbar-gallery-bottom li a:hover{
	background:#ccc;
	border:1px solid #999;
}
ul.inbar-gallery-bottom li a img{
	width:70px;
	height:40px;
	float:left;
	margin:3px;
}

div#footer-bar-shadow-bottom{
	width:100%;
	height:5px;
	background:url(images/shadow/10/top-shadow.png) repeat-x;
	position:absolute;
	left:0;
	bottom:-5px;
	z-index:10;
}

/*
	MID
*/

div#footer-mid{
	width:100%;
	float:left;
	position:relative;
	background:#4c4c4c;
	border-top:1px solid #444;
}
div#footer-mid-inner{
	width:960px;
	min-height:200px;
	padding:30px 0 30px 0;
	margin:0 auto;
	background:url(images/footer-glow.png) no-repeat center top;
}
div.footerbox-left{
	width:290px;
	float:left;
	padding:0 0px 0 0;
	margin:0 0 30px 0;
}
div.footerbox-mid{
	width:200px;
	float:left;
	margin:0 20px 30px 0px;
}
div#footer-mid-inner h3{ 
	float:left;
	margin:0 0px 0px 0;
	color:#fff;
	font-size:16px;
	margin:0px 0 20px 0;
}
ul.footer-rec-posts{
	width:100%;
	float:left;
	list-style-type:none;
}
ul.footer-rec-posts li{
	float:left;
	margin:0 10px 10px 0;
}
ul.footer-rec-posts li a{
	width:76px;
	height:46px;
	float:left;
	background:#444;
	border:1px solid #3b3b3b;
}
ul.footer-rec-posts li a:hover{
	background:#333;
	border:1px solid #222;
}
ul.footer-rec-posts li a img{
	width:70px;
	height:40px;
	float:left;
	margin:3px;
}
ul.footer-ul{
	width:100%;
	float:left;
	list-style-type:none;
	border-top:1px solid #444;
}
ul.footer-ul li{
	width:100%;
	float:left;
}
ul.footer-ul li a{
	width:100%;
	float:left;
	color:#ccc;
	padding:5px 0 5px 0;
	border-bottom:1px solid #444;
	text-decoration:none;
}
ul.footer-ul li a:hover{
	color:#fff;
}
div.footerbox-right{
	width:271px;
	float:right;
	margin:0 0 30px 0px;
}
form#footer-form{
	width:100%;
	float:left;
}
form#footer-form .footer-input{
	float:left;
	width:100%;
	height:30px;
	padding:0px 0 0 4px;	
	margin:0px 0 10px 0px;
	background:#444;
	border:1px solid #3b3b3b;
	color:#ccc;
}
form#footer-form .footer-textarea{
	float:left;
	width:100%;
	height:96px;
	padding:0px 0 0 4px;	
	margin:0px 0 10px 0px;
	background:#444;
	border:1px solid #3b3b3b;
	color:#ccc;
}
form#footer-form #submit{
	float:left;
	height:30px;
	padding:2px 10px 3px 10px;
	margin:0px 0 10px 0px;
	background:#444;
	border:1px solid #3b3b3b;
	color:#ccc;
	cursor:pointer;
}
form#footer-form .footer-input:hover,
form#footer-form .footer-input:focus,
form#footer-form .footer-textarea:hover,
form#footer-form .footer-textarea:focus,
form#footer-form #submit-footer:hover{
	background:#3b3b3b;
	border:1px solid #333;
	color:#ccc;
}

/*
	BOTTOM
*/
	
div#footer-bottom{
	width:100%;
	height:40px;
	float:left;
	position:relative;
	background:#333;
	border-top:1px solid #727272;
}
div#footer-bottom-inner{
	width:960px;
	height:40px;
	margin:0 auto;
}
div#copyright p{
	width:auto;
	float:left;
	margin:10px 0 0 0;
	color:#fff;
}
div#copyright p a{
	color:#fff;
}
ul#footer-menu{
	width:auto;
	float:right;
	margin:10px 0 0 0;
	list-style-type:none;
}
ul#footer-menu li{
	float:left;
	display:inline;
}
ul#footer-menu li a{
	float:left;
	display:inline;
	margin:0 0 0 10px;
	color:#fff;
}

/*
------------------------------------------------------------------------
	NAVIGATION
------------------------------------------------------------------------
*/

ul.box-nav{
	float:left;
	list-style-type:none;
	padding:20px 0 0 0;
	background:url(images/pix-line.png) repeat-x top;
	font-size:11px;
}
#content-inner ul.box-nav{
	width:960px;
	margin:0 0 50px 15px;
}
#content-inner-page ul.box-nav{
	width:620px;
	margin:0 0 50px 0px;
}
ul.box-nav li{
	float:left;
}
ul.box-nav li p{
	float:left;
	margin:0px 10px 0 0px;
}
ul.box-nav li a,
ul.box-nav li a:active 
ul.box-nav li a:visited{
    float:left;
	height:21px;
	margin:0 5px 0 0;
	width:21px;
	color:#333;
	padding:0px 0px 0px 0px;
	text-align:center;
	text-decoration:none;
	font-size:11px;
}
ul.box-nav li a:hover,
ul.box-nav li a.active{
	background:#4c4c4c;
	color:#fff;
}
ul.box-nav li a.prev{
    float:left;
	height:21px;
	width:40px;
	color:#333;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-size:11px;
}
ul.box-nav li a.next{ 
    float:left;
	height:21px;
	width:40px;
	color:#333;
	padding:0px 0px 0px 0px;
	text-align:center;
	font-size:11px;

}
ul.box-nav li a.prev:hover,
ul.box-nav li a.next:hover{
	background:#4c4c4c;
	color:#fff;
}

/*
------------------------------------------------------------------------
	LOGIN BOX
------------------------------------------------------------------------
*/

div#login-box{
	width:280px;
	margin: 0 auto;
	position:relative;
	height:180px;
	padding:20px;
	background:#eee;
	border:10px solid #fff;
	z-index:9999;
	-moz-box-shadow:0px 0px 4px #222;
	-webkit-box-shadow:0px 0px 4px #222;
	box-shadow:0px 0px 4px #222;
	display:none;
}
div#login-box h3{
	float:left;
	width:100%;
	font-size:20px;
	margin:0px 0 6px 0px;
	color:#222;
}
div#login-box .input-1{
	float:left;
	width:274px;
	height:34px;
	padding:0px 0 0 4px;	
	margin:0px 0 10px 0px;
	background:#fff;
	border:1px solid #ccc;
	color:#222;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius:5px;
}
div#login-box p{
	float:left;
	width:100%;
	margin:0px 0 8px 0px;
	color:#222;
}
div.login-submit{
	width:100%;
	height:34px;
	float:left;
	margin:0 0 0px 0px;
	color:#222;
}
div.login-submit a,
div.login-submit a:active,
div.login-submit a:visited{
	color:#222;
	float:left;
	margin:4px 0 0 0px;
	text-decoration:underline;
	font-weight:bold;
}
div.login-submit a:hover{
	text-decoration:none;
}
div.login-submit #login-btn,
div.login-submit #signup-btn{
	width:80px;
	height:34px;
	float:right;
	padding:0 0 2px 0;
	cursor:pointer;
	background:url(images/btn-small.png) no-repeat;
	color:#070f17;
	border:none;
}
div.login-submit #login-btn:hover,
div.login-submit #signup-btn:hover{
	background-position: 0 -34px;
	color:#fff;
}
div#login-box a#login-close{
	width:28px;
	height:28px;
	position:absolute;
	top:-5px;
	right:-5px;
	background:url(images/close-btn.png) no-repeat;
}
div#overlay{
	position:fixed;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:100%;
	background:#000;
}

/*
------------------------------------------------------------------------
	LIVE VALIDATION
------------------------------------------------------------------------
*/

/* 
	BASIC
*/
form#contactform .LV_validation_message{
    font-weight:bold;
	float:right;
	padding-right:130px;
}
form#contactform  .LV_valid {
    color:#00CC00;
}
form#contactform span.LV_invalid {
    display:none;
} 
form#contactform .LV_valid_field,
form#contactform input.LV_valid_field:hover, 
form#contactform input.LV_valid_field:active,
form#contactform textarea.LV_valid_field:hover, 
form#contactform textarea.LV_valid_field:active {
}  
form#contactform .LV_invalid_field, 
form#contactform input.LV_invalid_field:hover, 
form#contactform input.LV_invalid_field:active,
form#contactform textarea.LV_invalid_field:hover, 
form#contactform textarea.LV_invalid_field:active,
form#contactform select.LV_invalid_field:active,
form#contactform select.LV_invalid_field:hover  {
     border:1px solid #ff8b8b;
	 background:url(images/form-error-bg.png) repeat;
}

/*
	FOOTER
*/

form#footer-form .LV_validation_message{
    font-weight:bold;
	float:right;
	padding-right:130px;
}
form#footer-form  .LV_valid {
    color:#00CC00;
}
form#footer-form span.LV_invalid {
    display:none;
} 
form#footer-form .LV_valid_field,
form#footer-form input.LV_valid_field:hover, 
form#footer-form input.LV_valid_field:active,
form#footer-form textarea.LV_valid_field:hover, 
form#footer-form textarea.LV_valid_field:active {
}  
form#footer-form .LV_invalid_field, 
form#footer-form input.LV_invalid_field:hover, 
form#footer-form input.LV_invalid_field:active,
form#footer-form textarea.LV_invalid_field:hover, 
form#footer-form textarea.LV_invalid_field:active,
form#footer-form select.LV_invalid_field:active,
form#footer-form select.LV_invalid_field:hover  {
	 background:#666;
}

/*
------------------------------------------------------------------------
	MISC
------------------------------------------------------------------------
*/

.spacer{
	float:left;
	width:100%;
	height:10px;
}
.imgwrap{
	float:left;
	background:#fff;
	border:1px solid #ccc;
	padding:4px;
	position:relative;
	-moz-box-shadow:1px 1px 6px #ddd;
	-webkit-box-shadow:1px 1px 6px #ddd;
	box-shadow:1px 1px 6px #ddd;
}
.imgwrap-theme{
	float:left;
	background:#fff url(images/loaders/24.gif) no-repeat center center;
	border:1px solid #ccc;
	padding:2px;
	position:relative;
	-moz-box-shadow:1px 1px 6px #ddd;
	-webkit-box-shadow:1px 1px 6px #ddd;
	box-shadow:1px 1px 6px #ddd;
}
span.lightbox-tip{
	width:30px;
	height:30px;
	background:url(images/enlarge.png) no-repeat;
	z-index:1000;
	color:#FFF;
	position:absolute;
	right:4px;
	bottom:4px;
	text-align:center;
}
div.gallery-box span.lightbox-tip{
	bottom:40px;
}
.corners{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
.shadow{
	-moz-box-shadow:0px 0px 4px #ccc;
	-webkit-box-shadow:0px 0px 4px #ccc;
	box-shadow:0px 0px 4px #ccc;
}
span.shadow-240{
	width:240px;
	height:5px;
	position:absolute;
	bottom:-5px;
	left:0;
	background:url(images/shadow/240.png) no-repeat;
	opacity:0.6;
	filter:alpha(opacity=60);
	display:none;		
}
span.shadow-300{
	width:300px;
	height:5px;
	position:absolute;
	bottom:-5px;
	left:0;
	background:url(images/shadow/300.png) no-repeat;
	opacity:0.6;
	filter:alpha(opacity=60);
	display:none;		
}
span.shadow-450{
	width:450px;
	height:5px;
	position:absolute;
	bottom:-5px;
	left:0;
	background:url(images/shadow/450.png) no-repeat;
	opacity:0.6;
	filter:alpha(opacity=60);
	display:none;		
}
span.shadow-620{
	width:620px;
	height:5px;
	position:absolute;
	bottom:-5px;
	left:0;
	background:url(images/shadow/620.png) no-repeat;
	opacity:0.6;
	filter:alpha(opacity=60);
	display:none;		
}

/*
------------------------------------------------------------------------
	CUSTOM CODE ADDED BY DEVELOPER
------------------------------------------------------------------------
*/

/*
------------------------------------------------------------------------
	WHMCS CONTENT
------------------------------------------------------------------------
*/

div#whmcs-content{
	width:100%;
	float:left;
}
div#whmcs-content-inner{
	width:990px;
	margin:0px auto;
	position:relative;
	padding:30px 0 0 0;
}
div#whmcs-content-inner-page{
	width:680px;
	float:left;
	margin:0 0 0 15px;
}
div.whmcs-page-box{
	width:100%;
	float:left;
	margin:0 0 50px 0;
}
div.whmcs-page-box h2{
	width:620px;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 20px 0px;
	padding:0 0 20px 0;
	background:url(images/pix-line.png) repeat-x bottom;
}
div.whmcs-page-box p{
	width:620px;
	float:left;
}

/*
	1 COL (on a full 960 layout)
*/

div.whmcs-1col{
	width:960px;
	float:left;
	position:relative;
	margin:0 15px 0px 15px;
}
div.whmcs-1col h2{
	width:100%;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 10px 0px;
}
div.whmcs-1col h3{
	width:100%;
	float:left;
	font-size:16px;
	font-weight:normal;
	margin:0 0px 10px 0px;
}
div.whmcs-1col img{
	float:left;
	padding:0;
}
div.whmcs-1col p{
	width:100%;
	float:left;
	margin:0 0px 10px 0px;
}

/*
------------------------------------------------------------------------
	6 COLS (on a full 960 layout)
------------------------------------------------------------------------
*/

div.content-6col{
	width:132px;
	float:left;
	position:relative;
	margin:0 15px 50px 15px;
}
div.content-6col h2{
	width:100%;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 10px 0px;
}
div.content-6col h3{
	width:100%;
	float:left;
	font-size:16px;
	font-weight:normal;
	margin:0 0px 10px 0px;
	padding:0 0 0px 0;
}
div.content-6col p{
	float:left;
	margin:0;
}
div.content-6col img.icon{
	float:left;
	margin:7px 20px 0px 0;
	
}
div.content-6col img.whmcs{
	float:left;
	margin:12px 2px 0px 25px;
	
}

/*
------------------------------------------------------------------------
	NETWORK PROVIDERS
------------------------------------------------------------------------
*/

#network{
	height:50px;
	margin:0 auto;
	width:960px;
}
#network #optus{
	background: url(images/network/optus.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 0px 10px -18px;
}
#network #optus:hover{ 
	background-position: 0 -40px;
}
#network #uecomm{
	background: url(images/network/uecomm.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 5px 10px -5px;
}
#network #uecomm:hover{ 
	background-position: 0 -40px;
}
#network #soul{
	background: url(images/network/soul.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 5px 10px 10px;
}
#network #soul:hover{ 
	background-position: 0 -40px;
}
#network #simtronic{
	background: url(images/network/simtronic.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 5px 10px 5px;
}
#network #simtronic:hover{ 
	background-position: 0 -40px;
}
#network #pipe{
	background: url(images/network/pipe.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 10px 10px 8px;
}
#network #pipe:hover{ 
	background-position: 0 -40px;
}
#network #platform{
	background: url(images/network/platform.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 7px 10px 7px;
}
#network #platform:hover{ 
	background-position: 0 -40px;
}
#network #oneprovider{
	background: url(images/network/oneprovider.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 5px 10px 7px;
}
#network #oneprovider:hover{ 
	background-position: 0 -40px;
}
#network #globalswitch{
	background: url(images/network/globalswitch.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 5px 10px -5px;
}
#network #globalswitch:hover{ 
	background-position: 0 -40px;
}
#network #equinix{
	background: url(images/network/equinix.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px -17px 10px -15px;
}
#network #equinix:hover{ 
	background-position: 0 -40px;
}

/*
------------------------------------------------------------------------
	SYSTEMS
------------------------------------------------------------------------
*/

#systems{
	height:50px;
	margin:0 auto;
	width:960px;
	margin-left:12px;
}
#systems #intel{
	background: url(images/systems/intel.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 1px 5px -33px;
}
#systems #intel:hover{ 
	background-position: 0 -40px;
}
#systems #dell{
	background: url(images/systems/dell.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 5px 5px -15px;
}
#systems #dell:hover{ 
	background-position: 0 -40px;
}
#systems #ibm{
	background: url(images/systems/ibm.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 5px 5px -5px;
}
#systems #ibm:hover{ 
	background-position: 0 -40px;
}
#systems #vmware{
	background: url(images/systems/vmware.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 10px 5px 7px;
}
#systems #vmware:hover{ 
	background-position: 0 -40px;
}
#systems #centos{
	background: url(images/systems/centos.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 10px 5px 0px;
}
#systems #centos:hover{ 
	background-position: 0 -40px;
}
#systems #microsoft{
	background: url(images/systems/microsoft.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 10px 5px 0px;
}
#systems #microsoft:hover{ 
	background-position: 0 -40px;
}
#systems #windows{
	background: url(images/systems/windows.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 0px 5px 10px;
}
#systems #windows:hover{ 
	background-position: 0 -40px;
}
#systems #juniper{
	background: url(images/systems/juniper.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 0px 5px 10px;
}
#systems #juniper:hover{ 
	background-position: 0 -40px;
}
#systems #cloudlinux{
	background: url(images/systems/cloudlinux.gif) no-repeat 0 0;
	height:40px;
	width:118px;
	display:block;
	float:left;
	margin:10px 10px 5px -10px;
}
#systems #cloudlinux:hover{ 
	background-position: 0 -40px;
}

/*
------------------------------------------------------------------------
	HEADER BOTTOM
------------------------------------------------------------------------
*/

div#header-bottom-systems{
	width:100%;
	height:60px;
	float:left;
	background:#fff;
	position:relative;
}

/*
------------------------------------------------------------------------
	FOOTER TOP
------------------------------------------------------------------------
*/

div#footer-top-empty{
	width:100%;
	float:left;
	height:0px;
	position:relative;
	background:#fff;
}
div#footer-top-network{
	width:100%;
	float:left;
	height:60px;
	position:relative;
	background:#fff;
}

/*
------------------------------------------------------------------------
	DIV SEPARATORS
------------------------------------------------------------------------
*/

div.content-sep{
	width:960px;
	float:left;
	position:relative;
	margin:0 15px 10px 15px;
}
div.content-sep-whmcs{
	width:960px;
	float:left;
	position:relative;
	margin:0 15px 10px 15px;
}

/*
------------------------------------------------------------------------
	WHMCS BREADCRUMBS
------------------------------------------------------------------------
*/

div#header-bottom-whmcs{
	width:100%;
	height:40px;
	float:left;
	background:#fff;
	position:relative;
}
div#header-bottom-inner-whmcs{
	width:960px;
	height:40px;
	margin:0 auto;
	position:relative;
}
div#header-bottom-inner-whmcs whmcs-breadcrumbs{
	float:left;
	position:absolute;
	top:30px;
	left:15px;
	font-size:11px;
	color:#ccc;
}
div#content-full div#header-bottom-inner-whmcs whmcs-breadcrumbs{
	width:100%;
	float:left;
	position:absolute;
	top:25px;
	left:0;
	font-size:11px;
	color:#ccc;
}
div#header-bottom-inner-whmcs whmcs-breadcrumbs a,
div#header-bottom-inner-whmcs whmcs-breadcrumbs a:visited,
div#header-bottom-inner-whmcs whmcs-breadcrumbs a:active{
   font-size:11px;
   color:#ccc;
}

/*
------------------------------------------------------------------------
	WHMCS CONTACT
------------------------------------------------------------------------
*/

form#whmcs-contactform{
	width:578px;
	float:left;
	margin:20px 0 0 183px;
	padding:20px;
	background:#fff;
	border:1px solid #ccc;
}
form#whmcs-contactform label{
	width:178px;
	float:left;
	margin:6px 0 0 0;
}
form#whmcs-contactform .contact-input{
	width:390px;
	float:left;
	margin:0 0 10px 0;
	height:24px;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
}
form#whmcs-contactform .contact-textarea{
	width:390px;
	float:left;
	margin:0 0 10px 0;
	height:140px;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
    overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
form#whmcs-contactform #submit{
	width:80px;
	float:left;
	margin:0px 0 0px 178px;
	height:34px;
	float:left;
	background:url(images/btn-small.png) no-repeat;
	border:none;
	padding:0px 0 0px 0px;
	color:#666;
	cursor:pointer;
}
form#whmcs-contactform #submit:hover{
	background-position: 0 -34px;
	color:#fff;
}

/*
------------------------------------------------------------------------
	WHMCS LOGIN
------------------------------------------------------------------------
*/

form#whmcs-loginform{
	width:578px;
	float:left;
	margin:20px 0 0 0px;
	padding:20px;
	background:#fff;
	border:1px solid #ccc;
}
form#whmcs-loginform label{
	width:178px;
	float:left;
	margin:6px 0 0 0;
}
form#whmcs-loginform .login-input{
	width:390px;
	float:left;
	margin:0 0 10px 0;
	height:24px;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
}
form#whmcs-loginform .login-checkbox{
	width:px;
	display: block;
	float:left;
	margin:5px 0 10px 0;
	height:24px;
	padding:5px 0 3px 8px;
	background:#eee;
	border:1px solid #ccc;
	color:#666;
}
form#whmcs-loginform .login-textarea{
	width:390px;
	float:left;
	margin:0 0 10px 0;
	height:140px;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
    overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
form#whmcs-loginform #submit{
	width:80px;
	float:left;
	margin:-5px 0 0 176px;
	height:34px;
	float:left;
	background:url(images/btn-small.png) no-repeat;
	border:none;
	padding:0 0 0 0;
	color:#666;
	cursor:pointer;
}
form#whmcs-loginform #submit:hover{
	background-position: 0 -34px;
	color:#fff;
}

/*
------------------------------------------------------------------------
	WHMCS SIDE LOGIN
------------------------------------------------------------------------
*/

form#side-loginform{
	width:210px;
	float:left;
	margin:0 0 0 0;
	padding:20px;
	background:#fff;
	border:1px solid #ccc;
}
form#side-loginform label{
	width:50px;
	float:left;
	margin:6px 0 0 0;
}
form#side-loginform .login-input{
	width:150px;
	float:left;
	margin:0 0 10px 0;
	height:24px;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
}
form#side-loginform .login-checkbox{
	width:150px;
	float:left;
	margin:-25px 170px 10px -8px;
	height:24px;
	padding:5px 0 3px 8px;
	background:#eee;
	border:1px solid #ccc;
	color:#666;
}
form#side-loginform .login-textarea{
	width:150px;
	float:left;
	margin:0 0 10px 0;
	height:140px;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
    overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
form#side-loginform #submit{
	width:80px;
	float:left;
	margin:0px 0 0px 178px;
	height:34px;
	float:left;
	background:url(images/btn-small.png) no-repeat;
	border:none;
	padding:0px 0 0px 0px;
	color:#666;
	cursor:pointer;
}
form#side-loginform #submit:hover{
	background-position: 0 -34px;
	color:#fff;
}

/*
------------------------------------------------------------------------
	CONTENT
------------------------------------------------------------------------
*/

div#whmcs-content{
	width:100%;
	float:left;
}
div#whmcs-content-inner{
	width:990px;
	margin:0px auto;
	position:relative;
	padding:50px 0 0 0;
}
div#whmcs-content-inner-page{
	width:680px;
	float:left;
	margin:0 0 0 15px;
}
div.whmcs-page-box{
	width:100%;
	float:left;
	margin:0 0 50px 0;
}
div.whmcs-page-box h2{
	width:620px;
	float:left;
	font-size:24px;
	font-weight:normal;
	margin:0 0px 20px 0px;
	padding:0 0 20px 0;
	background:url(images/pix-line.png) repeat-x bottom;
}
div.whmcs-page-box p{
	width:620px;
	float:left;
}


/*
------------------------------------------------------------------------
	WHMCS-SPECIFIC STYLING
------------------------------------------------------------------------
*/

/* LEGEND */

.clientareatableactive{
	background-color:#DFFFE0
}
.clientareatablepending{
	background-color:#EFEFEF
}
.clientareatablesuspended{
	background-color:#FFF6CF
}
.clientareatableterminated{
	background-color:#FFCFCF
}

/*  TABLES */

table.data tr.clientareatableactive td{
	background-color:#DFFFE0 !important;
}
table.data tr.clientareatablepending td{
	background-color:#EFEFEF !important;
}
table.data tr.clientareatablesuspended td{
	background-color:#FFF6CF !important;
}
table.data tr.clientareatableterminated td{
	background-color:#FFCFCF !important;
}
table.data{
	margin:0 0 10px;
	padding:0;
}
table.data td{
	border-bottom:1px solid #EBEBEB;
	padding:10px 10px 10px 10px;
}
table.data th{
	background-color:#888;
	border-bottom:1px solid #333;
	color:#FFF;
	font-weight:400;
	padding:10px 10px 10px 10px;
}
table.data th a {
	color:#FFF;
}

table.data_clear{
	margin:0 0 10px;
	padding:0;
}
table.data_clear td{
	border-bottom:1px solid #EBEBEB;
	padding:10px 10px 10px 10px;
}
table.data_clear th{
	background-color:#888;
	border-bottom:1px solid #333;
	color:#FFF;
	font-weight:400;
	padding:10px 10px 10px 10px;
}
table.data_clear th a {
	color:#FFF;
}

table.logindata{
	margin:0 0 10px;
	padding:0;
}
table.logindata td{
	border-bottom:1px solid #EBEBEB;
}
table.logindata th{
	background-color:#888;
	border-bottom:1px solid #333;
	color:#FFF;
	font-weight:400;
}
table.logindata th a {
	color:#FFF;
}
table.logindata tr.clientareatableactive td{
	background-color:#DFFFE0 !important;
}
table.logindata tr.clientareatablepending td{
	background-color:#EFEFEF !important;
}
table.logindata tr.clientareatablesuspended td{
	background-color:#FFF6CF !important;
}
table.logindata tr.clientareatableterminated td{
	background-color:#FFCFCF !important;
}

/* TICKETS */

.clientticketreplyheader{
	background-color:#EBEBEB;
	color:#333;
	padding:10px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #EBEBEB;
	border-left:1px solid #CCC;
	width:600px;
}
.clientticketreply{
	background-color:#F5F5F5;
	margin:0 0 10px;
	padding:10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	width:600px;	
}
.adminticketreplyheader{
	background-color:#EBEBEB;
	color:#333;
	padding:10px;
	margin:0 58px 0 0;
	border-top:1px solid #eb9c12;
	border-right:1px solid #eb9c12;
	border-bottom:1px solid #eb9c12;
	border-left:1px solid #eb9c12;
	width:600px;	
}
.adminticketreply{
	background-color:#F5F5F5;
	padding:10px;
	margin:0 0 10px;
	border-right:1px solid #eb9c12;
	border-bottom:1px solid #eb9c12;
	border-left:1px solid #eb9c12;
	width:600px;	
}
.networkissueaffected{
	margin: 0 0 10px;
}
.textgreen{
	color:#158F00;
}
.textred{
	color:#9F0000;
}

/* ERROR BOX */

.errorbox{
	width:600px;	
	border: 1px solid #840219;
	background-color:#d70429;
	padding:10px;
	margin:0 0 10px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	list-style:none;	
}

/* SUCCESS BOX */

.successbox {
	width:600px;
	border: 1px solid #276000;
	font-weight: bold;
	background-color:#42a400;
	text-align: center;
	padding: 10px;
	color: #ffffff;
	list-style:none;	
}

/* KB & FAQ */

.kbarticle {
	width: 600px;
	padding: 2px 5px 5px 15px;
}
.kbviews {
	color:#A8A8A8;
	font-size:10px;
}
.kbalsoread {
	width: 600px;
	padding: 5px 5px 5px 15px;
	background-color: #F5F5F5;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

/* SIDE SHOPPING CART */

table.data1{
	font-family:Ariel;
	margin:0px 0;
	padding:0;
}
table.data1 tr td{
	border-bottom:1px solid #EBEBEB;
	color:#666;
	padding:1px;
}
table.data1 tr th{
	border-bottom:3px solid #888;
	color:#FFF;
	font-weight:700;
	padding:0px;
	text-align:center;
}
table.data1 tr.basketheader td{
	background-color:#bf0000 !important;
	color:#fff;
	font-size:12px;
	font-weight:700;
	height:25px;
	text-align:center;
}
table.data1 tr.baskettabledue td{
	background-color:#E7FFDA !important;
	color:#333;
	font-size:10px;
	font-weight:700;
	height:20px;
}
table.data1 tr.baskettableproduct td{
	background-color:#FFF;
	color:#666;
	padding:10px;
}
table.data1 tr.basketmessage td{
	background-color:#F5F5F5 !important;
	color:#333;
	font-weight:100;
	height:10px;
	text-align:center;
}
table.data1 tr.basketlinks td{
	background-color:#F5F5F5 !important;
	color:#333;
	font-weight:700;
	height:20px;
	text-align:center;
}

/*
------------------------------------------------------------------------
	CLIENT DETAILS
------------------------------------------------------------------------
*/

form#clientdetails{
	width:578px;
	float:left;
	margin:20px 0 0 0;
	padding:20px;
	background:#fff;
	border:1px solid #ccc;
}
form#clientdetails label{
	width:178px;
	float:left;
	margin:6px 0 0 0;
}
form#clientdetails .contact-input{
	width:390px;
	float:left;
	margin:0 0 10px 0;
	height:24px;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
}
form#clientdetails .contact-textarea{
	width:390px;
	float:left;
	margin:0 0 10px 0;
	height:140px;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
    overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
form#clientdetails #submit{
	width:80px;
	float:left;
	margin:0px 0 0px 178px;
	height:34px;
	float:left;
	background:url(images/btn-small.png) no-repeat;
	border:none;
	padding:0px 0 0px 0px;
	color:#666;
	cursor:pointer;
}
form#clientdetails #submit:hover{
	background-position: 0 -34px;
	color:#fff;
}

/*
------------------------------------------------------------------------
	SUPPORT TICKETS
------------------------------------------------------------------------
*/

form#supportform{
	width:578px;
	float:left;
	margin:20px 0 0 0;
	padding:20px;
	background:#fff;
	border:1px solid #ccc;
}
form#supportform label{
	width:178px;
	float:left;
	margin:6px 0 0 0;
}
form#supportform .support-input{
	width:390px;
	float:left;
	margin:0 0 10px 0;
	height:24px;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
}
form#supportform .support-textarea{
	width:390px;
	float:left;
	margin:0 0 10px 0;
	height:140px;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
    overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
form#supportform .support-dropdown{
	width:400px;
	float:left;
	margin:0 0 10px 0;
	padding:3px 0 3px 8px;	
	background:#eee;
	border:1px solid #ccc;
	color:#666;
    overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}
form#supportform #submit{
	width:80px;
	float:left;
	margin:0px 0 0px 178px;
	height:34px;
	float:left;
	background:url(images/btn-small.png) no-repeat;
	border:none;
	padding:0px 0 0px 0px;
	color:#666;
	cursor:pointer;
}
form#supportform #submit:hover{
	background-position: 0 -34px;
	color:#fff;
}

/*
------------------------------------------------------------------------
	SERVICE FAQ
------------------------------------------------------------------------
*/

div.servicefaq-box-wrap{
	width:100%;
	float:left;
	margin:-30px 0px 50px 0;
}
div.servicefaq-box{
	width:258px;
	float:left;
	margin:0 20px 20px 0;
	padding:20px;
	position:relative;
	background:#fff;
	border:1px solid #ccc;
}
div.servicefaq-box img{
	width:210px;
	height:150px;
	float:left;
	margin:0 10px 0px 20px;
}
div.servicefaq-box h3{
	width:216px;
	float:left;
	font-size:16px;
	margin:6px 0 0 0;
	font-weight:normal;
}
div.servicefaq-box p{
	width:258px;
	float:left;
	margin:10px 0 0 0;
}
div.servicefaq-box .readmore{
	float:left;
	margin:10px 0 0 0;
	font-weight:bold;
}

/*
------------------------------------------------------------------------
	TOP OF THE PAGE ANCHORS
------------------------------------------------------------------------
*/

div.topofthepage {
  text-align: right;
  padding: 0.3em 0 0.2em 0;
}

.topofthepage a {
  padding-right: 12px;
  font-weight: normal;  
  background: url(images/icons/10/topofthepage.png) no-repeat right center;
}

/*
------------------------------------------------------------------------
	BUTTONS (STAND ALONE)
------------------------------------------------------------------------
*/

.btn_small_grey{
	width:80px;
	float:right;
	position:relative;
	left:-20px;
	line-height:33px!important;
	margin:0px 0px 0px 0px;
	text-align:center;
	text-decoration:none!important;
	font-weight: bold;
	height:34px;
	background:url(images/btn-small.png) no-repeat;
	border:none;
	color:#666;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	display:inline-block;
}
.btn_small_grey:hover{
	background-position: 0 -34px;
	color:#fff;
}

.btn_small{
	width:80px;
	float:right;
	position:relative;
	line-height:33px!important;
	margin:0px 0px 0px 0px;
	text-align:center;
	text-decoration:none!important;
	height:34px;
	background:url(images/btn-small.png) no-repeat;
	border:none;
	color:#666;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	display:inline-block;
}
.btn_small:hover{
	background-position: 0 -34px;
	color:#fff;
}

.btn_small_shop{
	width:80px;
	float:right;
	position:relative;
	line-height:33px!important;
	margin:-5px 5px 0px 0px;
	text-align:center;
	text-decoration:none!important;
	height:34px;
	background:url(images/btn-small.png) no-repeat;
	border:none;
	color:#666;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	display:inline-block;
}
.btn_small_shop:hover{
	background-position: 0 -34px;
	color:#fff;
}

.btn_small_cz{
	width:80px;
	position:relative;
	line-height:33px!important;
	margin:-5px 5px 0px 0px;
	text-align:center;
	text-decoration:none!important;
	height:34px;
	background:url(images/btn-small.png) no-repeat;
	border:none;
	color:#666;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	display:inline-block;
}
.btn_small_cz:hover{
	background-position: 0 -34px;
	color:#fff;
}

.btn_small_orange{
	width:80px;
	float:right;
	position:relative;
	left:-20px;
	line-height:33px!important;
	margin:0px 0px 0px 0px;
	text-align:center;
	text-decoration:none!important;
	font-weight: bold;
	height:34px;
	background:url(images/btn-small-orange.png) no-repeat;
	border:none;
	color:#666;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	display:inline-block;
}
.btn_small_orange:hover{
	background-position: 0 -34px;
	color:#fff;
}

/*
------------------------------------------------------------------------
	ICONS for SIDEBAR
------------------------------------------------------------------------
*/

.icon_facebook{
	width:48px;
	position:relative;
	left:0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	text-decoration:none!important;
	font-weight: bold;
	height:48px;
	background:url(images/facebook-icon.png) no-repeat;
	border:none;
	color:#666;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	display:inline-block;
}
.icon_facebook:hover{
	background-position: 0 -48px;
	color:#fff;
}

.icon_twitter{
	width:48px;
	position:relative;
	left:0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	text-decoration:none!important;
	font-weight: bold;
	height:48px;
	background:url(images/twitter-icon.png) no-repeat;
	border:none;
	color:#666;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	display:inline-block;
}
.icon_twitter:hover{
	background-position: 0 -48px;
	color:#fff;
}

.icon_rss{
	width:48px;
	position:relative;
	left:0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	text-decoration:none!important;
	font-weight: bold;
	height:48px;
	background:url(images/rss-icon.png) no-repeat;
	border:none;
	color:#666;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	display:inline-block;
}
.icon_rss:hover{
	background-position: 0 -48px;
	color:#fff;
}

/*
------------------------------------------------------------------------
	GALLERY-IMAGE-ONLY
------------------------------------------------------------------------
*/

div.gallery-io-box{
	width:210px;
	float:left;
	margin:0px 11px 27px 15px;
	padding:4px;
	background:#fff url(images/loaders/24.gif) no-repeat center center;
	border:1px solid #ccc;
	position:relative;
	-moz-box-shadow:1px 1px 6px #ddd;
	-webkit-box-shadow:1px 1px 6px #ddd;
	box-shadow:1px 1px 6px #ddd;
	behavior: url(PIE.php);
}
div.gallery-io-box img{
	width:210px;
	height:150px;
	float:left;
	margin:0px 0px 0px 0px;
}
div.gallery-io-box h2{
	width:210px;
	float:left;
	text-align:center;
	font-size:14px;
	margin:0px 0 4px 0;
	padding:5px 0 5px 0;
	background:#eee;
	font-weight:normal;
}

/*
------------------------------------------------------------------------
	SPACERS
------------------------------------------------------------------------
*/

.space1 { height: 1px; }
.space2 { height: 2px; }
.space3 { height: 3px; }
.space4 { height: 4px; }
.space5 { height: 5px; }
.space6 { height: 6px; }
.space7 { height: 7px; }
.space8 { height: 8px; }
.space9 { height: 9px; }
.space10 { height: 10px; }
.space11 { height: 11px; }
.space12 { height: 12px; }
.space13 { height: 13px; }
.space14 { height: 14px; }
.space15 { height: 15px; }
.space16 { height: 16px; }
.space17 { height: 17px; }
.space18 { height: 18px; }
.space19 { height: 19px; }
.space20 { height: 20px; }
.space21 { height: 21px; }
.space22 { height: 22px; }
.space23 { height: 23px; }
.space24 { height: 24px; }
.space25 { height: 25px; }
.space26 { height: 26px; }
.space27 { height: 27px; }
.space28 { height: 28px; }
.space29 { height: 29px; }
.space30 { height: 30px; }
.space40 { height: 40px; }
.space50 { height: 50px; }
.space75 { height: 75px; }
.space100 { height: 100px; }