/* Stylesheet for Osiris Communications

 *

 * Copyright © 2006 Eggplant Studios All Rights Reserved.

 * 

 * Author: Eggplant Studios Team

 *

 * Please feel free to learn from this CSS :)

 */

/* Body BG */

body {background:#fef2aa url(../images/backgrounds/siteIndex_bg.gif) repeat-y top left;}

/* All Fonts */

#scaffolding {font-family: Arial, Helvetica, sans-serif; }



/* Header */

#header .top-bar	{ font-size:77%; height: 2%; text-align:right;}	

#header .top-bar a {  font-size: 78% ;  text-align:right; text-decoration: none; color:#000000;}

#header .top-bar a:hover{ color:#4882A2;}

#header .call-free { font-size: 78% ; text-align:right;}





/* h1 - h4 */

h1 { font-size: 208%; font-weight: normal;}

h2 { font-size: 139%; color:#4882A2; vertical-align: top; padding: 0 0 10px 6px; font-weight: normal;}

h3 a { font-size: 121%; padding: 0 6px 0 6px; font-weight: normal; color:#000000; text-decoration: none;}

h3 a:hover {text-decoration: underline;}

h4 { font-size: 79%; font-weight: bold; padding: 0 0 10px 6px;}



/* Standard Body text */

.bodytext-bold 			{ font-size: 79%; font-weight: bold;}

.bodytext 				{ font-size: 79%; font-weight: normal;}

.bodylink 				{ text-align: right; }

.bodylink a				{
	font-size: 79%;
	color:#000000;
	font-weight: normal;
	background: url(../images/bullets/arrow.gif) no-repeat;
	text-decoration: underline;
}



.bodylink a:hover		{ text-decoration: none; color:#4882A2;}



.bodytext a 		{ color:#4882A2; text-decoration: none;}

.bodytext a:hover	{ color:#4782a2; text-decoration: underline;}



.linkified { cursor: pointer; }



.linkified .package-more a, .linkified bodylink a {
	text-decoration: underline;
	color:#000000;

}



.linkified:hover .package-more a, .linkified:hover .bodylink a {

	text-decoration: none;

	color:#4882A2;

}



/* Index Pages */

#left-column-top .domain-title {

	background: url(../images/bullets/blue-arrow-icon.gif) no-repeat;

	padding: 2px 0 0 18px;

	margin: 8px 0 0 0;	

	/*word-wrap: break-word;*/

	overflow: hidden;	

}



#left-column-top .domain-examples {

	color:#000000;

	font-size: 99%;

	padding:  2px 0 0 10px;

}

#section-main .page-title {

	padding: 0 0 0 181px;

}

#index-main .index-title {

	padding: 0 0 0 163px;

}



#index-main .package-title {

	background: url(../images/bullets/blue-arrow-icon.gif) no-repeat;

	padding: 2px 0 5px 18px;

	width: 190px;

	float: left;

}

#index-main .package-title {
	padding: 2px 0 3px 18px;
}

#index-main .package-info, #left-column-top .domain-info{

	font-size: 85%;

	color:#4882A2;

	font-weight: normal;

}

#index-main .package-info{

	padding: 0 0 25px 0;

}

#left-column-top .domain-info{

	padding: 5px 0 0 0;

}

#index-main .package-info-from {

	font-size: 59%;

	color:#4882A2;

	font-weight: normal;	

	float: left;
	width:auto;

}

#index-main .package-info-price{

	font-size: 79%;

	color:#4882A2;

	font-weight: normal;	

	padding: 0 0 0 5px;

	float: left;
	width:auto;

}



#index-main .package-more, #left-column-top .package-more{

	font-size: 79%;

	color:#000000;

	font-weight: normal;	

	background: url(../images/bullets/arrow.gif) no-repeat;

}

#index-main .package-more {

	padding: 0 6px 0 13px;

	margin: 0 0 0 90px;

	float: right;	
	width:auto;

}

#left-column-top .package-more {

	padding: 0 0 0 13px;

	margin: 2px 0 0 40px;

} 



#left-column-top .package-more a {
	text-decoration: underline;
	color:#000000;

}



#index-main .package-more a:hover, #left-column-top .package-more a:hover {

	text-decoration: none;

	color:#4882A2;

}



#welcome-box .title {

	min-height: 20px;

	font-size: 119%;

	color : #fff;

	font-weight: normal;

	padding: 10px 0 10px 10px;

}
* html #welcome-box .title {

	height:22px;	
}

#welcome-box .welcome-txt{

	min-height: 270px;

	font-size: 75%;

	color : #fff;

	font-weight: normal;

	margin: 0 10px 0 10px;

}
* html #welcome-box .welcome-txt{

	height:272px;		

}
/* Random Testimonial text */

#testimonial .name 				{font-size: 69%; text-align:right; padding: 0 10px 10px 0; }

#testimonial .bodytext-bold 	{ padding: 0 6px 0 6px; text-align:center;}

#testimonial .bodylink a 		{font-size: 69%; background: url(../images/bullets/small_arrow.gif) no-repeat; margin: 10px 0 0 0; padding: 0 6px 0 13px;}

.welcome-txt a, .welcome-txt a:visited { color:#fff;}

.help-title {

	min-height: 15px;

	font-size: 89%;

	color : #fff;

	font-weight: normal;

	padding: 0 0 0 10px;

}

* html .help-title {

	height:17px;		
}

#welcome-box .help-txt a{

	font-size: 75%;

	color : #fff;

	font-weight: normal;

	margin: 0 0 0 10px;

	text-decoration:none;

	vertical-align: top;

}



#welcome-box .help-txt a:hover{

	text-decoration:underline;

}



#ft .copyright {

	color: #5f6062;

	float: left;

	font-size: 69%;

	/*padding: 20px 0 0 10px;*/
	margin : 20px 0 0 80px;

	text-align: center;

	width: 570px;

}



/* body text layouts */



#left-column-top .bodytext { padding: 60px 0 0 5px;}
* html #left-column-top .bodytext {  padding: 45px 0 0 5px;}

#left-column-top .www { font-size: 69%;  padding: 0 0 0 5px; }
* html #left-column-top .www { padding: 0 0 0 5px;}

#left-column-top .text-field { margin: 0 0 0 5px;}
* html #left-column-top .text-field { margin: 0 0 0 5px;}


#left-col-bottom .bodytext {
	font-size: 69%;
	padding: 0 50px 0 10px;
} 
#left-col-bottom .bodytext {
	padding: 0 50px 0 10px;
}
/*#left-col-bottom .bodytext-bold { } */

#left-col-bottom h4 			{ padding: 10px 0 5px 10px ;}

#left-col-bottom .bodylink		{
	margin: 0 15px 0 0;
	padding: 0 0 0 0;
}

#left-col-bottom .bodylink a	{  padding: 0 0 0 13px;  }



#center-bottom .bodytext		{ padding: 0 10px 0 10px;}  

#center-bottom .bodylink			{ margin: 0 0 10px 0 ;}

#center-bottom .bodylink a		{ padding: 0 10px 0 13px;  }

#center-bottom h2 			{ font-size: 99%; padding: 5px 0 5px 10px ;}



#center-base .bodytext			{ padding: 0 150px 0 10px;}

#center-base .bodylink			{ margin: 10px 200px 10px 0 ;}

#center-base .bodylink a		{ padding: 0 0 0 13px; }

#center-base h2 			{ font-size: 99%; padding: 10px 0 5px 10px ;}



#center-top a:hover .package-more {

	text-decoration: none;

	color:#4882A2;

}



#left-col-bottom .top-panel {

	width: 321px;

	min-height: 92px;

	background:url(../images/backgrounds/servers_bg.gif) bottom center  no-repeat;

	border-top: 1px #b1b1b1 solid;

	margin: 0 0 0 3px;
}
* html #left-col-bottom .top-panel {
	height:92px;	
	margin: 0 0 0 2px;
}

#left-col-bottom .middle-panel {

	width: 321px;

	min-height: 92px;

	background:url(../images/backgrounds/colocation_bg.gif) bottom center  no-repeat;

	border-top: 1px #b1b1b1 solid;

	margin: 0 0 0 3px;

}

* html #left-col-bottom .middle-panel {
	height:92px;		
	margin: 0 0 0 2px;
}

#left-col-bottom .bottom-panel {

	width: 321px;

	min-height: 92px;

	background:url(../images/backgrounds/testimonials_bg.gif) bottom center  no-repeat;

	border-top: 1px #b1b1b1 solid;
	margin: 0 0 0 3px;
}
* html #left-col-bottom .bottom-panel {
	height:92px;		
	margin: 0 0 0 2px;
}

#center-base .webdesign-bg{

	width: 418px;

	min-height: 142px;

	background:url(../images/backgrounds/webdesign_bg.gif) bottom center no-repeat;

	border-top: 1px #b1b1b1 solid;

	float: left;

}

* html #center-base .webdesign-bg{
	height:142px;		
}


#center-bottom .center-left, #center-bottom .center-right{

	width: 206px;

	min-height: 135px;

	background:url(../images/backgrounds/square_bg.gif) bottom center no-repeat;

	border-top: 1px #b1b1b1 solid;

	float: left; 

}
* html #center-bottom .center-left, #center-bottom .center-right{

	height:135px;		
}

#center-bottom .center-right { margin: 0 0 0 6px;}



#left-column-top ul.list-title li{

	font-size: 89%;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

}



#left-column-top ul.list-items li{

	background:url(../images/backgrounds/index-list-bg.gif) no-repeat;

	height: 27px;

	padding: 2px 0 0 10px;

}



#left-column-top ul li a{

	font-size: 89%;

	font-family: Arial, Helvetica, sans-serif;

	color:#4882A2;

	font-weight: normal;

	text-decoration: none;

}

#left-column-top ul li a:hover{

	color:#000000;

}



#index-main .content { margin: 5px 10px 0 10px;}

#left-col-bottom .content { margin: 5px 0 0 5px;}
* html #left-col-bottom .content {margin: 0 0 10px 5px;}


#center-top .object-personal, #center-top .object-webdev, #center-top .object-smb, #center-top .object-enterprise { width: 59px; height: 40px; float:right;}



#center-top .object-personal	 { background: url(../images/packages/cat_img.gif); }

#center-top .object-webdev		 { background: url(../images/packages/camel_img.gif); }

#center-top .object-smb			 { background: url(../images/packages/dog_img.gif); }

#center-top .object-enterprise	 { background: url(../images/packages/falcon_img.gif); }

#center-top .package-bg-left, .package-bg-right{
	width: 288px;
	min-height: 125px;
	background:url(../images/backgrounds/index-package-bg.gif) bottom center no-repeat;
	text-decoration: none;
	border-top:1px solid #a49a9a;
	float: left;

}
* html #center-top .package-bg-left, .package-bg-right{
	height:125px;
}


#left-column-top .domain-graphic {
	width: 156px;
	min-height: 235px;
	background:url(../images/backgrounds/domain_graphic.gif) bottom center no-repeat;
	margin: 0 0 5px 2px;
}
* html #left-column-top .domain-graphic {
	margin: 0 0 5px 2px;
	height:245px;	
}
#left-column-top .domain-panel{
	width: 159px;
	min-height: 251px;
	background:url(../images/backgrounds/index_domain_bg.gif) bottom center no-repeat;
	border-top:1px solid #a49a9a;
	margin: 0 0 0 3px;
}
* html #left-column-top .domain-panel{
	height:251px;
	margin: 0 0 0 2px;
}


.package-bg-right{
	margin: 0 0 0 5px;
}
* html .package-bg-right{
	margin: 0 0 0 5px;
}