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

::::: 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");

body {
	background: #f9f9f9;
	font-family: 'Droid Sans', sans-serif;
	color: #777;
	font-size:13px;
	line-height:25px;
}

/* 1. miscellaneous */
.wrap {
	width: 960px;
	margin:0 auto;
	z-index: 200;
	

}

.wrap2 {
	background: #202020;
	width:100%;
	position: relative;
	z-index: 300;
}

.clear {
	clear:both;
}
.alignleft {
	float:left;
	text-align:left;
}
.alignright {
	float:right;
	text-align:right;
}
.space {
	padding:30px 0;
}
.space2 {
	padding:10px 0;
}

.space3 {
	padding:20px 0;
}

.quote {
	font-style:italic;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
}
.nomargin {
	margin:0 !important;
}
.divider {
	background: url("http://media.dixiesys.com.s3.amazonaws.com/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;
}
img.image {
	background: #fff;
	border:1px solid #ddd;
	padding:3px;
}

/* 2. columns */
.one_half {
	float:left;
	width:47%;
	margin:0 6% 0 0;
}

.one_half .link{
	color:#0066ac;
}

.one_half .link:hover{
	text-decoration:underline;
	color:#0066ac;
}

.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:28px;
}
h2 {
	font-size:26px;
}
h3 {
	font-size:24px;
}
h4 {
	font-size:21px;
}
h5 {
	font-size:18px;
}
h6 {
	font-size:15px;
}

h7{
	font-size:15px;
	padding-top:15px;
	font-family:'Trebuchet Ms';
	color: #0066ac;
	font-weight:bold;
}

h8 {
	font-size:14px;
	font-family:'Trebuchet Ms';
	color: #666;
	font-weight:bold;
	margin:12px 0 0px 0;
	display:block;
}

h1, h2, h3, h4, h5, h6 {
	font-family:'Trebuchet Ms';
	color: #444;
	font-weight:bold;
	margin:0px 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("http://media.dixiesys.com.s3.amazonaws.com/images/quote1.png") no-repeat top left;
	padding:0 0 0 80px;
	font-style:italic;
}
p.quote2 {
	background: url("http://media.dixiesys.com.s3.amazonaws.com/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 {
	float:left;
	background:none;
	border:none;
	position:relative;
	margin-top:20px;
}
span#logo-span {
	display:block;
	text-align:right;
	width:188px;
}

/* 13. up */
#up {
	border-bottom:1px solid #202020;
	width:330px;
	height:40px;
	margin:0px 0px 0px 630px;
	z-index: 9999
	
}
#up p {
	padding:10px 0px 0px 0px;
	margin:0;
	font-size:12px;
	color: #666;
	float:left;
}
#up ul {
	padding:0px 0px 0px 0px;
	float:right;
	
}
#up ul li {
	float:left;
	font-size:12px;
	padding:7px 15px 7px 15px;
	margin-left:7px;
	background:#000;
	
}
#up ul li a {
	color: #666;
}

#up ul li a:hover {
	color: #999;

	}

/* 14. top */
#top {
	background: #202020; /*url("../images/top.jpg") repeat bottom;*/
/*	border-bottom:1px solid #1267a1;
*/	position:relative;
	height:130px;
	width:960px;
	margin:0 auto;
}

/* 15. slider_wp */
#slider_wp {
	background: #202020 url("http://media.dixiesys.com.s3.amazonaws.com/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:50px;
	padding-top:20px;
}
#slider_wp p {
	color: #79b8e3;
	padding:5px 0 20px 0;
}
#slider_wp img {
	padding-left:40px;
	background:none;
	border:none;
	*display: inline;
}
#slider_wp ul {
	float:left;
	margin-right:30px;
}
#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;
}
.bx-prev {
	text-indent: -999999px;
	background: url("http://media.dixiesys.com.s3.amazonaws.com/images/slider-prev.png") no-repeat;
	position:absolute;
	top:45%;
	left:-80px;
	width: 30px;
	height: 47px;
}
.bx-next {
	text-indent: -999999px;
	background: url("http://media.dixiesys.com.s3.amazonaws.com/images/slider-next.png") no-repeat;
	position:absolute;
	top:45%;
	right:-80px;
	width: 30px;
	height: 47px;
}

/* 16. slider_wp2 */
#slider_wp2 {
	background: #202020 url("http://media.dixiesys.com.s3.amazonaws.com/images/slider_wp2.png") bottom repeat-x;
	width:100%;
	height:120px;
	margin:0 auto;
}
#slider_wp2 h1 {
	color: #fff;
	font-size:46px;
	float:left;
	margin-top:40px;
}
#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;
}


/* 16-A. slider_wp3 */
#slider_wp3 {
	background: none;
	width:100%;
	height:240px;
	margin:0 auto;
	}



/* 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:14px;
	color: #888;
	display: block;
	padding:7px 15px;
}
#nav li a.selected {
	color: #eee;
	background: #040404 url("http://media.dixiesys.com.s3.amazonaws.com/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("http://media.dixiesys.com.s3.amazonaws.com/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;
	padding:2px 10px 8px 10px;
	background: #000;
	border: solid 1px #222;

	-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 #272727;
}
#nav ul li.nav-last {
	border-bottom:none;
}
#nav ul a {
	font-weight: normal;
	text-align:left;
	color: #ddd;
	font-size:13px;
	padding: 4px 0px;
}
#nav ul a:hover {
	background: none;
	color: #7cb5dc;
	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:210px;
	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;
}

#features_cloud ul {
	padding:3px 0px 3px 0px;
}

#features_cloud ul li {
	text-align:left;
	border-bottom:1px solid #ddd;
	line-height:16px;
	padding:8px 0px 8px 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:10px 0;
}
.box-middle ul li {
	text-align:center;
}
.box-bottom a.button-blue {
	margin:0 auto 20px auto;
}

.box-price {
	width: 175px;
	padding: 0 20px;
	margin:20px 0px 0px 0px;
}

.box-price p{
	text-align:center;
	color:#0066ac;
	font-size:12px;
	font-weight:bold;
}

/* 21. footer */
#footer {
	background: #1b1b1b url("http://media.dixiesys.com.s3.amazonaws.com/images/footer.jpg") repeat top;
	padding:50px 0;
	width:100%;
	color: #777;
}
#footer h4 {
	color: #eee;
	margin-bottom:15px;
	text-transform:uppercase;
	padding-top:5px;
	/*border-top:2px solid #3e3e3e;*/
}
#footer p {
	font-size:12px;
	line-height:18px;
	margin:0 !important;
	color: #ddd;
}
.footer-img {
	padding:7px 10px 10px 0;
	background:none;
	border:none;
}
#footer p span {
	color: #777;
	font-size:12px;
	margin:0;
	line-height:14px;
}
#footer ul {
	border-top:1px  #0b0b0b;
	border-bottom:1px  #3a3a3a;
	margin-top:17px;
	list-style: url("http://media.dixiesys.com.s3.amazonaws.com/images/footer-icon.png") inside;
}
#footer ul li {
	/*border-top:1px dotted #3e3e3e;
	border-bottom:1px dotted #3e3e3e;*/
		padding: 0;
}

#tweets ul li{
	
	border-top:1px dotted #3e3e3e;
	border-bottom:1px dotted #3e3e3e;
	padding: 0;
}
	
#footer ul li a {
	color: #777;
	font-size:12px;
}
#footer ul li a:hover {
	color: #ddd;
}
#footer ul#socials {
	list-style:none;
	border:none;
}
#footer ul#socials li {
	padding:10px 3px 0px 0px;
	border:none;
	float:left;

}

#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("http://media.dixiesys.com.s3.amazonaws.com/images/star.png");
	line-height:25px;
	text-shadow:1px 1px 0 #f4f0eb;
}
.list2 {
	list-style: inside url("http://media.dixiesys.com.s3.amazonaws.com/images/tick.png");
	line-height:25px;
	text-shadow:1px 1px 0 #f4f0eb;
}
.list3 {
	list-style: inside url("http://media.dixiesys.com.s3.amazonaws.com/images/cross.png");
	line-height:25px;
	text-shadow:1px 1px 0 #f4f0eb;
}
.list4 {
	list-style: inside url("http://media.dixiesys.com.s3.amazonaws.com/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:left;
	text-transform:uppercase;
	margin-left:30px;
}
.sidebar-middle {
	width: 215px;
	margin:15px 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:0px 0;
}
.sidebar-middle ul li {
	text-align:left;
	border-bottom:1px solid #ddd;
	line-height:50px;
	padding-left:30px;
}
.sidebar-first {
	border-top:1px solid #ddd;
}
.sidebar-middle ul li a {
	font-size:14px;
	background: none;
	display:block;
	border-top:1px solid #fff;
}
.sidebar-middle ul li a:hover {
	color:#0061a3;
	border-top:1px solid #fff;
}


.selected {
	color: #0061a3;
}

.sidebar-middle .link:hover {
	text-decoration:underline;
	color:#36C;
}

/* 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 */
#contactform {
	width:700px;
}
#contactform table tr td span {
	text-align:right;
	float:left;
	padding:0px 10px 0 0;
}

#contactform table tr td label {
	color:#F3C;
	padding:20px 10px 0 0;
}

#contactform table tr td input.button-black {
	float:right;
	margin-left:10px;
}
#name {
	background: #fff;
	border: 1px solid #ddd;
	padding:10px 20px 10px 20px;
	width:350px;
	float:left;
	text-align:left;
	margin:2px 20px;
	
	-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 10px 20px;
	float:left;
	width:350px;
	margin:2px 21px;
	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 10px 20px;
	float:right;
	width:500px;
	text-align:left;
	margin:2px 3px 5px 3px;
	
	-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: #cfcfcf; /* 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-bottom:1px solid #fff;
	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;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
input.button-black:hover {
	background: #eee; /* 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-bottom:1px solid #fff;
	color: #999;
}


/* 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:11px;
	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;
	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("http://media.dixiesys.com.s3.amazonaws.com/images/open.png") no-repeat left center;
	cursor:pointer;
}
p.active span{
	background: url("http://media.dixiesys.com.s3.amazonaws.com/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("http://media.dixiesys.com.s3.amazonaws.com/images/config-2.png") center center no-repeat #323232;
	display: block;	
}
.closerer {
	display: none;
	background: url("http://media.dixiesys.com.s3.amazonaws.com/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;}



/*Main nav Container*/
#mainNav{
	width:500px;
	float:right;
	
}

#slider1{
	background: none ;
	width:160px;
	height:102px;
	padding:0px 0 0px 0;
	margin:20px 0px 0px 0px;
	position:relative;
	}
	


.border{
background:url(../images/border.png);
max-width:380px;
height:3px;
overflow:hidden;	
}

/* map */

#map_canvas{ 
		height:300px;
		margin: 0 auto;
		width:209px;
		
}

/*  plan */
.plan {
	background: #fff;
	border: 1px solid #ddd;
	width:210px;
	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;
}
.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-top p {
	padding:10px 0;
	margin:0;
	color: #666;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
.plan-middle {
	width: 165px;
	padding: 0 20px;
	margin:10px 0;
}
.plan-middle ul li {
	text-align:center;
}
.plan-bottom a.button-blue {
	margin:0 auto 20px auto;
}

.plan-price {
	width: 165px;
	padding: 0 20px;
	margin:20px 0px 0px 0px;
}

.plan-price p{
	text-align:center;
	color:#0066ac;
	font-size:12px;
	font-weight:bold;
}

/*Addons Sidebar Sections*/
#addons p {
	text-align:left;
	text-decoration:none;
	height:25px;
	border:0;
	padding:0px 0px 0px 30px;
	margin:20px 0px;
}

#addons .link p{
	color:#0066ac;
}

#addons .link p:hover{
	color:#36C;
	text-decoration:underline;
}

.ip_icon{
	position:relative;
	display:block;
	background:url("http://media.dixiesys.com.s3.amazonaws.com/images/ip_icon.png") no-repeat top left;
	margin-left:25px;
	}

.domain_icon{
	position:relative;
	display:block;
	background:url("http://media.dixiesys.com.s3.amazonaws.com/images/domain_icon.png") no-repeat top left;
	margin-left:25px;
	}


.ssl_icon{
	position:relative;
	display:block;
	background:url("http://media.dixiesys.com.s3.amazonaws.com/images/ssl_icon.png") no-repeat top left;
	margin-left:25px;
	}


.facebook_icon{
	position:relative;
	display:block;
	background:url("http://media.dixiesys.com.s3.amazonaws.com/images/fb.png") no-repeat top left;
	margin-left:25px;
	}

.twitter_icon{
	position:relative;
	display:block;
	background:url("http://media.dixiesys.com.s3.amazonaws.com/images/twitter.png") no-repeat top left;
	margin-left:25px;
	}

.linkedin_icon{
	position:relative;
	display:block;
	background:url("http://media.dixiesys.com.s3.amazonaws.com/images/linkedin.png") no-repeat top left;
	margin-left:25px;
	}
	
.google_icon{
	position:relative;
	display:block;
	background:url("http://media.dixiesys.com.s3.amazonaws.com/images/google.png") no-repeat top left;
	margin-left:25px;
	}
	
.blog_icon{
	position:relative;
	display:block;
	background:url("http://media.dixiesys.com.s3.amazonaws.com/images/blog.png") no-repeat top left;
	margin-left:25px;
	}		




.breadcrumb{
padding-top:10px;
}

.bullet{
	margin-left:60px;
}

/*contact Sidebar Sections*/
#contact-sidebar {
	text-align:left;
	text-decoration:none;
	border:0;
	padding:0px 0px 0px 30px;
}

.one_third .link:hover{
	color:#ddd;
		text-decoration:underline;


}

/* Login Box */

#signin_menu {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	    display:none;
		background: #1b7bb6; /* Old browsers */
		background: -moz-linear-gradient(top,  #1b7bb6 0%, #07426a 71%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b7bb6), color-stop(71%,#07426a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #1b7bb6 0%,#07426a 71%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #1b7bb6 0%,#07426a 71%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #1b7bb6 0%,#07426a 71%); /* IE10+ */
		background: linear-gradient(to bottom,  #1b7bb6 0%,#07426a 71%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b7bb6', endColorstr='#07426a',GradientType=0 ); /* IE6-9 */
	    position:absolute;
	    width:210px;
	    z-index:100;
	    border:2px solid #FFF ;
	    text-align:left;
	    padding:12px;
	    top: 24.5px;
	    right: 0px;
		margin: 5px 0 0 0;
	    *margin-right: -1px;
	    color:#FFF;
	    font-size:11px;
	}

	#signin_menu input[type=text], #signin_menu input[type=password] {
	    display:block;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	    border:1px solid #FFF;
	    font-size:13px;
	    margin:0 0 5px;
	    padding:5px;
	    width:203px;
	}
	#signin_menu p {
	    margin:0;
	}
	#signin_menu a {
	    color:#6AC;
	}
	#signin_menu label {
	    font-weight:normal;
	}
	#signin_menu p.remember {
	    padding:10px 0;
	}
	#signin_menu p.forgot, #signin_menu p.complete {
	    clear:both;
	    margin:5px 0;
	}
	#signin_menu p a {
	    color:#27B !important;
	}
	#signin_submit {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	    background:#39d repeat-x scroll 0 0;
	    border:1px solid #39D;
	    color:#fff;
	    /*text-shadow:0 -1px 0 #39d;*/
	    padding:4px 10px 5px;
	    font-size:11px;
	    margin:5px 5px 0 0;
	    font-weight:bold;
	
	}
	#signin_submit::-moz-focus-inner {
		padding:0;
		border:0;
	}
	#signin_submit:hover, #signin_submit:focus {
	    background-position:0 -5px;
	    cursor:pointer;
	}


/* 20. box-homepage */
.box_home {
	background: #fff;
	border: 1px solid #ddd;
	width:215px;
	float:left;
	margin:0px 25px 0px 0px;
	-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-home {
	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-home p {
	padding:10px 0;
	margin:0;
	color: #666;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}
.box-middle-home {
	width: 215px;
	padding: 0 0px;
	margin:10px 0;
}
.box-middle-home ul li {
	text-align:center;
}

.box-price-home {
	width: 215px;
	padding: 0 0px;
	margin:20px 0px 0px 0px;
}

.box-price-home p{
	text-align:center;
	color:#0066ac;
	font-size:12px;
	font-weight:bold;
}

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




.sidebar-middle-portal {
	width: 215px;
	margin:15px 0;
}

.sidebar-middle-portal p {
	width: 175px;
	padding: 0 20px;
	margin:0px 0;
}
.sidebar-middle-portal ul li {
	text-align:left;
	border-bottom:1px solid #ddd;
	line-height:30px;
	padding-left:30px;
}

.sidebar-middle-portal ul li a {
	font-size:14px;
	background: none;
	display:block;
	border-top:1px solid #fff;
}
.sidebar-middle-portal ul li a:hover {
	color:#0061a3;
	border-top:1px solid #fff;
}