@import "/css/black-tie/ui.all.css";

body { 
	background-color:#1d2228;
	margin:15px 0 200px 0;
	font-family:Verdana,Tahoma;
/*	font-size:smaller; */
	color:#757474;
	text-align:center 
}
#body {
	width:900px;
	/* min-height:100%; */
	background-color:#FFFFFF;
	text-align:left;
	margin:0 auto;
}
hr {
	color:#dedede !important;
	height:1px;
}

#main { 
	background-image:url(/images/bottomButBg.gif);
	background-repeat:repeat-x;
	background-position:top;
	height:500px;
	width: 900px; 
	text-align:left;
}
.divFlap {
	background-position: left 10px;	
	background-image: url(/images/divFlap.gif);	
	background-repeat: no-repeat}

li {
	list-style-image: url(/images/icon_tick.jpg)
}

#menu {
	height:30px;
	background-image:url(/images/menuBG.jpg);
	background-repeat:repeat-x
}
	#menu li { 
		line-height:28px;
		padding-left:20px;
		padding-right:20px;
		color: #444; 
		display: inline; 
	}
	#menu li a { 
		padding:7px 23px 7px 23px; 
		margin: 0 1px 0 0; 
		font-family:verdana,arial;
		font-size:xx-small;
		color: #fff; 
		text-decoration: none; 
	} 	
	#menu li.active { 
		color: #dfe0e2; 
	}
	#menu li a:hover { 
		color: #dfe0e2; 
	} 	

#address{
	font-family:tahoma;
	font-size:x-small;
	text-align:center
}
#bottom{
	height:150px;
	padding-top:25px;
	background-image:url(/images/bottomTopBg.gif);
	background-repeat:repeat-x;
	background-position:top
}
#bottom IMG {	
	filter: gray;	
	margin-left: 50px
	}
#bottom IMG:hover {	
	filter: none
}
#bottomShadow{
	width:900px;
	height:50px;
	background-image:url(/images/master_bottom.jpg)
}
.divFlap{
	background-image:url(/images/divFlap.gif);
	background-position:top left;
	background-repeat:no-repeat
}

/* CONTENT WRAPPER */

#td2 {
	padding-top:20px;
}

#td1 {
	padding-top:20px;
}

#td1 {
	width:0px;
}
#td2 {
	width:900px;
}



/* LEFT VERTICAL MENU */
#nav {
	float: left; 
	padding: 0;
	margin: 0;
	width: 100px;
}

#intro_left {
	clear: left;
	float: left;
	width: 250px;
	background: #8D9CAF url("../images/leftintrobg.gif") repeat-x;
	color: #E5EAF2;
	margin: 0 0 1px 0;
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 14px 15px; margin: 0; }

	/* LEFT VERTICAL MENU */
	
	#menu_left { 
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 1px 0; 
		
	}
		#menu_left li { list-style: none !important;
		list-style-image:none;

		}
		#menu_left li a { 
		    font-size:11px;
			display: block; 
			color: #999999; 
			/* background: #3399ff url("../images/arrow.gif") no-repeat center left;  */
			width: 180px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold;
			text-align: right; 
			text-decoration: none; 
			border-bottom:dotted 1px #dedede;
		}	
		#menu_left .sel { 
		/* background: #9EB1C9 url("../images/arrow.gif") no-repeat center left; */
		color: #666666;  }


		#menu_left li a:hover { 
		/* background: #9EB1C9 url("../images/arrow.gif") no-repeat center left; */
		color: #666666;  }


#menu_left .hosting50mb {
	background-image:url(/images/hosting-50mb20.png);
	background-position:204px 3px;
	background-repeat:no-repeat;
}
#menu_left .hosting100mb {
	background-image:url(/images/hosting-100mb20.png);
	background-position:204px 3px;
	background-repeat:no-repeat;
}
#menu_left .hosting500mb {
	background-image:url(/images/hosting-500mb20.png);
	background-position:204px 3px;
	background-repeat:no-repeat;
}
#menu_left .hosting1gb {
	background-image:url(/images/hosting-1gb20.png);
	background-position:204px 3px;
	background-repeat:no-repeat;
}
#menu_left .hosting1plusgb {
	background-image:url(/images/hosting-1+gb20.png);
	background-position:204px 3px;
	background-repeat:no-repeat;
}
#menu_left .onplacemail {
	background-image:url(/images/oneplacemail20.png);
	background-position:204px 3px;
	background-repeat:no-repeat;
}














/* LINKS AND HEADINGS STYLING */

a { color: #546F92; background: inherit; }
a:hover { color: #808080; background: inherit; }
h3 { font-family:Tahoma,verdana;font-size:larger; margin: 22px 0px 10px 0px;text-transform:uppercase;font-weight:normal;lor:transparent; }

h2 { font-family:Tahoma,verdana;font-size:larger; margin: 22px 0px 10px 0px;text-transform:uppercase;font-weight:normal;lor:transparent; }

h1 { font-family:Tahoma,verdana;font-size:larger; margin: 22px 0px 10px 0px;text-transform:uppercase;font-weight:normal;lor:transparent; }

.blue { color: #546F92; background: inherit; }
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0; }


	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */

/* LEFT INTRO SIDE */	


/* RIGHT INTRO SIDE */
	
#intro_right {
	width: 98%;
	padding:3px;
	color: #547592;
	font-style:italic;
	margin: 0 0 6px 0;
	height: 94px;
	overflow:hidden;
}
	#intro_right h1 { margin: 0 0 20px 0; }
	#intro_right .right { text-align:right;font-size:70%; font-style:normal; }
	
/* LEFT SIDE */
	
#left {
	float: left;
	width: 250px;
}
	.box {
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
	}
	.demo {
		padding: 15px 15px 20px 100px;
		border: 1px solid #dedede;
		margin: 30px 0 5px 6px;
		width:100px;
		background: #e3f1fa url("/images/demoboxbg.png") repeat-x;
		color: #585616;
	}
	.box ul#archive {
		list-style: none;
		padding: 0;
		margin: 0;
	}

/* RIGHT SIDE */

#right {
	float: right;
	width: 100%;
}
	.leftcol { 
		float: left; 
		padding: 0px 17px; 
		width: 410px;
		text-align: justify;
		margin: 0 0 10px 0;
	}
	.rightcol { 
		float: right; 
		padding:0px 17px;
		width: 410px; 
		margin: 0 0 10px 0;
		}
	.fullcol { 
		float: left; 
		padding: 0px 17px; 
		width: 820px;
		text-align: justify;
		margin: 0 0 10px 0;
	}

	.special {
		background-image:url(/images/divFlap.gif);
	    background-position:top left;
	    background-repeat:no-repeat;
        clear: both;
		margin:0px 0 20px 0;	
		padding: 5px 20px;
	}
	/* BOXES */
	.bluebox {
		border:solid 1px #dedede;background-color:#e3f1fa;padding:5px;background-image:url(/images/blueboxbg.png);background-repeat:repeat-x;
	}
	div.grippie{
	background:#EEEEEE url(/images/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden
}

}



/* FOOTER */

#footer { clear: both; padding: 5px; border-top: 1px solid #ccc; }

.clear { clear: both; height: 0; width: 0; line-height: 0; font-size: 0; }