/**** Reset ****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**** Begin Site ****/
body {
	background: url(../images/bg_body.png) repeat-x #2b2b2b;
	color:#eee;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
}


#wrap {
	background:url(../images/bg_wrap.png) repeat-y;
	margin:0 auto;
	padding:1px 0 0 0;
	width:920px;
}

.clear {
	clear:both;
}

h1, h2, h3, h4, h5, h6 {
	color:#b2e5ff;
}

/**** Layout ****/
#layout {
	padding:0 20px;
}

#content-box-left {
	float:left;
	padding:0px 15px 0 0;
	width:490px;	
}

#content-box-right {
	float:left;
	padding:0px 0 0 5px;
	width:357px;
}

	#content-box-right small {
		text-align: right;
	}
	
#content {
	width:870px;
}

#barline h1 {
	border-bottom:1px solid #454545;
	margin-bottom:20px;
	padding-bottom:5px;
	width:870px;
}

/**** Form ****/
.form-item {
	clear:both;
	padding:1px 0 0 0;
}

	.form-item  label {
		color:#eee;
		float:left;
		font-size:12px;
		padding-top:7px;
		width:150px;
	}



/**** Header ****/
#header {
	height:200px;
	margin-bottom:20px;
}

	/**** Logo ****/
	#header h1 {
		background:url(../images/swd-logo.png) no-repeat;
		float:left;
		height:29px;
		margin:10px 20px;
		width:350px;
	}
	
		#header h1 span {
			margin:-9999px;
		}
	
	/**** Nav ****/
	#header #navigation {
		float:right;
		height:34px;
		margin-top:6px;
		width:350px;
	}
	
		#header #navigation li {
			float:left;
			padding:1px 0;
			height:34px;
		}
	
			#header #navigation li a {
				color:white;
				display:block;
				font-size: 14px;
				margin-right: 10px;
				padding:12px 10px;
				text-decoration:none;
			}
			
				#header #navigation li a:hover, #header #navigation li a.current {
					background:url(../images/nav-active.png) center no-repeat;
				}
	
	/**** Intro ****/
	#header #intro {
		background:url(../images/bg_intro.png) no-repeat;
		clear:both;
		display:block;
		height:151px;
		width:920px;
	}

/*** Portfolio Sampler ***/
#portfolio { 
	background: url(../images/portfolio.png) no-repeat; 
	height:166px; 
	margin:15px 0 15px 0; 
	padding-top:1px;
	width:352px;
}

#portfolio #portfolio_images {
	display:block;
	height:130px;
	margin:7px 9px 4px 7px;
}

#portfolio #portfolio_title {
	clear:both;
	color:white;
	float:left;
	font-weight: bold;
	padding:2px 0 0 10px;
	width:50%;
}

#portfolio #portfolio_controls {
	text-align: right;
}

#portfolio #portfolio_controls a {
	color:white;
	outline:none;
	padding:3px 12px 0 4px;
	text-decoration: none;
}

/*** Testimonials ***/
blockquote {
	font-size:12px;
}

/*** Portfolio ***/
.portfolio-item
{
	border: 1px solid #4f4f50;
	padding:2px;
	margin:5px 0;
}
	
	.portfolio-item:hover, .down
	{
		background: #57c3fb;
	}

	.portfolio-item .inner
	{
		background:#4f4f50;
		padding:8px;
		min-height:102px;
	}	

	.portfolio-item img 
	{
		border:1px solid #000;
		margin:0 10px 0 0;
		float:left;
	}
	
	.portfolio-item .right{}
	
		.portfolio-item .right p
		{
			color:#eee;
			font-size: 90%;
			margin:0px;
			padding:5px 0 10px 0;
			text-align:left;
		}
		
			.portfolio-item .right p strong 
			{
				color:#eee;
			}

	.portfolio-item .description 
	{
		clear:both;
		font-size:90%;
		padding-top:10px;
	}

		.portfolio-item .description h3
		{
			color:#b2e5ff;
			margin:10px 0;
			font-weight: bold;
		}

		.portfolio-item .description  .center
		{
			text-align:left;
		}

/*** Contact ***/
p.details span {
	display:block;
}

#contact input.text, #contact textarea {
	background:#222;
	border:1px solid #444;
	padding:5px;
	width:240px;
}

input.submit {
	background:#222;
	border:1px solid #444;
	color:white;
	height:25px;
	margin-bottom:5px;
	width:99px;
}

input.submit:active {
	background-position: 0 -30px;
}

p.note {
	border:1px solid #eee;
	border-width: 1px 0;
	font-size:small;
	font-style: italic;
	padding:5px 0;
}

/*** Sidebar ***/
#similar-pages {	
	margin:0 0 10px 0;
	padding:0;	
	text-indent: 0;
	width:352px;
}

	#similar-pages li {
		background:url(../images/bg_nav_center.png) no-repeat;
		border-bottom:1px solid #333;
		height:30px;	
		margin:0;
		padding:0;
	}
	
		#similar-pages li.first {
			background:url(../images/bg_nav_top.png) no-repeat;
		}
		
		#similar-pages li.last {
			background:url(../images/bg_nav_bottom.png) no-repeat;	
			border:0;
		}
	
	#similar-pages a {
		color:white;
		display:block;
		font-size:11px;
		font-weight:bold;
		height:14px;
		outline: none;
		padding:10px 0 6px 15px;
		text-decoration:none;
	}
	
		#similar-pages a:hover, #similar-pages a.selected { 
			color: #83d4ff;
		}

/**** Footer ****/
#footer {
	background:url(../images/bg_footer.png) no-repeat;
	background-position:1px 23px;
	color:#b3b4a8;
	font-size:11px;
	margin-top:10px;
	padding:10px 0;
	text-align: center;
}

	#footer a {
		color:#fff;
	}
	
		#footer a:hover {
			text-decoration:none;
		}