/** GLOBAL **/

	html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
	pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 	
	
	body{
		background:#FFF;
		font-size:62.5%;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	h1,h2,h3,h4,h5,h6{
		color:#777;
		font-size:1.65em;
		font-weight:bold;
		margin-bottom:5px;
	}
	
	p,a{
		color:#000;
	}
	
	ul{
		font-size:1em;
		margin-left:5px;
	}
	
	ul li{list-style:none;}
	
	ul ul{font-size:1em;}
	
	a{text-decoration:none;}
	
	a:hover{text-decoration:underline;}
	
	img{border:0px;}
	

/** Container and Layout Elements**/

	#container{
		width: 917px;
		margin: 0px auto;
		padding-top: 65px;
	}
	
	#nav, #header, #content{
		width: 917px;
	}

/** Header**/

	#header{
	}
	
/** Navigation **/

	#nav{
		clear:both;
		height:30px;
		background:url("../images/nav_bg.gif") no-repeat;
	}

	#nav ul{
		float:right;
		margin: 0px 35px 0px 0px;
	}

	
	#nav li{
		float:left;
		padding: 10px 0px 0px 0px;
		color:#891A1D;
	}
	
	#nav a{
		font-size:1.15em;
		padding:5px;
		color:#891A1D;
	}

	#nav a:hover{
		color:#000;
		text-decoration:none;
	}
	
	/*** Navigation Highlight ***/
	#nav a.highlight {color:#000;}
	
/** Content **/

	#content{
		background:#f8f8f8;
		min-height:325px;
		padding-top:20px;
	}

	#content p{
		font-size:1.25em;
		margin-bottom:20px;
		line-height:1.05em;
		width:385px;
	}
	
	#content #col2 ul{
		font-size:1.25em;
		margin-bottom:20px;
	}
	
	#content #col2 ul li{
		margin-left:11px;
		line-height:1.05em;
		list-style:disc;
	}
	
	#content h2{
		font-size:1.25em;
		font-weight:normal;
		color:#000;
		line-height:1.05em;
	}
	#content a{	text-decoration:underline;}


/** Footer **/

	#footer{
		background:url("../images/footer_bg.gif") no-repeat;
		clear:both;
		height:30px;
	}
	
	#footer p{
		font-size:1.25em;
		padding:7px 0px 0px 360px;
		
	}

	#footer a{

	}


/** Typography **/

	
/** Columns **/

	#content #col1, #content #col2{ float:left; }
	
	/***Default Columns***/
	#content #col1{ padding-left:55px;width:295px;}
	#content #col2{ width:500px;}

	/***Portfolio & News Columns***/
	#portfolio #content #col1, #news #content #col1{ padding-left:0px;width:140px;}
	#portfolio #content #col2, #news #content #col2{ background:#E6E6E6;float:right;height:315px;padding:20px 0px 0px 20px;width:755px;}

	/***News Columns***/
	#news #content #col2{ height:290px;}

/** Portfolio Page **/
	#portfolio #content{
		height:355px;
		padding-top:3px;
	}
	
	#portfolio #client-list{
		width:100px;
		padding:20px 0px 0px 14px;
	}

	#portfolio #client-list li{
		padding-bottom:14px;
		line-height:1.5em;
	}

	#portfolio #client-list a{
		color:#891A1D;
		font-size:1.25em;
		text-decoration:none;
	}
	
	#portfolio #content #col2{margin-bottom:15px;}
	
	#portfolio #content #col2 #copy{float:left; width:315px;}
	
	#portfolio #content #col2 #copy p{margin:10px 0px 0px 0px;width:auto;}
	
	#portfolio #client-list li,#portfolio #content #col2 #slideshow ul li{margin-left:0px;list-style:none;}
	
	#portfolio #content #col2 #slideshow{
		background:#E6E6E6;
	}
	
	#portfolio #content #col2 #gallery{
		background:#E6E6E6;
		float:right;
		padding-top:25px;
		padding-right:7px;
	}

	#portfolio #slideshow .panel p{
		color:#787878;
		padding: 10px;
	}

	#portfolio #slideshow .panel p strong{
		color:#891A1D;
		font-weight:bold;
	}

		
	#portfolio #content #col2 .filmstrip li{
		font-size:1em;
		font-weight:bold;
		color:#787878;
	}
	
	/*JS Scroller*/
	
	#Scroller { 
	  position: absolute; 
	  overflow: hidden;
	  width: 150px;
	  height: 335px;
	}

	.Scroller-Container {
	  position: absolute;
	  top: 0px; left: 0px;
	}

	.Scrollbar-Track {
	  width: 7px; height: 335px;
	  position: relative;
	  top: 0px; left: 125px;
	  background-color: #EEE;
	}
	.Scrollbar-Handle {
	  position: absolute;
	  top: 0px; left: 0px;
	  width: 7px; height: 75px;
	  background-color: #959593;
	}

/** News Page **/	
	#news h1 {margin:-10px 0px 0px 141px;}
	#news #col2 .news-entry, #news #col2 .news-img {float:left;}
	#news #col2 .copy, #news #col2 .news-img {float:left;}
	#news #col2 {margin:0px;padding:0px;}
	#news #content ul li{margin-left:0px;list-style:none;}
	#news #col2 .copy p{font-size:1em;}
	
	#news #col2 .news-img img{text-align:right;margin-left:75px;}
	
	#news .jcarousel-container {
	    border: 0px solid #346F97;
	}

	#news .jcarousel-container-vertical {
	    width: 775px;
	    height: 275px;
		margin:-21px;
	    padding: 20px;
	}

	#news .jcarousel-clip-vertical {
	    width: 730px;
	    height: 290px;
	}

	#news .jcarousel-item {
	    width: 775px;
	    height: 130px;
	}

	#news .jcarousel-item-vertical {
	    margin-bottom: 15px;
	}

	#news .jcarousel-item-placeholder {
	    background: #fff;
	    color: #000;
	}
	
	/**
	 *  Vertical Buttons
	 */
	 .jcarousel-next-vertical {
	    position: absolute;
	    bottom: 0px;
	    left: 1px;
	    width: 774px;
	    height: 15px;
	    cursor: pointer;
	    background: url(../images/down-arrow.gif);
	}

	.jcarousel-next-vertical:hover {
	    background-position: 0 -15px;
	}

	.jcarousel-next-vertical:active {
	    background-position: 0 -15px;
	}

	.jcarousel-next-disabled-vertical,
	.jcarousel-next-disabled-vertical:hover,
	.jcarousel-next-disabled-vertical:active {
	    cursor: default;
	    background-position: 0 -30px;
	}

	.jcarousel-prev-vertical {
	    position: absolute;
	    top: 0px;
	    left: 1px;
	    width: 774px;
	    height: 15px;
	    cursor: pointer;
	    background:  url(../images/up-arrow.gif);
	}

	.jcarousel-prev-vertical:hover {
	    background-position: 0 -15px;
	}

	.jcarousel-prev-vertical:active {
	    background-position: 0 -15px;
	}

	.jcarousel-prev-disabled-vertical,
	.jcarousel-prev-disabled-vertical:hover,
	.jcarousel-prev-disabled-vertical:active {
	    cursor: default;
	    background-position: 0 -30px;
	}
	
	
/** MISC **/

	.clear{ clear:both; }
	.float-left{ float:left; }
	.float-right{ float:right; }
