/* 

Weblitx - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%}
body {
	font-family:Verdana, Arial, Tahoma;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#474747;
	height:100%;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	margin:0px 0px 6px 0px;
	padding:0px;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;	font-family:Tahoma, Arial, Verdana;	font-weight:normal; color:#e07e29}
h1 {font-size:30px;}
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;font-weight:bold;}
h5 {font-size:12px; margin:3px 0px; padding:0px; font-weight:bold; letter-spacing:1px;}

/* links */
a {color:#e07e29;text-decoration:underline;}
a:hover{color:#ee9b52;}
a img{border:none}
.imgleft{float:left; padding-right:5px;}
.imgright{float:right; padding-left:5px;}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#474747;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#333;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quote.gif);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#main_container{ background-image:url(../images/bg_container2.gif); background-repeat:repeat-x; background-color:#fff; min-height:82%;}
#main_container_inner{ background-image:url(../images/bg_container_inner.gif); background-repeat:repeat-x; background-color:#fff; min-height:82%;}
#bottom_container{
	background-image:url(../images/bg_container_bottom3.gif);
	background-repeat:repeat-x;
	height:400px;
}
/*** END OF CONTAINER ***/

/*** CU3ER ***/
#cube-layout {
	width:980px;
	height:500px;
	background-image:url(../images/cube_bg.png);
	background-repeat:no-repeat;
}
#cu3er-container {
	width:980px;
	outline:0;
	margin-top:20px;
	margin-bottom:50px;
}
/*** END OF CU3ER ***/

/*** CENTERCOLUMN ***/
#centercolumn{width:990px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/

/*** TOP ***/
#top{ height:100px; width:990px;}
#logo{ width:320px; float:left;}
#pad_logo{ padding:0px 0px 0px 20px;}
#topmenu{width:670px; float:left; height:100px;}
/* Top Navigation bar menu styling */
#nav {margin:0px; padding:36px 0px 0px 0px; float:right;}
#nav ul{ 
	padding:0;
	margin:0;
	width:auto;
	list-style: none;
	height:30px;
	position: relative;
	float:right;
}
#nav li{
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	font:normal 12px Arial;
	line-height:26px;
}
#nav .lavaLamp li a {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 20px;
	color:#cac9c9;
	text-decoration:none;
}
#nav .lavaLamp li a:hover {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 20px; 
	color:#e4a166;
}
#nav .lavaLamp li .active {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 20px; 
	color:#e4a166;
}
#nav .lavaLamp li.back {
	background: url(../images/lava.png) no-repeat right -29px;
	width: 9px; height: 29px;
	z-index: 8;
	position: absolute;
}
#nav .lavaLamp li.back .left {
	background: url(../images/lava.png) no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}
/*** END OF TOP ***/

/*** CONTENT ***/
#content{background-image:url(../images/bg_content.png); background-repeat:no-repeat; width:990px;}
#padding_content{ padding:30px 25px 30px 25px; float:left}
#topcontent{padding:0px 0px 20px 0px;}
.boxtop{ width:320px; float:left; padding:0px 0px 0px 0px;}
.linetop{background-image:url(../images/linebox.gif); background-position:center; background-repeat:no-repeat; height:112px; width:40px; float:left;}
#maincontent{ padding:0px 0px 0px 0px;}
/* home */
.home{width:960px; float:left;}
/* Plan Features */
.plan_features{ padding:0px 0px 0px 20px;}
.plan_features ul{margin: 0px 0px 0px 0px;}
.plan_features li {
	float:left;
	font-size:12px;
	color:#474747;
	line-height:20px;
}
/* main */
#main{width:630px; float:left;}
.maintext{padding:0px 40px 0px 0px}
#maintext_portfolio{padding:0px 0px 0px 0px}
/* side */
#side{width:300px; float:left; padding-left:0px;}
.sidebox{background-image:url(../images/c_top.gif); background-repeat:no-repeat; background-position:top; background-color:#ededed}
.c_bottomsidebox{background-image:url(../images/c_bottom.gif); background-repeat:no-repeat; background-position:bottom;}
.contentbox{padding:10px 10px 20px 10px; position:relative;}
.contentbox h2{color:#8b8b8b;}
.contentbox .strip{position:absolute !important; right:0; top:0; background-image:url(../images/strip.png); background-repeat:no-repeat; width:82px; height:82px;}
.sidetext{padding:0px 0px 25px 0px;}
ul.l1{margin:0px; padding:0px; list-style-type:none; font-size:14px;}
ul.l1 li{list-style-type:none; background-image:url(../images/arrow_large.gif); background-position:center left; background-repeat:no-repeat; border-bottom:solid 1px #e6e6e6; line-height:30px; padding:0px 20px}
ul.l1 li a, ul.l1 li a:visited{color:#474747; text-decoration:none;}
ul.l2{margin:0px; padding:0px; list-style-type:none;}
ul.l2 li{ float:left; padding:0px 10px 10px 0px;}
.but{vertical-align:middle;}
.inputbox01{width:190px; border:0px; vertical-align:top; padding:4px 4px 6px 3px; color:#999; background-image:url(../images/input01.gif); background-repeat:no-repeat;}
#promo {font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; font-weight:200;}

/* PRICING TABLE */
#plan_pricing {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:auto; width:707px; text-align:center; border-collapse:collapse;}
#plan_pricing th {margin:0px;}
#plan_pricing tr:hover td {background:#000000; color:#ffffff;}
#plan_pricing .firstrow {font-size:16px;}
#plan_pricing td {padding:10px; background:#e5a268; border:2px solid white;}
#plan_pricing .firstcol {background:#ffffff;}
#plan_pricing .firstcolodd {background:#e6e6e6;}
#plan_pricing .orangeodd {background:#feefe1;}
#plan_pricing .green {background:#bee2ca;}
#plan_pricing .greenodd {background:#e5f2e7;}
#plan_pricing tr .tblftr {padding:15px;}
/* END OF PRICING TABLE */

.textbig {font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}

/*** END OF CONTENT ***/

/*** FOOTER ***/
#footer{ width:990px; margin:0px auto; /* color:#cac9c9 */ !important}
/* #footer p, #footer ul{color:#cac9c9 !important} */
#foot{padding:45px 0px 0px 0px;}
#foot h3{color:#cac9c9;}
/* #foot a, #foot a:visited{color:#cac9c9; text-decoration:none;} */
#foot a:hover{text-decoration:underline;}

.footerbox {width:320px; height:230px; float:left; padding:0px 0px 0px 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#808080;}
.footerbox ul{list-style:none; padding:0px 0px 0px 0px; margin:0px; color:#808080;}
.footerbox ul li{list-style:square; padding:0px opx; margin:0px 0px 0px 30px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#808080; line-height:25px;}
.footerbox ul li a{text-decoration:none; font-size:14px; color:#808080;}
.footerbox ul li a:hover{text-decoration:underline; font-size:14px; color:#808080;}
.footerbox ul li a:visited{text-decoration:none; font-size:14px; color:#808080;}
#footerbtmleft {width:600px; float:left; padding:20px 0px 0px 0px;}
#footerbtmleft h2 {font-size:20px; color:#808080;}
#footerbtmright {width:350px; float:right; padding:20px 20px 0px 0px; font-size:10px; color:#808080; text-align:right;}
#footerbtmright a {text-decoration:none; color:#808080;}
#footerbtmright a:hover {text-decoration:underline; color:#808080;}
#footerbtmright a:visited {text-decoration:none; color:#808080;}
#phonenumber {font-size:24px; color:#808080; font-weight:bold;}
.social {float:left; margin:0px 15px 0px 0px;}

/* newsletter form */
.newsletterform {margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#808080; width:300px; text-align:left;}
.newsletterform label {min-width:50px; float:left; padding:0px; padding-left:0px; margin-left:18px; margin-top:10px;}
.newsinput {padding-left:2px; border:1px solid #808080; width:210px; height:18px; font-size:11px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; background-color:transparent; margin-top:10px;}
.newssubmit {margin-top:15px; margin-left:68px; background-image:url(../images/subscribe_but.png); width:70px; height:25px; background-repeat:no-repeat; border:none; cursor: pointer; background-color:transparent;}
.newssubmit:hover {background-image:url(../images/subscribeh_but.png);}

#footleft{float:left; width:420px; padding:10px 0px 0px 30px;}
#footleft ul{list-style-type:none; margin:0px; padding:10px 0px 0px 0px;}
#footleft ul li{list-style-type:none; display:inline; padding:0px 0px;}
#footleft ul li a{padding:0px 5px;}
#footright{float:left; width:540px;}
#footright #bookmark{float:right; padding:0px 20px 0px 0px ;}
#footright ul{list-style-type:none; margin:0px; padding:0px 0px 0px 0px;}
#footright ul li{list-style-type:none; float:left; margin-right:8px;}

/*** END OF FOOTER ***/