/* -----------------------------------------------------------------------
	Client:		Remington
	Title:		Stylesheet for screen media
	Author:		Jason Garber, jgarber@esitemarketing.com
	Copyright:	E-site Marketing, LLC, http://www.esitemarketing.com
	Created:	17 July 2006
------------------------------------------------------------------------- */


/* ----- Generic styles --------------------------------------------------*/
* { margin: 0; padding: 0; }

body {
	padding: 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	background: #273e69;
	}

a img { border: 0; }
hr { display: none; }
abbr { border-bottom: none; }
cite { margin: 0; }


/* ----- Common classes --------------------------------------------------*/
/* commented backslash hack (second rule is for IE5/Mac) \*/
.alt { position: absolute; left: -9999px; }
/* end hack */
/*\*//*/
.alt { text-indent: -9999px; }
/**/

.center { text-align: center; }
.right { text-align: right; }
.align { float: right; }


/* ----- Page layout -----------------------------------------------------*/
div#outer-wrapper {
	width: 759px;
	margin: 0 auto;
	}

div#inner-wrapper {
	width: 753px;
	border: 3px solid white;
	text-align: left;
	}

div#branding {
	height: 122px;
	background: url("../images/branding-bg2.jpg") no-repeat 0 0;
	}

div#content-wrapper {
	height: 300px;
	background: url("../images/content-wrapper-bg.gif") no-repeat 0 0;
	}

ul#portfolio { list-style: none; padding-left: 6px; }

ul#portfolio li {
	position: relative;
	float: left;
	width: 184px;
	height: 260px;
	border-left: 1px solid black;
	background: url("../images/li-bg-off2.gif") no-repeat 0 0;
	}

ul#portfolio li.last { border-right: 1px solid black; }

ul#portfolio li span {
	display: block;
	padding: 12px 6px 14px 6px;
	}

ul#portfolio li span.text {
	display: none;
	position: absolute;
	left: 0;
	top: 264px;
	padding: 0;
	}

ul#portfolio li h2 {
	margin: 0 14px 0.15em 14px;
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
	}

ul#portfolio li p {
	margin: 0 14px 0.75em 14px;
	font-size: 1em;
	line-height: 1.6em;
	color: #000000;
	}

ul#portfolio li a {
	color: #000000;
	text-decoration: none;
	}

ul#portfolio li p.site-link { text-transform: lowercase; text-align: right; color: white; }

ul#portfolio li p.site-link a { padding-left: 10px; text-decoration: none; color: white; background: url("../images/site-link-bg.gif") no-repeat 0 60%; }
ul#portfolio li p.site-link a:hover { text-decoration: underline; }

div#footer {
	padding-top: 10px;
	font-family:Arial;
	font-size: 1.1em;
	color: white;
	}

div#footer span { padding: 0 6px; color: #c5b280; }
div#footer a { text-decoration: none; color: #ffffff; }
div#footer a:hover { text-decoration: underline; }