/*
Theme Name: selectional
*/
/* CSS Document */
/*===================================================================================================================
						Selectional1 Frontpage
=====================================================================================================================*/
#frontpage {
	 margin: 0; padding: 0;
}
* html #frontpage { height: 1%;}
#frontpagetab {
	margin: 0; padding: 0;
}
#frontpagetab ul {
	float: left; margin: 0; padding: 0; width: 500px; display: inline; list-style: none; 
}
#frontpagetab ul li {
	float: left; display: inline; list-style: none; font: bold 12px arial;  line-height: 12px; margin-right: 1px;

}
.pri2 a{
	background: url(img/pri.gif) no-repeat center top; width: 96px; height: 42px; float: left; text-align: center; padding-top: 4px;  
}
.pri2 a.selected { background: url(img/prihover.gif) no-repeat center top;}
.share a{
	background: url(img/share.gif) no-repeat center top; width: 96px; height: 42px; float: left; text-align: center; padding-top: 4px; 
}

.share a.selected { background: url(img/share2.gif) no-repeat center top; }
.dedicate a{
	background: url(img/dedicate.gif) no-repeat center top; width: 96px; height: 42px; float: left; text-align: center; padding-top: 4px;
}

.dedicate a.selected { background: url(img/dedicate2.gif) no-repeat center top; }
.manage a{
	background: url(img/manage.gif) no-repeat center top; width: 96px; height: 42px; float: left; text-align: center; padding-top: 4px;
}

.manage a.selected { background: url(img/manage2.gif) no-repeat center top; }
.cloud a{
	background: url(img/cloud.gif) no-repeat center top; width: 96px;  height: 42px; float: left; text-align: center; padding-top: 4px;
}
.cloud a.selected { background: url(img/cloud2.gif) no-repeat center top;}
.pri2 a:hover, .share a:hover, .dedicate a:hover, .manage a:hover, .cloud a:hover {
	text-decoration: none; color: #000000; 
}
.pri2 a, .share a, .dedicate a, .manage a, .cloud a {
	text-decoration: none; color: #333333; 
}

/*---------------this container for the java sript------------*/
#tabcontainer {
	height: 300px; margin-top: -6px;
}

/*-------------------------------------------------------------------------------------------------
					selectional page 1
--------------------------------------------------------------------------------------------------*/
.tsec1 { background: url(img/tsec1.gif) repeat-x left top; }
.rsec1 { background: url(img/rsec1.gif) no-repeat right top;}
.lsec1 { background: url(img/lsec1.gif) no-repeat left top; height: 269px; padding: 10px;}
/*--------------------------------------------------------------------------------------------------
					selectional page 2
---------------------------------------------------------------------------------------------------*/
.tsec2 { background: url(img/tsec2.gif) repeat-x left top;  }
.rsec2 { background: url(img/rsec2.gif) no-repeat right top;}
.lsec2 { background: url(img/lsec2.gif) no-repeat left top;}
.wsec2 { background: url(img/pic6.gif) no-repeat right bottom; height: 269px;}
.wsec2 {
	font: 11px arial; color: #333333;
}
/*--------------------------------------------------------------------------------------------------
					selectional page 3
---------------------------------------------------------------------------------------------------*/
.tsec3 { background: url(img/tsec3.gif) repeat-x left top;  }
.rsec3 { background: url(img/rsec3.gif) no-repeat right top;}
.lsec3 { background: url(img/lsec3.gif) no-repeat left top; height: 269px; padding: 10px;}
/*--------------------------------------------------------------------------------------------------
					selectional page 4
---------------------------------------------------------------------------------------------------*/
.tsec4 { background: url(img/tsec4.gif) repeat-x left top; }
.rsec4 { background: url(img/rsec4.jpg) no-repeat right top;}
.lsec4 { background: url(img/lsec4.jpg) no-repeat left top; height: 269px; padding: 10px;}
/*--------------------------------------------------------------------------------------------------
					selectional page 5
---------------------------------------------------------------------------------------------------*/
.tsec5 { background: url(img/tsec5.jpg) repeat-x left top;}
.rsec5 { background: url(img/rsec5.jpg) no-repeat right top;}
.lsec5 { background: url(img/lsec5.jpg) no-repeat left top; }
.wsec { background:  url(img/pic7.jpg) no-repeat right bottom; height: 237px; padding: 10px; margin-bottom: 20px;}
* html .wsec { padding-bottom: 1px;}
.frontpic {
	float: left; width: 20%;
}
.frontpic2 {
	float: right; width: 25%;
}
.lsec1 h2 {
	margin: 0; padding: 0;
}
/*---------------------------------------------------------------------------------------------------------
							fontcontent 1 2 3 4 5 here
----------------------------------------------------------------------------------------------------------*/
.frontcontent {
	font: 11px arial; color: #333333; margin-right: 80px; float: right; width: 500px;
}
* html .frontcontent { margin-right: 40px;}
.frontcontent2 {
	font: 11px arial; color: #333333; margin-left: 100px; width: 500px; float: left; padding-top: 10px;
}
* html .frontcontent2 { margin-left: 50px;}
.frontcontent2 h3, .frontcontent3 h3, .frontcontent4 h3{
	font: bold 22px arial; color: #333333; margin: 0; padding: 0;
}
.frontcontent3 {
	font: 11px arial; color: #333333; width: 280px; float: left; margin-left: 10px; padding-top: 10px;
}
.frontcontent4 {
	font: 11px arial; color: #333333; width: 380px; float: left; margin-left: 10px; padding-top: 10px;
}
.frontcontent5 {
	font: 11px arial; color: #333333; width: 480px; float: left; margin-left: 90px; padding-top: 10px;
}

.frontcontent5 h3 {
	margin: 0; padding: 0; font: bold 22px arial; color: #333333;
}
.intro {
	font: bold 20px arial; color: #333333;
}
.limit {
	font: bold 18px arial; color: #669900;
}
/*---------------------------------------------------------------------------------------------------------------------------------------
								option 1
-----------------------------------------------------------------------------------------------------------------------------------------*/
.optionwrapper1 {
	margin-right: 80px; float: right; width: 500px;  
}
* html .optionwrapper1 { margin-right: 50px; }
.roption { background: url(img/roption.gif) no-repeat right top; width: 90px; float: left; margin-top: 20px; margin-left: 2%;}
.loption { background: url(img/loption.gif) no-repeat left top; height: 80px; text-align: center; font: bold 14px arial;}
.op {
	color: #333333; text-align: center; padding-top: 6px; 
}
.op a{
	color: #333333; text-decoration: none; 
}
.op a:hover { color: #ff6600;}
.monthly {
	color: #FFFFFF; text-align: center; padding-top: 14px;
}
#button {
	float: left; margin: 0 5px 0; margin-top: 70px;
}
#button img {
	border: 0;
}
/*-------------------------------------------------------------------------------------------------------------------
						option 2
------------------------------------------------------------------------------------------------------------------------*/
.optionwrapper2 {
	margin-left: 90px; float: left; width:500px;
}
* html .optionwrapper2 {margin-left: 30px;}
.roption2 { background: url(img/roption2.gif) no-repeat right top; width: 90px; float: left; margin-top: 20px; margin-left: 2%;}
.loption2 { background: url(img/loption2.gif) no-repeat left top; height: 86px; text-align: center; font: bold 17px arial; padding-top: 2px;}
.op {
	color: #333333; text-align: center; padding-top: 6px; 
}
.monthly2 {
	color: #336600; text-align: center; padding-top: 7px;
}
.monthly2 a { color: #336600;}
#readmore2 { width: 84px; height: 31px; margin: 0; padding-left: 8px; padding-top: 4px; border: 0; background: transparent url(img/selectionalbtn2.gif) no-repeat right bottom; font: bold 11px arial; color: #336600; /* for IE 5.x */
}
/*-----------------------------------------------------------------------------------------------------------------------------------------
								option 3
---------------------------------------------------------------------------------------------------------------------------------------------*/
.optionwrapper3 {
	float: left; width: 200px; height: auto; margin-top: 10px;
}
.roption3 { background: url(img/roption3.gif) no-repeat right top; width: 90px; float: left; margin-left: 5%; }
* html .roption3 { margin-left: .6%;}
.loption3 { background: url(img/loption3.gif) no-repeat left top; height: 86px; text-align: center; font: bold 14px arial; padding-top: 3px;}
.op {
	color: #333333; text-align: center; padding-top: 6px; 
}
.monthly2 {
	color: #336600; text-align: center; padding-top: 7px;
}
#button3 {
	margin-left: 10px; margin-top: 0; padding: 0;
}

#button3 img {
	border: 0;
}
/*-----------------------------------------------------------------------------------------
							option 4
-------------------------------------------------------------------------------------------*/
.optionwrapper4 {
	float: left; width: 140px; height: auto; margin-left: 210px; padding-top: 10px;
}
* html .optionwrapper4 { margin-left: 105px;}
.roption4 { background: url(img/roption4.gif) no-repeat right top; width: 100%; float: left; }
.loption4 { background: url(img/loption4.gif) no-repeat left top; height: 67px; text-align: center; }
.op4 {
	font: bold 11px arial; color: #d1e373; text-align: center; padding-top: 9px; 
}
.op4 a{
	 color: #d1e373; text-decoration: none;
}
.op4 a:hover { color: #ff6600;}
.monthly4 {
	font: bold 14px arial; color: #336600; text-align: left; padding-top: 8px; margin-left: 6%;
}
#button4 {
	 margin: 5px 0; padding: 0;
}
#button4 img {
	border: 0;
}
/*-----------------------------------------------------------------------------------------
							option 5
-------------------------------------------------------------------------------------------*/
.optionwrapper5 {
	float: left; width: 190px; height: auto; 
}
.roption5 { background: url(img/roption5.gif) no-repeat right top;  height: 82px; text-align: center; width: 190px;  }
.loption5 { background: url(img/loption5.gif) no-repeat left top; width: 100%;}
.op5 {
	float: left;font: bold 12px arial; color: #000000; text-align: left; padding-top: 15px; width: 44%; margin-left: 6%; 
}
.op5 a {
	color: #000000; text-decoration: none;
}
.op5 a:hover { color: #ff6600;}
* html .op5 { margin-left: 3%;}
.save5 {
	float: right; font: bold 14px arial; color: #336600; text-align: left; padding-top: 18px; width: 35%; 
}
.save5 h2 {
	margin: 0; padding: 0;
}
* html .seve5 h2 { height: 1%;}
.save {
	font: bold 17px arial; color: #333300;
}
.save2 {
	font: bold 22px arial; color: #FFFFFF;
}
.monthly5 {
	float: left; font: bold 14px arial; color: #336600; text-align: left;  margin-left: 6%; width: 48%; 
}
* html .monthly5 { margin-left: 3%;}
#button4 {
	 margin: 5px 0; padding: 0;
}
#readmore4 { width: 84px; height: 26px; margin: 0; padding-left: 5px; padding-top: 0; border: 0; background: transparent url(img/selectionalbtn4.gif) no-repeat right bottom; font: bold 11px arial; color: #336600; /* for IE 5.x */
}
* html .optionwrapper5 { height: 1%}
/*-----------------------------------------------------------------------------------------------------------------------------
				content wrapper here			
--------------------------------------------------------------------------------------------------------------------------------*/
#contentwrapper {
	float: left; width: 610px; font: 12px arial; color: #666666; 
}
#contentwrapper h3 {
	margin: 0; padding: 0; font: bold 17px arial; color: #333333;
}
/*---------------------------selectional boxes--------------------------------------------------*/
.tselbox1, .testi { background: #fbfafa url(img/tselbox1.gif) repeat-x left top; float: left; width: 300px; margin-top: 10px;}
.testi { background: #fbfafa url(img/tselbox1.gif) repeat-x left top; float: right; width: 300px; margin-top: 10px;}
* html .tselbox1, .testi { width: 296px;}
.twitter { background: #fbfafa url(img/tselbox1.gif) repeat-x left top; margin-top: 10px;}
.rselbox1 { background: url(img/rselbox1.gif) repeat-y right top;}
.lselbox1 { background: url(img/lselbox1.gif) repeat-y left top;}
.bselbox1 { background: url(img/bselbox1.gif) repeat-x left bottom;}
.rbselbox1 { background: url(img/rbselbox1.gif) no-repeat right bottom;}
.lbselbox1 { background: url(img/lbselbox1.gif) no-repeat left bottom;}
.rtselbox1 { background: url(img/rtselbox1.gif) no-repeat right top;}
.ltselbox1 { background: url(img/ltselbox1.gif) no-repeat left top; }
.ltselbox_twit { background: url(img/ltselbox1.gif) no-repeat left top; padding: 0 10px 10px 10px;}
.pri_net { padding: 0px 10px 0px 10px;}
* html .pri_net { height: 1%;}
.pri_net a {
	float: left; padding-top: 7px;
}
.selboxhead {
	padding-top: 10px; margin-bottom: 12px; font: bold 14px arial; color: #333333;
}
.selboxhead a img {
	float: right;
	width: 100px;
	position: relative;
	margin-top: -18px;
}
.ltselbox1 ul {
	margin: 12px 0; padding: 0
}
.lselbox1 li {
	list-style: none;
}
.ltselbox1 a {
	text-decoration: none; font: bold 11px arial; color: #ff6600;
}
.ltselbox1 a:hover { color: #669900;}
.boxcontent {
	padding-bottom: 10px;
}
.boxcontent a {
	text-decoration: none; font: bold 11px arial; color: #fb5300;
}
.rsstitle a{
	font: bold 12px arial;
}
.rssdate { color: #4A6C06;}
.boxcontent a:hover { color: #74920d;}
.tri_link { padding-left: 10px; float: right; width: 50px;}
.tri_link a { float: left; width: 50px; text-decoration: blink;}
.tri_link a span { border: 0; float: right; width: 35px; height: 34px; background: url(img/rbselbox1_s.gif) no-repeat right bottom; display: block;}
.tri_link a:hover span { background: url(img/rbselbox1_h.gif) no-repeat right bottom; cursor: pointer;}
/*------boxs 2----*/
.selbox2{
	float: left; border: 6px solid #e0dede; background: #ebebeb; margin-top: 20px; min-height: 100px; height: auto; width: 270px; padding-left: 10px; padding-right: 10px;
}
.need {
	float: right; border: 6px solid #e0dede; background: #ebebeb; margin-top: 20px; min-height: 100px; height: auto; width: 270px; padding-left: 1%; padding-right: 1%;
}

* html .selbox2 {
	min-height: 100px;
	height: auto !important;
	height: 100px;
}
.selboxhead2 {
	font: bold 14px arial; color: #669900; padding-top: 10px; padding-bottom: 5px;
}
/*----------------------------------------------------------------------------------------------------------
					Sidebar
----------------------------------------------------------------------------------------------------------*/
#sidewrapper {	
	float: right; width: 250px; padding-bottom: 50px; font: 11px arial; color: #333333;

}
/*-----------------------side box3-----------------------------*/
.tselbox3 { background: #f7f6f5 url(img/tselbox3.gif) repeat-x  left top; font: 11px arial;}
.bselbox3 { background: url(img/bselbox3.gif) repeat-x left bottom;}
.rselbox3 { background: url(img/rselbox3.gif) repeat-y right top;}
.lselbox3 { background: url(img/lselbox3.gif) repeat-y left top;}
.rbselbox3 { background: url(img/rbselbox3.gif) no-repeat right bottom;}
.lbselbox3 { background: url(img/lbselbox3.gif) no-repeat left bottom;}
.rtselbox3 { background: url(img/rtselbox3.gif) no-repeat right top;}
.ltselbox3 { background: url(img/ltselbox3.gif) no-repeat left top; min-height: 230px; height: auto; padding-left: 10px; padding-right: 10px;}
* html .ltselbox3 {
	min-height: 230px;
	height: auto !important;
	height: 230px;
}
.selboxhead3 {
	font: bold 15px arial; color: #d15701; padding: 10px 0;
}
.ltselbox3 h3 {
	margin: 0; padding: 0; font: bold 14px arial; 
}
.ltselbox3 ul {
	margin: 0; padding: 0; position: relative;
}
.ltselbox3 li {
	width: 50%; list-style: none; padding: 10px 0; margin-left: 4%;
}
/*----------------------------------------box4-----------------------------------------------------------------------*/
.tselbox4 { background: #FFFFFF url(img/tselbox4.gif) repeat-x left top; margin-top: 15px;}
.bselbox4 { background: url(img/bselbox4.gif) repeat-x left bottom;}
.rselbox4 { background: url(img/rselbox4.gif) repeat-y right top;}
.lselbox4 { background: url(img/lselbox4.gif) repeat-y left top;}
.rbselbox4 { background: url(img/rbselbox4.gif) no-repeat right bottom;}
.lbselbox4 { background: url(img/lbselbox4.gif) no-repeat left bottom;}
.rtselbox4 { background: url(img/rtselbox4.gif) no-repeat right top;}
.ltselbox4 { background: url(img/ltselbox4.gif) no-repeat left top;  padding-left: 10px; padding-right: 10px;}
* html .tselbox4 { height: 1%;}
#domain {
	margin: 5px 0; padding: 0;
}
#dom {
	border: 1px solid #c9bda2; width: 136px;
}
#domain_btn { width: 65px; height: 27px; margin: 0; padding-left: 6px; padding-top: 1px; border: 0; background: transparent url(img/domainbtn.gif) no-repeat right bottom; font: bold 11px arial; color: #336600; /* for IE 5.x */
}
.selboxhead4 {
	font: bold 15px arial; color: #212525; padding: 10px 0;
}
.affiliate {
	background: url(img/hosting_page_features.gif) no-repeat top;
	height: 200px;
	text-algn: center;
	padding-top: 7px;
	padding-left: 40px;
	padding-right: 18px;
}
.affiliate img {
	float: left;
}
.affil {
	float: right;
	background: url(img/affiliate_link2.gif) no-repeat left top;
	padding: 18px 12px 12px 16px;
	width: 194px;
}
.affil a {
	font: bold 14px arial;
	text-decoration: none;
	color: #333;
}
.affil a:hover {
	color: #F1941A;
}
.affil strong {
	font: bold 14px arial;
	color: #336600;
}
#affil_cash {
	float: right;
	font: bold 18px arial;
	text-align: center;
	padding: 0 34px 0 0;
}
.cashfil {
	color: #fff;
}