/* CSS Document */

body{
	margin:0px;
	background-color:#000000;
}

body, html {
	height: 100%;
}

/*main structures*/
#outer {
	height: 100%; 
	overflow: hidden; 
	position: relative; 
	width:764px; 
	margin-left:auto; 
	margin-right:auto;
}

/*works for standard compliant browsers, IE doesn't seem to recognize the vertical-align rule hence the above code this code is to get the standards compliant browsers back */
#outer[id] {
	display: table; 
	position: static;
}

 /* works for sub-standard browsers like explorer only */
#middle {
	position: absolute; 
	top: 50%;
} 

/*works for standard compliant browsers, IE doesn't seem to recognize the vertical-align rule hence the above code this code is to get the standards compliant browsers back */
#middle[id] {
	display: table-cell; 
	vertical-align:	middle; 
	position: static;
}

/* works for sub-standard browsers like explorer only */
#inner {
	position: relative; 
	top: -50%
}

/*
works for standard compliant browsers, IE doesn't seem to recognize the vertical-align rule hence the above code this code is to get the standards compliant browsers back.

although this code is neglible or can be optional just making sure that the 
standards compliant browsers read the CSS right
*/
#inner[id] {
	position: static;
}

/*inner structures*/
#content{

}

#left-col{
/*	background-color:#F4D3DA;*/
	width:49%;
	float:left;
	position:relative;
	padding-top:135px;
}

#left-col[id]{
	position:static;
	padding-top:135px;
}

#left-col table{
	margin-left:250px;
	margin-top:160px;
}

.designByText
{
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.designByText, .designByText a, .designByText a:link, .designByText a:visited{
	color: #666666;
	text-decoration:none;
}

.designByText a:hover{
	color: #FFFFFF;
	text-decoration:underline;
}

#design-box{
	margin-bottom:5px;
	margin-right:30px;
	float:right;
	width:150px;
}