/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* General Style CSS */

body {
	margin: 0px;
	background-position:center;
	background-color: #DFDFDF;
	font-family: Tahoma;
	font-size: 11px;
	color: #2079AB;
	direction: rtl;
	background-image: url('images/body-bg.jpg');
	background-repeat: repeat-y;
}

a {
	color: #2079AB;
	text-decoration: none;
}
a:hover {
	color: #8AC100;
	text-decoration: none;
}

#header-bg {
	background-position: center top;
	width: 100%;
	padding-top: 45px;
	background-image: url('images/bg.jpg');
	background-repeat: no-repeat;
	margin-bottom:2px;
}

#header {
	width: 780px;
	height: 164px;
	background-color: #C6C6C6;
}

.logo {
	width: 347px;
	height: 134px;
	float: right;
}
.flash-bg {
	width: 433px;
	height: 134px;
	float: left;
	background-image: url('images/flash-bg.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

.main-links {
	margin: 0px;
	height: 30px;
	width: 780px;
	background-image: url('images/main-links-bg.jpg');
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #CACACA;
	border-bottom-color: #EBEBEB;
	font-weight: bold;
	display: block;
	clear: both;
}
.main-links ul {
	margin: 0px 3px 0px 0px;
	padding: 0px;
	list-style-type: none;
	height: 30px;
}
.main-links li {
	float: right;
	
}
.main-links li a {
	color: #2079AB;
	text-decoration: none;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 13px;
	padding-left: 13px;
	display: block;
}
.main-links li a:hover {
	color: #8AC100;
	text-decoration: none;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-right: 13px;
	padding-left: 13px;
}
.main-links li:hover {
	background-color: #F3F3F3;
	color: #88C100;
}
.main-links li:hover a {
	color: #87C101;
	text-decoration: none;
}


#body-bg {
	background-position: center top;
	width: 100%;
	background-color: #DFDFDF;
	background-image: url('images/body-bg.jpg');
	background-repeat: repeat-y;
	padding-top: 10px;

}

#body {
	width: 780px;
	display: block;
	clear: both;
	background-color: #FFFFFF;
}

#guide {
	width: 760px;
	height: 27px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom:10px;
	font-size: 12px;
	display:block;
	clear:both;
}


#guide a {
	color: #2079AB;
	text-decoration:none;
}

#guide a:hover {
	color: #88C100;
	text-decoration:none;
}

.guide-right {
	background-position: right;
	width: 14px;
	height: 27px;
	float: right;
	background-image: url('images/guide-right.jpg');
	background-repeat: no-repeat;
}
.guide-middle {
	background-position: top;
	width: 732px;
	height: 22px;
	float: right;
	background-image: url('images/guide-middle.jpg');
	background-repeat: repeat-x;
	text-align: right;
	padding-top: 5px;
}
.guide-left {
	background-position: left;
	width: 14px;
	height: 27px;
	float: right;
	background-repeat: no-repeat;
	background-image: url('images/guide-left.jpg');
}

#slidebar {
	width: 170px;
	float: right;
	margin-right: 10px;
}

.block {
	margin-bottom: 6px;
}

.block-header {
	background-position: center top;
	width: 162px;
	height: 21px;
	display: block;
	clear: both;
	background-image: url('images/block-header.jpg');
	background-repeat: no-repeat;
	font-family: Tahoma;
	font-weight: Bold;
	padding-top: 7px;
	text-align: right;
	padding-right: 8px;
}
.block-body {
	background-position: center;
	width: 154px;
	display: block;
	clear: both;
	background-color: #FFFFFF;
	background-image: url('images/block-body-bg.jpg');
	background-repeat: repeat-y;
	padding-right: 8px;
	text-align: justify;
	padding-top: 4px;
	padding-left: 8px;
}
.block-footer {
	background-position: center;
	width: 170px;
	height: 10px;
	display: block;
	clear: both;
	background-image: url('images/block-footer.jpg');
	background-repeat: no-repeat;
}


#main {
	width: 580px;
	background-color: #FFFFFF;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}


#page {
	width: 580px;
	text-align: justify;
	margin-top:-10px;
}


.hosting-plan-page {
	background-position: right top;
	width: 478px;
	height: 120px;
	background-image: url('images/hosting-plan-bg.jpg');
	padding-top: 10px;
	padding-right: 11px;
	padding-left: 11px;
	background-repeat: no-repeat;
	font-family: Tahoma;
	font-size: 11px;
	color: #75A701;
	display: block;
	clear: both;
	margin-bottom: 50px;

}

.hosting-plan-page h3 {
	font-size: 13px;
	font-weight: bold;
	color:#2079AB;
	
}

.hosting-page-right-box {
	width: 224px;
	height: 120px;
	float: right;
	text-align: right;
	line-height: 14px;
}
.hosting-page-left-box {
	width: 224px;
	height: 120px;
	float: left;
	text-align: left;
	line-height: 14px;
	direction: ltr;
}

.blue-font {
	color: #2079AB;
}


.opinion {
	background-position: center;
	width: 242px;
	height: 140px;
	padding: 8px 9px 2px 9px;
	float: right;
	background-repeat: repeat-x;
	background-image: url('images/opinion-bg.jpg');
	margin-right: 20px;
	display: block;
}

.our-customer-box {
	width: 272px;
	height: 142px;
	padding: 4px;
	float:right;
	display: block;
}

#page h1 {
	font-size: 13px;
	font-family: Tahoma;
	font-weight: bold;
	border-bottom:1px solid #EBEBEB;
	padding-bottom: 5px;
}


#page h2 {
	font-size: 12px;
	font-family: Tahoma;
	font-weight: bold;
	border-bottom:1px solid #F5F5F5;
	padding-bottom: 4px;
	padding-top: 6px;
	color:#88C100;
}



.box1 {
	background-position: right top;
	width: 290px;
	height: 160px;
	float: right;
	background-image: url('images/box-bg.jpg');
	background-repeat: no-repeat;
	text-align:right;
}

.box1 span {
	clear: both;
	display: block;
	padding-right: 10px;
	padding-left: 20px;
	text-align: justify;
	line-height: 16px;
}

.box2 {
	background-position: left top;
	width: 290px;
	height: 160px;
	float: right;
	background-image: url('images/box-bg.jpg');
	background-repeat: no-repeat;
	text-align:right;
}


.box2 span {
	clear:both;
	display:block;
	padding-right: 20px;
	padding-left: 10px;
	line-height: 16px;
}

#main input {font-family:Tahoma; border: 1px #CFCFCF solid; font-size:11px;margin:0;padding:4px;}
#main input:hover {font-family:Tahoma; border: 1px #2079AB solid; font-size:11px;margin:0;padding:4px;}


.start-here {
	width: 580px;
}

.hosting-plan {
	direction:ltr;
	height: 185px;
	width: 580px;
	background-color: #FFFFFF;
}
.hosting-main {
	width: 580px;
	height: 106px;
	margin-top:2px;
}
.hosting-list {
	width: 580px;
}


#footer {
	background-position: center top;
	width: 100%;
	height: 80px;
	background-image: url('images/footer-bg.jpg');
	background-repeat: no-repeat;
	display:block;
	clear:both;

}


#footer a {
	color: #2079AB;
	text-decoration: none;
}
#footer a:hover {
	color: #8AC100;
	text-decoration: none;
}

#footer ul {
	list-style-type: none;
	width: 780px;
	margin: 0px 24px 0px 0px;
	padding: 0px;
}
#footer li {
	float: right;
	padding: 10px 15px 8px 15px;
	margin: 0px;
}
.copyright {
	font-weight: bold;
	clear: both;
	padding-top: 20px;

}


/* Slide Show*/


.slideshowContainer {

	width: 580px;
	height: 106px;
	margin-bottom: 1px;
}

.slideshowContainer img {

	border: 0px;
	height:106px;
	
	}

.loading {
	background: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
	margin-left: 10px;
	margin-right: 10px;	
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 1px;
	
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 1px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
}

.outline {
	border: 1px solid #89C100;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}

.payment-step-box {
	width: 393px;
	height: 70px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: tahoma;
	font-size: 12px;
	background-image: url('images/step-payment.jpg');
	clear: both;
}
.step-number {
	width: 80px;
	height: 54px;
	float: right;
	font-size: 45px;
	color: #88C100;
	padding-top: 6px;
}
.step-details {
	padding: 10px 5px 5px 5px;
	width: 293px;
	height: 45px;
	float: right;
	text-align: justify;
	color: #1F79AB;
}


.bank-details-box {
	width: 420px;
	clear: both;
	margin-bottom: 8px;
	height:580px;
}
.bank-details-right {
	width: 200px;
	float: right;
	text-align: justify;
}
.bank-details-left {
	width: 200px;
	float: left;
	text-align: justify;
}

.style-red {
	color: #FF0000;
}
