/* Prevamp CSS - April 2010 */

/*	Layout	*/

body {
	overflow-x: hidden; /* because I can't find a reason not to */
	overflow-y: scroll; /* places a scrollbar in FF and Safari to avert horizontal shift, overridden for IE as this style adds a second scrollbar! */
	text-align: center; /* this helps ensure container is central, of course text should be aligned left in the container */
}
.container {
	width: 781px;
	height: auto;
	padding: 0px;
	margin: 24px auto;
	border: none;
	overflow: visible;
	outline: none;
	text-align: left;
}
#content {
	float: right;
	width: 781px;
	margin: 24px 0 22px 0;	
}
#content #lcol {
	width: 190px;
	float: left;	
}
#content #mcol {
	width: 410px;
	margin: 0 4px;
	float: left;
}
#content #rcol {
	width: 173px;
	float: left;
	}
	
/*	Sprites		*/

.nav_sprite{display:block;cursor:pointer;height:22px;background:url(../images/buts/butsprite.png) no-repeat;text-indent:-9999px;margin:0;}
#aboutbut{background-position:left -2px;}
#aboutbut:hover{background-position:left -28px;}
#newsbut{background-position:-190px -2px;}
#newsbut:hover{background-position:-190px -28px;}
#portbut{background-position:-600px -2px;}
#portbut:hover{background-position:-600px -28px;}
#contactbut{margin-top:2px;background-position:left -54px;}
#contactbut:hover{background-position:left -80px;}
#welcbut{margin-top:2px;background-position:-190px -54px;}
#welcbut:hover{background-position:-190px -80px;}
#clientbut{margin-top:2px;background-position:-600px -54px;}
#clientbut:hover{background-position:-600px -80px;}
#welcomeroll{display:block;height:50px;width:210px;background:url(../images/welc/welcroll.png) no-repeat;}
#welcomeroll:hover{background-position:left -58px;}
#loginbutton{cursor:pointer;border:none;display:block;height:22px;width:110px;background:url(../images/loginsprite.png) no-repeat left -3px;text-indent:-9999px;line-height:0;color:transparent;}
#loginbutton:hover{background-position:left -31px;}
	
/*	The Divs */

div.expands {
	margin: 0 0 0 10px;
	background: url(../images/whitelie.gif) repeat-y;
}
#aboutus, #contact {width: 170px;}
#news, #friends {width: 390px;}
#portfolio, #client {width: 153px;}	
#aboutus, #news, #portfolio {padding-bottom: 2px;} /* this style fixes the slide jerk that is produced by top margins of the buttons */
#aboutus, #contact, #news, #welcome, #portfolio, #client  {
	line-height: 15px;
	display: none;
	}
#ns_contact {line-height:15px;}
	
/*	Set Lists	*/

ul.sets{
	list-style:	none;
	margin:12px 0 24px 0;
}
ul.sets li a {
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
	}
ul.sets li a:after{
	font-weight: normal;
	content: ' \00BB' ;
	}
.sethider {display: none;} /* hides the links to sets for one link slideshows in lightview */
	
/*	News Items	*/

.feed {margin-bottom: 28px;}
.newswraps {
	margin: 16px 0 17px 0;
	background: url(../images/whitelie.gif) repeat-y;
	background-position: -729px top;
	}
.newslcols {
	width: 42px;
	float: left;
	padding-top: 3px;
	text-align: right;
	font-size: 9px;
	color: #666;
	line-height: 12px;
	}
.newslcols .feature_tag {
	font-weight: normal;
	color: #333;
	background-color:#FC0;
	padding: 0 2px;
	}
.newslcols .article_tag {
	font-weight: normal;
	color: #FFF;
	background-color:#777;
	padding: 0 2px;
	}
.newsrcols {
	width: 318px;
	float: right;
	cursor: pointer;
	}
.newsrcols h2 a {font-weight: bold;}
.newsrcols h2:after {
	font-weight: normal;
	content: ' \BB' ;
	}
.newsrcols p {padding-top: 5px;}	

/*	Housekeeping	*/	
	
#contact ul, #ns_contact ul {
	padding:12px 0 0 0;
	list-style-type: none;
	font-size: 13px;
	line-height: 22px;
	}
#ie_warning, .fn, .type {display: none;}
.iconlink {
	line-height: 0px;
	font-size: 9px;
	}
.vcardlink {padding-top: 28px;}
.fbpagelink {padding-top: 18px;}
.vcardlink a{
	overflow: hidden;
	padding:2px 0 1px 26px;
	background-image:url(../images/vcardicon.png);
	background-position: left top;
	background-repeat:no-repeat;
	}
.fbpagelink a{
	overflow: hidden;
	padding:2px 0 1px 26px;
	background-image:url(../images/fbicon.png);
	background-position: left top;
	background-repeat:no-repeat;
	}
.welcenter {padding: 20px 0;}
#client h2 {margin-bottom: 16px;}
#client form {
	margin: 0;
	padding: 0;
	}
#client input {margin: 0 0 10px 0;}
noscript p {
	width: 32em;
	margin-left: -16em;
	position: absolute;
	color: #FFF;
	left: 50%;
	top: 280px;}

/*	Footer	*/
				
#footer {
	width: 781px;
	clear:both;
	font-size: 9px;
	color: #999999;
	border-top: 1px solid #CCC;
	background: url(../images/strapper.jpg) no-repeat left 9px;
	padding-top: 52px;
}
			
#footer ul {display:inline;}		
#footer li {
	display: inline;
	padding-right: 10px;
	margin-right:10px;
	border-right: 1px solid #ccc;
	}
#footer li:last-child {
	border: none;
	padding-right: 0;
	}