/*  
Theme Name: OSOLABS
Theme URI: http://www.osolabs.com
Description: OSOLABS Theme. Copyright &copy; 2008-2009.
Version: 2.0
Author: Benjamin Chung
Author URI: http://www.osolabs.com/

*/

* {
	padding: 0px;
	margin: 0px;

}
a:active, a:focus{
	outline: none;

}

p {

	padding-bottom: 14px;
}
.right {
	text-align: right;

}
body {
	background: #3f4243;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	
}
.wrapper {

	width: 958px;
	margin: 0px auto 0px auto;
}

.wrapper_bg {

	width: 100%;
	text-align: center;
	background: #323535;
}
#header {
	background: url(images/header.png) repeat-x;
	height: 125px;
	color: #ffffff;
	
}
#logo {
	margin-top: 8px;
	background: url(images/logo.png) no-repeat;
	width: 202px;
	height: 82px;

}
#tagline {
	height: 12px;
	padding-top: 12px;
	text-align: center;
	margin-right: 200px;
	font-size: 14px;
}

#tagline h4 {
	font-weight: normal;
	font-size: 14px;
}
#tagline a {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;

}

#tagline a:hover {
	text-decoration: underline;

}

#drop_menu {

	width: 250px;
	height: 43px;
	position: relative;
	float: right;
	margin: -24px -26px 0px;
	text-align: center;
}
#drop_menu ul {
	list-style: none;
	list-style-type:none;
	margin: 9px auto 0px auto;

}
#drop_menu ul li {
	display: inline;
	margin: 0px 4px;
}
#drop_menu ul li a {
	text-decoration: none;
	color: #ffffff;
}
#drop_menu ul li a:hover {
	text-decoration: underline;

}
#phone {
	float: right;
	margin: -70px 20px 0px 0px;
	text-align: right;

}
#phone #main {
	font-size: 18px;

}

#phone #sub {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
}




#menu {

	background: #fbb03b;
	height: 35px;
	white-space:nowrap;

}

#menu ul {
	list-style: none;
	list-style-type: none;
	margin-left: 20px;

}
#menu ul li {
	display: inline;
	margin: 0px 3px 0px 3px;
	font-weight: bold;
	line-height: 35px;
	height: 35px;
	font-size: 12px;

}
#menu ul li a {
	line-height: 35px;
	color: #333333;
	text-decoration: none;
	padding: 8px 6px;
}

#menu ul li a:hover {
	color: #ffffff;

}
#menu ul li.current_page_item a {
	background: #ffffff;
	color: #333333;

}



#container {

	background: #ffffff;
	color: #444444;
	font-size: 14px;
	padding-bottom: 20px;
	
	
}
#container a {
	color: #FF7800;
	font-weight: normal;
	text-decoration: none;
}
#container a:hover{
	text-decoration: underline;

}
#container h1 {
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 14px;
	color:#444444;
	

}
#container h2 {
	padding-bottom: 14px;
	font-size: 12px;
	font-weight: bold;
}
#container ul {

	padding-left: 20px;
}
.container {


	width: 828px;
	padding: 25px 100px 25px 30px;
	
}

#container_bottom {

	width: 958px;
	height: 26px;
	margin: 0px auto;
	
}
#container .wrapper .header  a {
	
	color: #ffffff;
	text-decoration: none;

}

#container .wrapper .header  a:hover {
	text-decoration: none;

}
#container .wrapper .header  {
	

	width: 958px;
	margin: 0px auto;

}
#container .wrapper .header .header_container {
	background: #323535;
	width: 942px;
	margin: 0px auto;
	height: 192px;
	text-align: left;
	font-size: 12px;


}

#container .wrapper .header .header_container.company {
	padding-top: 7px;
	margin-bottom: -7px;

}
#container .wrapper .header .header_container.company .header_image {
	background: #434343 url(images/header_company.png) no-repeat;
	width: 924px;
	height: 178px;
	margin: 0px auto;

	
}

#container .wrapper .header .header_container.website-development {
	padding-top: 7px;
	margin-bottom: -7px;

}
#container .wrapper .header .header_container.website-development .header_image {
	background: #434343 url(images/header_website-development.png) no-repeat;
	width: 924px;
	height: 178px;
	margin: 0px auto;

	
}


#container .wrapper .header .header_container.experience, #container .wrapper .header .header_container.oso-colocation, #container .wrapper .header .header_container.oso-web-design {
	padding-top: 7px;
	margin-bottom: -7px;

}
#container .wrapper .header .header_container.experience .header_image, #container .wrapper .header .header_container.oso-colocation .header_image, #container .wrapper .header .header_container.oso-web-design .header_image {
	background: #434343 url(images/header_website-experience.png) no-repeat;
	width: 924px;
	height: 178px;
	margin: 0px auto;

	
}


#container .wrapper .header .header_container.website-hosting, #container .wrapper .header .header_container.promo-code-g2le {
	padding-top: 7px;
	margin-bottom: -7px;

}
#container .wrapper .header .header_container.website-hosting .header_image, #container .wrapper .header .header_container.promo-code-g2le .header_image {
	background: #434343 url(images/header_website-hosting.png) no-repeat;
	width: 924px;
	height: 178px;
	margin: 0px auto;

	
}


#container .wrapper .header .header_container.vps {
	padding-top: 7px;
	margin-bottom: -7px;

}
#container .wrapper .header .header_container.vps .header_image {
	background: #434343 url(images/header_vps_server.png) no-repeat;
	width: 924px;
	height: 178px;
	margin: 0px auto;

	
}

#container .wrapper .header .header_container.dedicated-servers {
	padding-top: 7px;
	margin-bottom: -7px;

}
#container .wrapper .header .header_container.dedicated-servers .header_image {
	background: #434343 url(images/header_vps_server.png) no-repeat;
	width: 924px;
	height: 178px;
	margin: 0px auto;

	
}

#container .wrapper .header .header_container.colocation-data-center {
	padding-top: 7px;
	margin-bottom: -7px;

}
#container .wrapper .header .header_container.colocation-data-center .header_image {
	background: #434343 url(images/header_colocation.png) no-repeat;
	width: 924px;
	height: 178px;
	margin: 0px auto;

	
}

#container .wrapper .header .header_container.contact-us {
	padding-top: 7px;
	margin-bottom: -7px;

}
#container .wrapper .header .header_container.contact-us .header_image {
	background: #434343 url(images/header_contact-us.png) no-repeat;
	width: 924px;
	height: 178px;
	margin: 0px auto;

	
}

.header_left {
	float: left;


}


.header_left .header_menu ul{

	list-style: none;
	list-style-type: none;
	color: #ffffff;
	padding-top: 13px;
	padding-left: 7px !important;

}
.header_left .header_menu ul li {
	height: 49px;
	width: 214px;
	margin-top: -6px;



}
.header_left .header_menu ul a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	height: 49px;
	width: 199px;
	line-height: 49px;
	padding-left: 15px;

}

.header_left .header_menu ul li.web_dev a:hover, .header_left .header_menu ul li.web_dev.active {

	background: url(images/header_hover_1.png) no-repeat;;
}
.header_left .header_menu ul li.hosting a:hover, .header_left .header_menu ul li.hosting.active {

	background: url(images/header_hover_2.png) no-repeat;;
}
.header_left .header_menu ul li.vps a:hover, .header_left .header_menu ul li.vps.active {

	background: url(images/header_hover_3.png) no-repeat;;
}

.header_left .header_menu ul li.dedicated-servers a:hover, .header_left .header_menu ul li.dedicated-servers.active {

	background: url(images/header_hover_4.png) no-repeat;;
}

.header_right {
	margin-top: 7px;
	margin-left: 7px;
	float:left;
	width: 703px;
	height: 178px;
	background: #434343;

}
.header_right .header_bg.web_dev {

	background: url(images/header_image_1.png) no-repeat;
	
}
.header_right .header_bg.hosting {

	background: url(images/header_image_2-3.png) no-repeat;
	
}
.header_right .header_bg.vps {

	background: url(images/header_image_3-2.png) no-repeat;
	
}
.header_right .header_bg.dedicated-servers {

	background: url(images/header_image_4.png) no-repeat;
	
}

.header_right .header_bg.web_dev .selected {

	background: url(images/header_selected_1.png);
	width: 83px;
	height: 177px;
}
.header_right .header_bg.hosting .selected {

	background: url(images/header_selected_2.png);
	width: 83px;
	height: 177px;
}
.header_right .header_bg.vps .selected {

	background: url(images/header_selected_3.png);
	width: 83px;
	height: 177px;
}
.header_right .header_bg.dedicated-servers .selected {

	background: url(images/header_selected_4.png);
	width: 83px;
	height: 177px;
}


.header_right .header_bg.web_dev .learn_more {
	background: url(images/header_learn_more_1.png);
	width: 120px;
	height: 38px;
	float:right;
	margin-right: 15px;
	margin-top: -53px;
	
}

.header_right .header_bg.hosting .learn_more {
	background: url(images/header_learn_more_2.png);
	width: 120px;
	height: 38px;
	float:right;
	margin-right: 15px;
	margin-top: -53px;
	
}

.header_right .header_bg.vps .learn_more {
	background: url(images/header_learn_more_3.png);
	width: 120px;
	height: 38px;
	float:right;
	margin-right: 15px;
	margin-top: -53px;
	
}

.header_right .header_bg.dedicated-servers .learn_more {
	background: url(images/header_learn_more_4.png);
	width: 120px;
	height: 38px;
	float:right;
	margin-right: 15px;
	margin-top: -53px;
	
}
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}


.clear {
	clear: both;
	
}
.contact-form {
	float: left;
	width: 400px;
	padding: 0px 15px 15px;

}
.contact-info {
	float: left;
	width: 200px;
	margin-left: 50px;
	


}

.mmf-response-output.mmf-validation-errors {
	background: #eeeeee;
	line-height: 25px;
	margin-bottom: 20px;
	font-size: 14px;

}
.mmf-form input[type="text"]{
	border: 1px solid #cccccc;	
	height: 20px;
	width: 200px;

}

.mmf-form input[type="submit"]{
	border: 3px solid #ffffff;	
	height: 40px;
	width: 90px;
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
	background: #333333;
	color: #ffffff;
	margin-top: 15px;
	float:right;
	cursor: pointer;
	line-height: 40px;
	margin-right: 17px;
	clear: both;
	

}

.mmf-form .mmf-not-valid-tip-no-ajax {
	color: #FF7800;
	margin-right: 20px;
	float: right;
	border-bottom: 1px dotted #FF7800;
	font-weight: normal;
	font-size: 11px;
}

.mmf-form textarea{
	border: 1px solid #cccccc;	
	width: 200px;
	height: 100px;

}
.mmf-validates-as-required {
	margin: 2px;
	border: 1px dotted #FF7800;
}
.mmf-form label {
	font-size: 12px;
	font-weight: bold;
}
.mmf-form img {
	margin-right: 20px;
	position: relative;
	margin-bottom: -13px;
	float:right;
	border: #cc6666 solid 3px;

}
#footer {
	padding-top: 10px;
	text-align: right;
	margin-right: 50px;
	height: 24px;
	color: #ffffff;

}
#footer a {
	color: #ffffff;
	text-decoration: none;

}
#footer a:hover {
	text-decoration: underline;

}





.plan_body.website-hosting {
	width: 721px;
	padding-left: 80px;


}

.plan_body.vps-hosting {
	width: 721px;
	padding-left: 80px;


}

.plan_top {

	width: 853px;
	height: 29px;
	

}


.plan_body {
	width: 853px;
	
}

.plan_bottom {

	width: 853px;
	height: 35px;
	

}

.plan_column {
	float: left;
	width: 173px;
	height: 25px;
	text-align: center;
	vertical-align: middle; 
	border-top: 3px #eeeeee solid;
	border-right: 3px #eeeeee solid;

}
.plan_row.right {
	text-align: right;
	padding-bottom: 5px;
	padding-right: 10px;


}
.plan_row.two, .two .plan_column, .two .plan_divider {
	height: 50px;
	line-height: 50px;
	

}

.plan_row.three, .three .plan_column, .three .plan_divider {
	height: 75px;
}

.plan_row.ordernow {
	background: #ffe6e6;
	border:2px solid #FFFFFF;

}
.plan_row.top .plan_column, .plan_row.top .plan_divider, .plan_row.two.virtuzzo .plan_column.virtuzzo {
	border-top: 0px;
	border-right: 0px;	
}
.plan_row.ordernow .plan_column, .plan_row.ordernow .plan_divider, .plan_column.heading {
	border-top: 0px;
	border-right: 0px;		
}


.plan_row.brief, .plan_row.brief .plan_divider  {

	background: #fbff88;
}

.plan_column.heading {

	font-size: 13px;
	font-weight: bold;

}

.plan_column.right {
	text-align: right;
	font-size: 12px;
	border-top: 0px;
	border-right: 0px;		
}

.plan_column.pricing {

	color: #cd0000;
	font-weight: bold;
	font-size: 13px;
	
}

.plan_column .italic {

	color: #d96166;
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
}
.plan_column .text-contain {

	line-height:normal; 

}
.plan_column .text-contain p {
	padding-top: 7px;
	line-height: 16px;
	height: 16px;
	padding-bottom: 0px;	

}
.plan_row.top {

	background: #ffffff;
	line-height: normal;
	text-align: center;
	background: url(images/website-plan-top.png) right repeat-x;
	height: 130px;
	padding-top: 20px;
	margin-right: 6px;
}

.plan_row {
	background: #fbfbfb;
	clear: both;
	height: 25px;
	line-height: 25px;
}
.plan_row.odd {
	background: #ffffff;

}
.plan_row.top .plan_column.right {
	height: 120px;
	font-size: 14px;

	
}

.plan_row.top .plan_divider.noborder {

	border-bottom: 0px;
}


.plan_divider {

	width: 1px;
	float: left;
	height: 26px;
	margin-left: 10px;
	border-right:3px solid #eeeeee;
	border-bottom:3px solid #eeeeee;
}
.plan_divider.noborder {
	border-right: 3px solid #FBFBFB;
	border-bottom: 3px solid #FBFBFB;

}
.brief .plan_divider.noborder {
	border-right: 3px solid #FBFF88;
	border-bottom: 3px solid #ffffff;

}
.plan_body .order_now {
	margin-top: 6px; 
	background: url(images/plan-ordernow-2.png) no-repeat;
	width: 113px;
	height: 38px;


}
.plan_body img.no {
	margin-top: 2px;
	background: url(images/plan-notavail.png) center no-repeat;

}
.plan_body img.yes {
	margin-top: 2px;
	background: url(images/plan-avail.png) center no-repeat;

}
.plan_body img.best-value {
	background: url(images/best-value.png) center no-repeat;
	width: 47px;
	height: 18px;
	margin-right: -25px;
	margin-left: 5px;


}
.plan_type {
	color: #d12022;
	font-weight: bold;
	font-size: 18px;
}
.plan_type .image.linux {

	background: url(images/header-linux.png) no-repeat;
	width: 77px;
	height: 88px;
	float: left;
	margin-left: 30px;
	margin-bottom: -63px;
	z-index: 999;
	position: relative;
}

.plan_type .image.osolabs {

	background: url(images/header-osolabs.png) no-repeat;
	width: 77px;
	height: 88px;
	float: left;
	margin-left: 30px;
	margin-bottom: -63px;
	z-index: 999;
	position: relative;
	top: -30px;
}

.plan_column img.basic {

	background: url(images/basic-wh-plan.png) no-repeat;
	width: 85px;
	height: 81px;
}
.plan_column img.ecom {

	background: url(images/ecom-wh-plan.png) no-repeat;
	width: 85px;
	height: 81px;
}
.plan_column img.bus {

	background: url(images/bus-wh-plan.png) no-repeat;
	width: 85px;
	height: 81px;
}
.plan_body .plan_row.top img.best-value {
	margin: 2px 0px 0px 0px;
}
.plan_type .text {
	width: 746px;
	
}

.image.windows {

	background: url(images/header-windows.png) no-repeat;
	width: 77px;
	height: 77px;
	margin-bottom: -30px;
}

.virtuzzo_logo {

	background: url(images/SWSOFT_PWD_BY_VZ.gif) no-repeat;
	width: 88px;
	height: 31px;
	margin-top: 10px;
	text-align: right;
	
}
.plan_row.two.virtuzzo .yes, .plan_row.two.virtuzzo .no{

	margin-top: 12px;

}

.plan_column .virtuzzo_logo {
	text-align: right;
	line-height: normal;!important
	
}


.plan_row.two.virtuzzo .plan_column.virtuzzo {


	line-height: normal;
	text-align: right;
}

#container .divider {
	border-bottom: 1px #cccccc solid;
	height: 1px;

}
#google_search {


	position: relative;
	float: right;
	margin-top: -70px;
	left: -25px;
}

#google_search input {

	background: #ffffff;
	color: #333333;
	border: 1px #cccccc solid;
}
.collapse {

	margin-bottom: 15px;
}
.accord {
	margin-top: 15px;

}
.sharethis {
	
	margin-bottom: 10px;
	float: right;
}
.social_networks {
	display: block;
	float: right;
	top: -15px;
	left: -25px;
	position: relative;

}
.see_packages {

	float: right;
}
.hosting_plans {

	background: url(images/hosting-plans-bg.png);
	width: 171px;
	height: 270px;
}
#love {
	position: relative;
	left: 55px;
	float: left;
}
#love ul {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
}
#love ul li {
	display: inline;
}
#love ul li.twitter img {
	background: url(images/twitter_icon.png) no-repeat;
}

#love ul li.fb img {
	background: url(images/fb_icon.png) no-repeat;
}
#livechat {
	margin-bottom: 10px;
}

.technology-partners img {
	background: url(images/technology_partners.png);
	width: 269px;
	height: 101px;
	left:20px;
	position:relative;
	float: right;
	

}
.subscribe_bottom {
	margin-top: 5px;
	float:right;
}
.subscribe_bottom input {
	margin-bottom: 5px;

}
.subscribe_bottom input[type=text]{

	border: 1px #cccccc solid;
	color: #ffffff;
	background: #444444;
	font-size: 10px;
	padding: 2px;
	width: 105px;

}
.subscribe_bottom #submit_btn {

	width: 65px;
	height: 21px;
	background: url(images/subscribe-btn.png) no-repeat;
}
.alignright {
	text-align: right;
}
.alignleft {
	text-align: left;
}
ol {
	margin-left: 25px;

}
.oso-xp-button {

	background: url(images/osolabs_experience.png) no-repeat;
	width: 302px;
	height: 102px;
	float: left;
	position: relative;
	left:20px;

}

.oso-xp-button:hover {

	background: url(images/osolabs_experience-hover.png) no-repeat;
	width: 302px;
	height: 102px;
	

}
