/**************
*
* screen.css
*
/**************/

/* ------- HTML ELEMENTS ------- */

html {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px
}

body { 
	font-family: verdana, arial, lucida, helvetica, sans-serif;
	font-size: 9px; 
	line-height: 10pt;
	
	background: #dedede url('../../images/back.gif') repeat-x top center;
	margin: 0px;
	padding: 0px;
	
	color: #454545; 
	
	}

/* ------- TEXT FORMATTING ------- */

p {
	font-size: 9px; 
	margin: 0px;
	padding: 0px;
}

html>body p {
	margin: 0px;
	padding: 0px;
}

.bold {
	color: #7AA5CF;

	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 0px;
	margin-bottom: 6px;
}

h1 { 
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

h2 { 
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

h3 { 
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

/* ------- LINKS ------- */

a:link {
	color: #333333;
	font-weight: bold;
	text-decoration: underline; 
}
a:visited { 
	color: #333333;
	font-weight: bold;
	text-decoration: underline; 
}
a:hover { 
	color: #333333;
	font-weight: bold;
	text-decoration: underline; 
}

a:active { 
	color: #333333;
	font-weight: bold;
	text-decoration: underline; 
}

/* ------- CONTENT ------- */

#container {
	z-index: 3;
	width: 900px;
	position: absolute; 
	margin-right:-450px; 
	right: 50%;
	top:80px;
}

#content {
	margin: 10px 60px;
}

.button {
	position: relative;
}

.icon {
	padding-top: 4px;
}

#sectionText {
	position: absolute;
	right: 60px;
	width: 140px;
	clear: both;
}

#thumbs {
	width: 680px;
}

.boxShell {

	z-index: 2;
	float: left;
	margin-right: 4px;
	margin-bottom: 10px;
	width: 280px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/thumbShadow.png', sizingMethod='crop');

}
	
html>body .boxShell {
	background-image: url('../../images/thumbShadow.png');

}

.boxContent { 
	float: left; 
	position: relative;
	margin-right: 4px;
	padding: 5px;
}

img.imgLink { 
	border: 3px solid #ffffff;
}

img.imgLink:link{ 
	border: 3px solid #ffffff;
}

img.imgLink:visited{ 
	border: 3px solid #ffffff;
}

img.imgLink:hover{ 
	border: 3px solid #999999;
}

img.imgLink:active{ 
	border: 3px solid #999999;
}