@charset "utf-8";
/*
Dark Gray: #252525;
Border: #3b3b3b;
Pink: #c155a1;
Light Gray: #d7d7d7;

*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
    height: 102%;
}
body {
	background-color: #000000;
	background-image: url(../graphics/pattern2.gif);
	background-repeat: repeat;
	background-attachment: fixed;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: normal;
	color: #5DBBEA;
	letter-spacing: 0.09em;
	line-height: 1.25em;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: #d7d7d7;
	letter-spacing: 0.09em;
	line-height: 1.25em;
	padding-left: 15px;
}
#wrapper #left ul li img {
	padding-left: 2px;
}

#wrapper #left .title {
	padding-top: 15px;
	padding-right: 8px;
}


#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	padding-top: 8px;
}


#left {
	float: left;
	width: 250px;
	text-align: right;
	padding-bottom: 25px;
	padding-right: 25px;
	background-color: #000;
	margin-left: 30px;
}
#main  {
	width: 405px;
	float: right;
	padding-top: 33px;
	padding-bottom: 30px;
}
a:link {color: #D7D7D7; text-decoration: underline;}
a:active {color: #D7D7D7; text-decoration: underline;}
a:visited {color: #D7D7D7; text-decoration: underline;}
a:hover {
	color: #5DBBEA;
	text-decoration: none;
}
a img.box{
	border: 1px solid #000000;
}
a:hover img.box {
	border: 1px solid #5DBBEA;
}
a:active img.box {
	border: 1px solid #000;
}
a:visited img.box {
	border: 1px solid #000000;
}
#wrapper #main a {
	color: #FFFFFF;
}
#wrapper #main .bc {
	height: 270px;
	width: 405px;
	list-style-image: url(../bc.jpg);
}


#wrapper #main .conv {
	height: 270px;
	width: 405px;
	list-style-image: url(../conv.jpg);
}
#wrapper #main .bay {
	height: 270px;
	width: 405px;
	list-style-image: url(../bay.jpg);
}
#wrapper #left li {
	text-align: left;
}
#wrapper #left ul .title h2 {
	padding-left: 15px;
}