/*********************************************************************

	GLOBAL

*********************************************************************/

* { margin: 0; padding: 0; color: #333; line-height: 1.4; }

body { 
	font: normal 62.5% Verdana ,Arial, sans-serif; 
	margin-left: 10px;
	/*background-color: #f0f0f0;*/
	 }

a { color: #5aa6f3; text-decoration: none; }
a:hover, a:focus { color: #6FB5FB; text-decoration: underline;  }

p { margin-bottom: 1.0em; }
p, ul, ol {  font-size: 13px; }
img { border: none; } 

/*********************************************************************

	POSITIONING AND STRUCTURE

*********************************************************************/
#container {
	margin: 0 auto;
	width:980px;
	text-align:left;}


/* HEADER */

#header {
	overflow:hidden;
	width: 980px;
	padding: 30px 0 24px 0;
	/*background:	#fff url(../images/header-bg.gif) top left repeat-x;*/ }

	#header img {
    	border: none; }
			
	#header #logo {
		margin-left:20px;
		float:left;
	}
	
	#header #strapline {
		text-align:right;	
		padding-right:20px;
		padding-top:27px;
		color:#999;
		font-family: Georgia, 'Times New Roman', serif;
		font-weight:bold;
		font-size:12px;
		font-style:italic;
	}

/* CONTENT AREA */

#content { 
	background:	#fff url(../images/stripey-bg.gif) top right repeat-y;
	width: 980px; 
	overflow: auto; }

/* MAIN AREA */

#main { 
	position: relative; 
	float: left; 
	width: 675px;
	padding: 24px 0 20px;
	background-color: #fff;
	font-family: Georgia, 'Times New Roman', serif; }

	#main h1 {
		position:relative;
		margin: 0 25px 0.5em 20px;
		padding: 7px 20px 7px 0;
		font-size: 20px; 
		line-height: 1.2;
		/*color: #ff6666;*/
		color: #DB3172; 
		border-bottom: 1px dotted #ccc;
		font-weight: normal;
		background-color: #fff; }

	#main h1.tagline {
		margin: 0 10px 20px 0;
		padding: 7px 20px;
		font-size: 20px; 
		line-height: 1.2;
		color: #DB3172; 
		font-weight: normal;
		background-color: #efefef; 
        border-bottom: none;}

	#main h1 span.clientWork {
		color: #777; }

	#main h3 {
		position:relative;
		color:#DB3172;
		font-weight: bold;
		font-size: 13px;
		font-family: Verdana, Arial, sans-serif;
		border-bottom: 1px dotted #ccc; 
		margin: 0.3em 20px 0.7em;
		padding: 0.4em 0 0.2em; 
		}

	#main p {
		/*font-size: 14px;*/
		margin-left: 20px;
		margin-right: 2em; }

	#main ul {
		list-style: circle;
		margin: 0 20px 1.0em 2em; }

	#main li {		
		margin:0 20px; }
	
	#main .newsitem {
		padding-bottom: 0.5em; }
	
	 #main .section {
	 	padding-bottom:2.0em; }
	
	#main #feature {
		position:relative;
		margin:30px 120px 0 20px;
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
		font-family: Verdana, Arial, sans-serif; }

	#main #feature .title {
		color: #fff;
		font-size: 13px;
		letter-spacing: 1px;
		background-color: #6FB5FB;
		padding: 5px 10px;
		margin-bottom: 7px; }

	#main #feature h3 {
		color:#DB3172;
		font-weight: bold; 
		border-bottom: none; 
		margin: 0;
		padding: 0.4em 10px; }

	#main #feature p {
		margin-left: 10px;
		margin-right: 1em;
		font-size:11px; }
	
	#main #pagenumbers {
		text-align:right;
	}
	
/* SIDEBAR AREA */

#sidebar { 
	position:relative; 
	float:right; 
	padding: 24px 0 10px;
	width:305px;
	font-size: 11px; 
	}

	#sidebar h2 { 
		font-size: 13px;
		font-weight: normal;
		padding: 0.3em 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 0 10px 10px;
		background-color:#fff;
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef; }

	#sidebar ol { 
		list-style: none; }

	#sidebar li {
		background-color: #fff;
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
		margin: 0 10px 10px;
		padding: 0 10px 0.4em; }

	#sidebar h3 { 
		font-size: 12px;
		font-weight: bold;
		color:#DB3172;
		padding: 0.4em 0; }

	#sidebar p {
		font-size: 11px; }
	
	#sidebar a {
		display: block;	}
	
	#sidebar div.sections, #sidebar div.newsitem  {
		overflow:hidden;
		background-color: #fff;
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
		margin: 0 10px 10px;
		padding:  7px 10px; }
		
		#sidebar div.sections a.rss {
			display:inline;
			margin-bottom:0px;
			padding-left:20px;
			background:#fff url(../images/rss.gif) no-repeat 0 0;
		}

		#sidebar div.sections p.more {
			position:relative;
			float:right;
			margin-bottom:0px;			
		}


		#sidebar div.sections div.section {
			overflow:hidden;
			padding:10px 5px;
			border-bottom: 1px dotted #efefef;}
		
		/* This is for browsers less than IE 7 */
		#sidebar div.sections div.section:after {
		    content: "."; 
		    display: block; 
		    height: 0; 
		    clear: both; 
		    visibility: hidden;
		}
		
		/* Hides from IE-mac \*/
		* html #sidebar div.sections div.section {height: 1%;}
		/* End hide from IE-mac */
		
		#sidebar div.sections div.section h3 {
				padding-top: 0px; 
				margin-left: 60px;} 				
			
			div.section img {
				border:1px solid #ccc;
				float:left; }
			
			div.section p {
				margin:0 0 0 60px;
				padding:0; }
	
	#sidebar #subnav a {
		font-size: 11px;
		font-weight: normal;
		display:block;
		margin: 0.4em 0em;
		padding: 0.3em 3px; }
		
	#sidebar #subnav a:hover, #sidebar #subnav a:focus { 
		color: #fff;
		text-decoration:none;
		background-color: #92C2F3;	 }
	
	#sidebar #subnav a.selected { 
		color: #fff;
		text-decoration:none;
		background-color: #6FB5FB;	 }
	
	.alt {
		background-color:#efefef;}
	
	p.date {
		color: #777;
		margin: 0 0 0.7em;
		font-size: 12px;
		font-style: italic; }
	
/* PROMO AREA */

#promotions { 
	width:980px;
	overflow: hidden;
	padding-bottom:14px;
	background:	#fff url(../images/promo-bg.gif) top left repeat; }

	#promotions h2 {
		padding:5px 20px;
		color:#777;
		font-size: 16px;
		font-weight:normal;
		background-color: #efefef;
		font-family: Georgia, 'Times New Roman', serif; }
	
	#promotions h3 {
		font-size:12px; }
	
	#promotions .promo {
		position:relative;
		float:left;
		background-color: #fff;
		width:175px;
		margin: 20px 0 0 24px;
		padding: 7px 0;
		display: inline;
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;		}

	#promotions .promo p {
		margin:0;
		margin-left: 72px;
		font-size: 11px; }
		
	#promotions .promo img {
	 	float:left; 
		margin: 0 10px;
        border: 1px solid #ccc; }

/* FOOTER */

#footer {
	width:980px;
	background-color:#999;
	border-bottom: 20px solid #fff;	
}
	#footer p {
		font-size:10px;
		color:#fff;
		padding: 0.5em 20px;
		margin-bottom:0;
	}
	
	#footer a {
        color:#fff;
        text-decoration: underline;
	}
/*********************************************************************

	NAVIGATIONAL ELEMENTS

*********************************************************************/

#navigation { 
	background-color: #999; 
	width: 980px; 
	list-style: none; 
	padding: 4px 0; 
	letter-spacing: 1px; 
	text-transform: uppercase; 
	text-decoration: none; 
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif; }

	#navigation li { 
		display: inline; 
		margin-left: 20px; 
		border: none; }

	#navigation a { 
		color: #fff; 
		text-decoration: none;
		padding: 5px 14px; }

	#navigation a:hover, #navigation a:focus { 
		background-color: #777;	 }
	
	#navigation a.selected { 
		background-color: #6FB5FB; }