/**************
*
* 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: black url('../../images/back.jpg') no-repeat 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: 14px;
	line-height: 16px;
	font-weight: normal;
	margin: 0 0 6px 0;
}

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

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

.titles {
	margin-bottom: 8px;
	margin-left: -2px;

}

/* ------- 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;
}

#welcome {
	z-index: 3;
	width: 821px;
	position: absolute; 
	margin-right:-402px; 
	right: 50%;
	top:120px;
}


#content {
	z-index: 3;
	margin: -20px 60px 10px 60px;
}

.button {
	position: relative;
}

.icon {
	padding-top: 4px;
}

#sectionText2 {
	padding-left: 3px;
	margin-top: -40px;
	padding-bottom: 20px;
}

#sectionText {
	position: absolute;
	right: 100px;
	width: 140px;
	height: 260px;
	clear: both;
	padding-left: 10px;
	border-left: 1px solid #ededed;
}

#seanmartell { 
	position: absolute; 
	margin-right:-370px; 
	right: 50%;
	top:560px;
	width: 111px;
	height: 17px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/resincoated.png', sizingMethod='scale');

}
	
html>body #seanmartell {
	background-image: url('../../images/resincoated.png');
}

#thumbs {
	width: 680px;
}

.boxShell {

	z-index: 2;
	float: left;
	margin-right: 4px;
	margin-bottom: 10px;
	width: 300px;
	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;
}

/* Universal Nav
-------------------------------------------------------------- */

#topNavBar {
        position: absolute;
        top: 0px;
        height: 30px;
        width: 100%;
        background: transparent url(http://www.seanmartell.com/images/topbar.png) no-repeat center top;
        font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;color: #000;
	    font-size: 10px;
	    line-height: 20px;
	    letter-spacing:1px;
	    text-align: center;
	    color: #893717;
        font-weight: normal;
        z-index: 1;
}

#topNavBar a {
	color:#c78e73;
	font-weight: normal;
	border-bottom: none;
	text-decoration: none; 
}

#topNavBar a:hover {
	color:#fff;
	font-weight: normal;
    border-bottom:1px dotted #fff;
    text-decoration: none; 
}