/******************

::::: TABLE OF CONTENTS :::::

1. miscellaneous
2. columns
3. CSS3 buttons
4. links
5. headings
6. paragraph
7. form styling
8. cod and pre
9. quotes
10. info/success/error boxes
11. typography
12. logo
13. up
14. top
15. slider_wp
16. slider_wp2
17. nav
18. main
19. content
20. box
21. footer
22. copyright
23. testimonials
24. typography lists
25. highlight types
26. service page
27. web hosting page
28. content left & right
29. sidebar left & right
30. tags
31. about page
32. plans
33. maps
34. contact form
35. contact form buttons

******************/

@charset "utf-8";
@import url("reset.css");

html,body
{
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
    overflow-x: hidden !important;
}
body {
	background: #f9f9f9;
	font-family: 'Droid Sans', sans-serif;
	color: #777;
	font-size:13px;
	line-height:25px;
}
body.login {
	height: auto;
}

/* 1. miscellaneous */
.wrap {
	width:960px;
	margin:0 auto;
}
.wrap2 {
	width: 200px;
	margin: 0 auto;
}
.clear {
	clear:both;
}
.alignleft {
	float:left;
	text-align:left;
}
.alignright {
	float:right;
	text-align:right;
}
.space {
	padding:30px 0;
}
.space2 {
	padding:10px 0;
}
.quote {
	font-style:italic;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
}
.nomargin {
	margin:0 !important;
}
.divider {
	background: url("images/divider.png") repeat-x;
	width:960px;
	height:2px;
	margin:40px 0;
}
span.dropcap {
	font-size:50px;
	line-height: 1;
	padding-right:10px;
	float: left;
	display: block;
}
p.mbox {
	text-shadow:none;
	margin:10px 0;
	padding:10px 0;
}
.image {
	background: #fff;
	border:1px solid #ddd;
	padding:3px;
}

/* 2. columns */
.one_half {
	float:left;
	width:47%;
	margin:0 6% 0 0;
}
.one_third {
	width:30%;
	float:left;
	margin-right:5%;
}
.two_thirds {
	float:left;
	width:65%;
	margin:0 5% 0 0;
}
.one_fourth {
	width:23%;
	float:left;
	margin-right:2.6%;
}
.one_fifth {
	float:left;
	width:18%;
	margin:0 2.5% 0 0;
}
.last {
	margin: 0 !important;
}

/* 4. links */
a {
	color: #07426a;
	text-decoration:none;
}
a:hover {
	color: #186599;
	text-decoration:none;
}

/* 5. headings */
h1 {
	font-size:30px;
}
h2 {
	font-size:27px;
}
h3 {
	font-size:24px;
}
h4 {
	font-size:21px;
}
h5 {
	font-size:18px;
}
h6 {
	font-size:15px;
}
h1, h2, h3, h4, h5, h6 {
	font-family:'Trebuchet Ms';
	color: #444;
	font-weight:bold;
	margin:2px 0 10px 0;
}

/* 6. paragraph */
p {
	font-family: 'Droid Sans', sans-serif;
	font-size:13px;
	line-height:25px;
	margin:0 0 10px 0;
	text-shadow:none;
	color: #777;
}

/* 7. form styling */
input,button,select,textarea{
	font:12px Arial, Helvetica, sans-serif; 
}

/* 8. cod and pre */
pre {
	background: #fff;
	border: 1px solid #ddd;
	padding:10px 20px;
	color: #555;
	margin:10px 0;
	float:left;
	width:920px;
	font-size:11px;
}

/* 9. quotes */
p.quote1 {
	background: url("images/quote1.png") no-repeat top left;
	padding:0 0 0 80px;
	font-style:italic;
}
p.quote2 {
	background: url("images/quote2.png") no-repeat top left;
	padding:0 0 0 80px;
	font-style:italic;
}

/* 10. info/success/error boxes */
.info {
	background: #b5e1ff;
	color: #2f9de8;
	width:100%;
	margin:1px;
	display:block;
	padding:10px;
	text-align:center;
	border-top:2px solid #7cc9ff;
	border-bottom:2px solid #7cc9ff;
}
.success {
	background: #d6f1c3;
	color:#6baf3c;
	width:100%;
	margin:1px;
	display:block;
	padding:10px;
	text-align:center;
	border-top:2px solid #c0e4a7;
	border-bottom:2px solid #c0e4a7;
}
.error2 {
	background: #ffb3b3;
	color:#d65151;
	width:100%;
	margin:1px;
	display:block;
	padding:10px;
	text-align:center;
	border-top:2px solid #fe7878;
	border-bottom:2px solid #fe7878;
}
.error {
	background: #ffb3b3;
	color:#d65151;
	width:300px;
	float:right;
	display:block;
	padding:5px 20px;
	text-align:center;
	border-top:2px solid #fe7878;
	border-bottom:2px solid #fe7878;
}
.error_wp {
	float:right;
	display:block;
}

/* 11. typography */
.typography img {
	margin-right:20px;
}
table.demotable {
	width:100%;
	font-size:11px;
	border:0;
}
.demotable tr th {
	background:#ccc;
	padding:10px 0;
}
.demotable tr td{
	background:#ececec;
	padding:4px 0;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.demotable tr td:hover{
	background:#e5e5e5;
}

/* 12. logo */
#logo {
	height:34px;
	width:188px;
	float:left;
	background:none;
	border:none;
	position:relative;
	margin-top:20px;
}
span#logo-span {
	display:block;
	text-align:right;
	width:188px;
}

#logo2 {
	height:34px;
	width:188px;
	float:left;
	background:none;
	border:none;
	position:relative;
	margin-top:120px;
}

/* 13. up */
#up {
	background: #0b0b0b;
	border-bottom:1px solid #202020;
	position:relative;
	width:100%;
}
#up p {
	padding:5px 0;
	margin:0;
	font-size:11px;
	color: #444;
	float:left;
}
#up ul {
	padding:5px 0;
	float:right;
}
#up ul li {
	float:left;
	font-size:11px;
	padding-left:30px;
}
#up ul li a {
	color: #444;
}
#up ul li a:hover {
	color: #666;
}

/* 14. top */
#top {
	background: #1b1b1b url("images/top.jpg") repeat bottom;
	border-bottom:1px solid #1267a1;
	position:relative;
	height:100px;
	width:100%;
}

#top2 {
	background: #1b1b1b url("images/top-login.jpg") repeat bottom;
	border-bottom:1px solid #1267a1;
	position:relative;
	height:200px;
	width:100%;
}

/* 15. slider_wp */
#slider_wp {
	background: #0d3b5b url("images/slider_wp.jpg") bottom repeat-x;
	width:100%;
	height:370px;
	padding:50px 0 30px 0;
	margin:0 auto;
	position:relative;
}
#slider_wp h1 {
	color: #fff;
	font-size:30px;
	padding-top:5px;
}
#slider_wp p {
	color: #79b8e3;
	padding:10px 0 20px 0;
}
#slider_wp img {
	padding-left:40px;
	background:none;
	border:none;
}
#slider_wp ul {
	float:left;
	margin-right:30px;
	width: 260px;
}
#slider_wp ul li {
	background: #07426a;
	border-top:1px solid #003457;
	border-bottom:1px solid #2475ad;
	color: #3086c1;
	padding:4px 15px;
	margin:3px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#slider_wp ul li span {
	color: #eee;
	float: right;
}
.bx-prev {
	text-indent: -999999px;
	background: url("images/slider-prev.png") no-repeat;
	position:absolute;
	top:45%;
	left:-80px;
	width: 30px;
	height: 47px;
}
.bx-next {
	text-indent: -999999px;
	background: url("images/slider-next.png") no-repeat;
	position:absolute;
	top:45%;
	right:-80px;
	width: 30px;
	height: 47px;
}

/* 16. slider_wp2 */
#slider_wp2 {
	background: #0d3b5b url("images/slider_wp.jpg") bottom repeat-x;
	width:100%;
	margin:0 auto;
}
#slider_wp2 h1 {
	color: #fff;
	font-size:50px;
	float:left;
	padding:30px 0;
}
#slider_wp2 p {
	color: #79b8e3;
	float:right;
	padding-top:44px;
}
#slider_wp2 a {
	color: #79b8e3;
	border-bottom: 1px dashed #79b8e3;
}
#slider_wp2 a:hover {
	color: #eee;
}

/* 17. nav */
#nav {
	float:right;
	padding-top:30px;
}
#nav li {
	font-family: Helvetica;
	float:left;
	position: relative;
	list-style: none;
	margin-left:10px;
	font-weight:bold;
}
#nav li a {
	font-size:13px;
	color: #867f72;
	display: block;
	padding:7px 15px;
}
#nav li a.selected {
	color: #eee;
	background: #040404 url("images/up.jpg") repeat top;
	border-bottom:1px solid #222;
	padding:7px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#nav li a:hover {
	color: #eee;
	background: #040404 url("images/up.jpg") repeat top;
	border-bottom:1px solid #222;
	padding:7px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width:160px;
	position: absolute;
	top: 38px;
	z-index:10000;
	left: 0;
	background: #fff;
	border: solid 1px #ddd;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#nav ul li {
	float: none;
	padding: 0;
	width:85%;
	margin:0 auto;
	border-bottom:1px solid #eee;
}
#nav ul li.nav-last {
	border-bottom:none;
}
#nav ul a {
	font-weight: normal;
	text-align:center;
	color: #888;
	font-size:11px;
	padding: 4px 0;
}
#nav ul a:hover {
	background: none;
	color: #07426a;
	border:none;
	padding: 4px 0;
}

/* level 3+ list */
#nav ul ul {
	left: 136px;
	top: -3px;
}

/* 18. main */
#main {
	margin: 50px 0;
}

/* 19. content */
#content {
	margin-top:50px;
}
#features .one_third {
	background: #fff;
	border: 1px solid #ddd;
	width:215px;
	float:left;
	margin-right:30px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #e5e5e5;
	-webkit-box-shadow: 0 0 8px #e5e5e5;
	box-shadow: 0 0 8px #e5e5e5;
}
#features ul li {
	text-align:left;
	border-bottom:1px solid #ddd;
	line-height:40px;
	padding-left:20px;
	list-style: url("images/tick.png") inside;
}

/* 20. box */
.box {
	background: #fff;
	border: 1px solid #ddd;
	width:215px;
	float:left;
	margin-right:30px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #e5e5e5;
	-webkit-box-shadow: 0 0 8px #e5e5e5;
	box-shadow: 0 0 8px #e5e5e5;
}
.box-top {
	border-bottom:2px solid #ddd;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.box-top p {
	padding:10px 0;
	margin:0;
	color: #666;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
.box-middle {
	width: 175px;
	padding: 0 20px;
	margin:20px 0;
}
.box-middle ul li {
	text-align:center;
}

.box-middle strong {
	font-weight: bold;	
}

.box-bottom a.button-blue {
	margin:0 auto 20px auto;
}

/* 21. footer */
#footer {
	background: #1b1b1b url("images/footer.jpg") repeat top;
	padding:50px 0;
	width:100%;
	color: #867f72;
}
#footer h4 {
	color: #eee;
	margin-bottom:15px;
	text-transform:uppercase;
}
#footer p {
	margin:0 !important;
	color: #867f72;
}
.footer-img {
	padding:7px 10px 10px 0;
	background:none;
	border:none;
}
#footer p span {
	color: #ddd;
	font-size:13px;
	margin:0;
	line-height:10px;
}
#footer ul {
	border-top:1px dashed #0b0b0b;
	border-bottom:1px dashed #3a3a3a;
	margin-top:17px;
	list-style: url("images/footer-icon.png") inside;
}
#footer ul li {
	border-top:1px dashed #3a3a3a;
	border-bottom:1px dashed #0b0b0b;
	padding:3px 0;
}
#footer ul li a {
	color: #867f72;
}
#footer ul li a:hover {
	color: #ddd;
}
#footer ul#socials {
	list-style:none;
	border:none;
}
#footer ul#socials li {
	padding:0;
	border:none;
}
#footer img {
	background: none;
	border:none;
	margin-right:5px;
	opacity:0.7;  
    filter:alpha(opacity=70);  
    -moz-opacity:0.7;  
}
#footer img:hover {
	opacity:1;  
    filter:alpha(opacity=100);  
    -moz-opacity:1;  
}

/* 22. copyright */
#copyright {
	background: #0b0b0b;
	border-top:1px solid #202020;
	position:relative;
	width:100%;
}
#copyright p {
	float:left;
	padding:5px 0;
	margin:0;
	font-size:11px;
	color: #444;
}
#copyright ul {
	float:right;
	padding:5px 0;
}
#copyright ul li {
	font-size:11px;
	float:left;
	padding-left:30px;
}
#copyright a {
	color: #444;
}
#copyright a:hover {
	color: #666;
}

/* 24. typography lists */
.list1 {
	list-style: inside url("images/star.png");
	line-height:25px;
	text-shadow:1px 1px 0 #f4f0eb;
}
.list2 {
	list-style: inside url("images/tick.png");
	line-height:25px;
	text-shadow:1px 1px 0 #f4f0eb;
}
.list3 {
	list-style: inside url("images/cross.png");
	line-height:25px;
	text-shadow:1px 1px 0 #f4f0eb;
}
.list4 {
	list-style: inside url("images/sidebar-arrow.png");
	line-height:25px;
	text-shadow:1px 1px 0 #f4f0eb;
}

/* 25. highlight types */
.highlight1 {
	padding:2px 5px;
	text-shadow:none;
	background: #fff;
	color: #333;
	border:1px solid #e5e5e5;
}
.highlight2 {
	padding:2px 5px;
	text-shadow:none;
	background: #555;
	color: #eee;
	border:1px solid #222;
}

/* 26. service page */
.services-heading {
	padding:5px 0 5px 40px;
}
.services img {
	background:none;
	border:none;
}

/* 27. web hosting page */
.web-hosting img {
	background:none;
	border:none;
}

/* 28. content left & right */
#content-left {
	width:700px;
	float:left;
}
#content-right {
	width:700px;
	float:right;
}

/* 29. sidebar left & right */
#sidebar-left {
	width:217px;
	float:left;
}
#sidebar-right {
	width:217px;
	float:right;
}
.sidebar {
	background: #fff;
	border: 1px solid #ddd;
	width:215px;
	float:left;
	margin-right:30px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #e5e5e5;
	-webkit-box-shadow: 0 0 8px #e5e5e5;
	box-shadow: 0 0 8px #e5e5e5;
}
.sidebar-top {
	border-bottom:2px solid #ddd;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.sidebar-top p {
	padding:10px 0;
	margin:0;
	color: #666;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
.sidebar-middle {
	width: 215px;
	margin:20px 0;
}
.sidebar-middle input.search {
	background: #fff;
	border:1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:153px;
	margin-left:20px;
	padding:7px 10px;
	color: #777;
}
.sidebar-middle p {
	width: 175px;
	padding: 0 20px;
	margin:20px 0;
}
.sidebar-middle ul li {
	text-align:center;
	border-bottom:1px solid #ddd;
	line-height:30px;
}
.sidebar-first {
	border-top:1px solid #ddd;
}
.sidebar-middle ul li a {
	background: none;
	display:block;
	border-top:1px solid #fff;
}
.sidebar-middle ul li a:hover {
	background: #186599;
	color: #eee;
	
	background: #0b3657; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07426a', endColorstr='#0c283d'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#07426a), to(#0c283d)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #07426a,  #0c283d); /* for firefox 3.6+ */ 
	border-top:1px solid #1075b9;
	text-shadow:-1px -1px 0 #0c283d;
}

/* 30. tags */
ul.tags {
	width: 195px;
	padding: 0 20px;
	margin:20px 0;
}
ul.tags li {
	float:left;
	width:auto;
	margin-right:20px;
	border:none;
	line-height:23px;
}
ul.tags li a {
	color: #666;
	border-top:none;
	border-bottom: 1px dashed #fff;
	text-shadow:none;
}
ul.tags li a:hover {
	background:none;
	color: #666;
	text-shadow:none;
	border-top:none;
	border-bottom: 1px dashed #666;
}

/* 31. about page */
.about-img {
	margin-right:10px;
}
.about-heading {
	padding-top:5px;
}

/* 32. plans */
.plans img {
	background: none;
	border:none;
}
.plan-features {
	width:218px;
	float:left;
	margin-right:30px;
}
.plan-features-top {
	border-bottom:2px solid #f9f9f9;
}
.plan-features-top p {
	padding:10px 0;
	margin:0;
	color: #666;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
.plan-features-middle {
	width: 211px;
	margin:20px 0;
}
.plan-features-middle ul li {
	text-align:right;
	line-height:30px;
}
.plan-plan {
	background: #fff;
	border: 1px solid #ddd;
	width:168px;
	float:left;
	margin-right:10px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #e5e5e5;
	-webkit-box-shadow: 0 0 8px #e5e5e5;
	box-shadow: 0 0 8px #e5e5e5;
}
.plan-plan-top {
	border-bottom:2px solid #ddd;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.plan-plan-top p {
	padding:10px 0;
	margin:0;
	color: #666;
	font-size:23px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
.plan-plan-middle {
	width: 175px;
	margin:20px 0;
}
.plan-plan-middle ul li img {
	padding:9px 0;
}
.plan-plan-middle ul li {
	text-align:center;
	line-height:30px;
	display:block;
}
.plan-plan-bottom a.button-blue {
	margin:0 auto 20px auto;
}

/* 33. maps */
#maps {
	margin:-20px 0 -27px 0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/* 34. contact form */

div.overall-login {
	width: 500px; 
	margin: 50px auto;
}

div.td-left {
	width: 150px; 
	float: left; 
	height: 35px; 
	text-align: left; 
	line-height: 35px;
}

div.td-right {
	width: 130px;
	float: right;
	height: 35px;
	margin-right: 30px;
}

div.footer-login {
	width: 500px; 
	margin: 120px auto;
	text-align: center;
	font-size: 11px;
}

table.login-table {
	width: 100%;
}

table.login-table td {
	text-align: left;
}

table.login-table td.left {
	width: 55px;
	height: 45px;
	text-align: right;
	padding-right: 15px;
}

#contactform {
	width:700px;
	float: left;
	margin-right: 10px;
}
#contactform table tr td span {
	text-align:right;
	float:right;
	padding:10px 20px 0 0;
}
#contactform table tr td input.button-black {
	float:right;
}

input.text, div.fake-input {
/* 	background: #fff; */
	border: 1px solid #ddd;
	padding:10px 20px;
	text-align:left;
	margin:2px 0;
	line-height: 15px; 
	height: 15px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #e5e5e5;
	-webkit-box-shadow: 0 0 8px #e5e5e5;
	box-shadow: 0 0 8px #e5e5e5;
}

.dropdown-arrow {
	background: #fff url(images/select_arrow_down.png) no-repeat right top;
}

input.login {
	width: 345px;
}

#name {
	background: #fff;
	border: 1px solid #ddd;
	padding:10px 20px;
	width:590px;
	float:right;
	text-align:left;
	margin:2px 0;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #e5e5e5;
	-webkit-box-shadow: 0 0 8px #e5e5e5;
	box-shadow: 0 0 8px #e5e5e5;
}
#email {
	background: #fff;
	border: 1px solid #ddd;
	padding:10px 20px;
	float:right;
	width:590px;
	margin:2px 0;
	text-align:left;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #e5e5e5;
	-webkit-box-shadow: 0 0 8px #e5e5e5;
	box-shadow: 0 0 8px #e5e5e5;
}
#message {
	background: #fff;
	border: 1px solid #ddd;
	padding:10px 20px;
	float:right;
	width:650px;
	text-align:left;
	margin:2px 0;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #e5e5e5;
	-webkit-box-shadow: 0 0 8px #e5e5e5;
	box-shadow: 0 0 8px #e5e5e5;
}

#mapp {
	background: #fff;
	border: 1px solid #ddd;
	padding: 4px;
	margin:2px 0;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #e5e5e5;
	-webkit-box-shadow: 0 0 8px #e5e5e5;
	box-shadow: 0 0 8px #e5e5e5;
}

/* 35. contact form buttons */
input.button-black {
	background: #111; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#151515', endColorstr='#080808'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#151515), to(#080808)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #151515,  #080808); /* for firefox 3.6+ */ 
	border:none;
	border-top:1px solid #282828;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	padding:7px 20px;
	text-decoration:none;
	color: #fff;
	display:inline-block;
	font-family:Arial;
	font-size:12px;
	text-transform:uppercase;
	text-shadow:-1px -1px 0 #000;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
input.button-black:hover {
	background: #202020; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#232323', endColorstr='#161616'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#232323), to(#161616)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #232323,  #161616); /* for firefox 3.6+ */ 
	border-top:1px solid #363636;
	color: #fff;
}


/* 36 tabs */
.tabcontainer {
	margin:20px 0px 0px 0px; 
}
ul.tabs {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	height: 30px;
	width: 100%;

}
ul.tabs li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	height: 29px;
	line-height: 31px;
/* 	background: #eeeeee; */
	overflow: hidden;
	position: relative;
	font-size:12px;
	background: #fff;
	border: 1px solid #ddd;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
}
ul.tabs li:hover {
	background: #fcfcfc;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
ul.tabs li a {
	text-decoration: none;
/* 	color: #333333; */
	color: #aaa;
	display: block;
	padding: 0 25px;
	outline: none;
}
ul.tabs li a:hover {
	text-decoration:none;
	padding-bottom:1px;
	background:none;
}
ul.tabs li.active {
	border-bottom:1px solid #fff;
}
html ul.tabs li.active,
html ul.tabs li.active a:hover  {
	color:#555555;
}
html ul.tabs li.active a { 
	color:#454545; 
}
#tab-body {
	background: #fff;
	border: 1px solid #ddd;
	
	-webkit-border-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 5px;
	-moz-border-radius-topleft: 0;
	border-radius: 5px;
	border-top-left-radius: 0;
	
	-moz-box-shadow: 0 0 8px #e5e5e5;
	-webkit-box-shadow: 0 0 8px #e5e5e5;
	box-shadow: 0 0 8px #e5e5e5;
}
.tab-content {
	padding: 30px 25px; 
	margin-top:0px;
}
.tab-content p {
	margin:0;
}

/* 37. jQuery Toggle */
p.trigger {
	padding: 7px 0px;
	margin: 0 0 0px 0;
	width:auto;
	font-weight: normal;
	border-top:0px;
}
p.trigger span {
	text-decoration: none;
	display: block;
	padding-left:25px;
	line-height:normal;
	background: url("images/open.png") no-repeat left center;
	cursor:pointer;
}
p.active span{
	background: url("images/close.png") no-repeat left center !important;
}
p.trigger a:hover {
	color: #454545;
}
.toggle_container {
	margin: 10px 0 10px 25px;
	padding: 0;
	overflow: hidden;
	clear: both;
	
	background: #fff;
	border: 1px solid #ddd;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #e5e5e5;
	-webkit-box-shadow: 0 0 8px #e5e5e5;
	box-shadow: 0 0 8px #e5e5e5;
}
.toggle_container .block {
	padding: 0px;
}
.toggle_container .block p {
	padding: 10px 20px;
	margin:0;
}


/* 38. Options */
.clearfix {
	clear: both;
}
#optwrap {
	position: fixed;
	top: 130px;
	font-family: Verdana, Arial, sans-serif;
	color: #858585;
	left: -212px;
	background-color: #f7f7f7;
	z-index: 2000;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-right-radius: 5px;	
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
	border: 1px solid #d5d5d5;
	
  /*-moz-box-shadow: 2px 4px 4px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 4px 4px 1px rgba(0,0,0,0.1);
	box-shadow: 2px 4px 4px 1px rgba(0, 0, 0, 0.1);*/
}
#options {
	float: left;
	width: 170px;
	padding: 20px;
	position: relative;
	/*background: #fff;*/
}
#options h5 {
	font-family: Bebas, Arial, sans-serif !important;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding-bottom: 20px;
}
#options strong	{
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 3px;
	font-family: Verdana, Arial, sans-serif;
	line-height: 14px;
	clear: both;
}
#options p {
	font-size: 9px;
	line-height: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#options li {
	font-size: 10px;
}

/* Open/Close */
#closer { 
	float: left;
	background-color: #323232;
	position: relative;
}
.opener {
	background: url("images/config-2.png") center center no-repeat #323232;
	display: block;	
}
.closerer {
	display: none;
	background: url("images/config-2.png") center center no-repeat #f7f7f7;
}
.opener, .closerer {
	
	top: 30px;
	position: absolute;
	width: 48px;
	height: 48px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-top-right-radius: 15px;
	border-top-right-radius: 15px;	
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border-top: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	
	/*	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	*/
}
.opener:hover {
	background-color: #454545;
}
.closerer:hover {
	background-color: #f0f0f0;
}

/* Button */
.btn {
	background: #656565;
	padding: 3px 10px;
	font-size: 11px;
	color: #f7f7f7;	
	display: inline-block;
}
.btn:hover {
	background: #323232;
	text-decoration: none;
}
.colorpicker {
	z-index: 105 !important;
}

/* Color Style */
.color-styles {
	list-style: none;
	margin-top: 10px;
	padding-bottom: 10px;
}
.color-styles li {
	display: inline-block;
	float: left;
	height: 25px;
	margin-bottom: 5px;
}
.color-styles li a {
	display: inline-block;
	height: 25px;
	width: 25px;
	margin-right: 5px;
	
}
.color-switcher {
	margin-bottom: 10px;
}

.blue { background: #4b7bd1;}
.brown { background: #a33a02;}
.green { background: #4d9147;}
.red { background: #dc3f35;}

strong {
	font-weight: bold;
}

strong.bigger {
	font-size: 18px;
}


table.allegro {
	float: left;
/* 	margin: 30px 0 0 0; */
/* 	border: 1px solid #000; */
}

table.allegro td.left {
	height: 45px;
	width: 130px;
	text-align: right;
	padding-right: 20px;
}

table.allegro td.right {
/* 	width: 500px; */
}

table.allegro td.right input {
	width: 345px;
}

table.allegro td.right span {
	color: #ee735c;
}

input.error {
	background: #fff url(images/input_error.png) no-repeat right 9px;
	border: 1px solid #ee735c;
}

div.code {
	font-family: verdana, sans-serif;
	background: #fff;
	border: 1px solid #ddd;
	padding:5px 10px;
	color: #555;
	margin:3px 0;
	font-size:12px;
}


div.mohikanin {
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.mohikanin a {
	position: relative;
	display: block;
	height: 120px;
	margin: 3px;
}

div.mohikanin a span {
	display: block;
	position: absolute; 
	bottom: 0; 
	width: 260px; 
	background: #0b0b0b; 
	color: #fff; 
	padding: 3px 10px 3px 10px; 
	opacity: 0.8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

div.mohikanin a.mFirst {
	background: transparent url('../../images/1st.png') no-repeat -185px -175px;
}

div.mohikanin a.mSecond {
	background: transparent url('../../images/2nd.png') no-repeat 0px -10px;
}

div.mohikanin a.mThird {
	background: transparent url('../../images/3rd.png') no-repeat -550px -310px;
}

div.mohikanin a.mForth {
	background: transparent url('../../images/4th.png') no-repeat -600px -310px;
}

div.mohikanin a.mFifth {
	background: transparent url('../../images/5th.png') no-repeat -650px -300px;
}

div.mohikanin a.mSixth {
	background: transparent url('../../images/6th.png') no-repeat -30px -60px;
}


div.messageOk {
	border: 1px solid #C1D779;
	background: #EFFEB9 url('panel/images/active.gif') no-repeat 10px 8px;
	padding: 7px 5px 5px 50px;
	margin-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #e5e5e5;
	-webkit-box-shadow: 0 0 8px #e5e5e5;
	box-shadow: 0 0 8px #e5e5e5;
}

div.messageError {
	border: 1px solid #E18B7C;
	background: #FCCAC1 url('panel/images/deactive.gif') no-repeat 10px 8px;
	padding: 7px 5px 5px 50px;
	margin-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 8px #e5e5e5;
	-webkit-box-shadow: 0 0 8px #e5e5e5;
	box-shadow: 0 0 8px #e5e5e5;
}