/* 1. Global 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, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}
	a, img{
		border: none;
	}

/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	body {
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 62.5%;
		line-height: 1.5;
		text-align: center;
		color: #4b4b4b;
		background: url(images/bg.jpg);
		padding-top: 0px;
		padding-bottom: 15px;
	}

	hr { 
		display: none;
	}
		
	strong {
		font-weight: bold;
	}
		
	em {
		font-style: italic;
	}
	
	address {
		font-style: normal;
	}

	input, textarea, select {
		font: 1em Arial, Helvetica, sans-serif;
	}

	a {
		color: #192363;
		text-decoration: none;
		outline: none;
	}
	a:hover {
		color: #4B4B4B;
		text-decoration: none;
	}

	a:visited {}

	a:active {}
	


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
#logo {

}

#logo #logoleft {
	width:500px;
	float:left;
}

#logo #logoright {
	float:right;
	padding-right:20px;
	padding-top:12px;
}



	#accesibility {
		position:absolute;
		left:-999em;
	}
	#container {
		width: 980px;
		margin: 0 auto;
		text-align: left;
		font-size: 1.3em;
		/*background:#fff;*/
	}
	.clearer {
		clear:both;
	}
	div.header-figure{
		background: url(images/figure-header.png) left top no-repeat;
		position:relative;
		overflow:hidden;
		width: 980px;
		margin: 0 auto;
		display: block;
		height: 6px;
	}

/* 3.1 HEADER
------------------------------------------------------------------------------------------------ */
#header {
	background:#f5f5f5 url(images/bg-header.png) left top repeat-x;
	position:relative;
	overflow:hidden;
	height:20px;
}
			

/* 3.3 PORTOFOLIO
------------------------------------------------------------------------------------------------ */
#portfolio {
	background:url(images/bg-portfolio.gif) left top repeat-x;
	overflow:hidden;
	padding-bottom:20px;
}
	#portfolio li {
		float:left;
		width:245px;
		text-align:center;
		background:url(images/bg-portfolio-separator.gif) right 50% no-repeat;
	}
	#portfolio h3 {
		font-size:1.6em;
		margin-top:20px;
	}
	#portfolio p {
		margin:0 35px;
		line-height:16px;
	}
	#portfolio img {
		margin:5px auto 15px;
		display:block;
	}

/* 3.6 FOOTER
------------------------------------------------------------------------------------------------ */	
#footer {
	/*background:#192363;*/
	padding:20px 0 17px;
	color:#bababa;
	overflow:hidden;
	background:url(images/figure-footer.png) no-repeat;
	line-height:1.7em;
}
#footer #credits{
	float: right;
	text-align: right;
	color:#515151;
}

#footer #credits p{
	font-size: 11px;
}

#footer #credits img{
	vertical-align:middle;
}
	span.figure-footer{
		background: url(../images/footer-earth.jpg) left top no-repeat;
		position:relative;
		overflow:hidden;
		width: 980px;
		margin: 0 auto;
		display: block;
		height: 81px;
	}
#footer #drupal{
	margin-left:20px;
	color:#515151;
	width:500px;
	float:left;
}

#footer #drupal p img.cms{
	float:left;
}

#footer #drupal p{
	font-size: 11px;
}

/* 3.9 ABOUT
------------------------------------------------------------------------------------------------ */	
#about {
	background:#efefef;
	padding-top:10px;
	overflow:hidden;
	height:1%;
	line-height:1.4;
}
	#about .header_image {
		margin:5px auto 14px;
		width:948px;
		display:block;
	}
	#about #about_text {
		background:url(images/bg-aboutus-narrow-top.gif) top left no-repeat;
		float:left;
		display:inline;
		width:463px;
		margin-left:20px;
		padding-top:20px;
		margin-bottom:15px;
	}
		#about #about_text h2 {
			font-size:2em;
			font-weight:bold;
			margin:0 20px 15px;
		}
		
		#about #about_text h4 {
			margin:0 20px 15px;
		}

		#about #about_text span {
			background: url('') no-repeat left center;
		}
		
		#about #about_text span.post-date {
			padding-right: 4px;
			padding-left: 19px;
			background-image: url('images/icon-date.png');
		}
		
		#about #about_text span.post-comments {
			padding-right: 4px;
			padding-left: 19px;		
			background-image: url('images/icon-comment.png');
		}
		
		#about #about_text span.post-category {
			padding-left: 19px;		
			padding-right: 3px;
			background: url('images/icon-post.png') no-repeat left center;
		}
		
		#about #about_text .st span{
			background:none;
		}
		
		#about #about_text p {
			margin:0 20px 15px;
		}
		#about #about_text h3 {
			font-size:1.4em;
			font-weight:bold;
			color:#747474;
			margin:0 20px 8px;
		}
		#about #about_text q {
			color:#747474;
			font-weight:normal;
			font-style:italic;
			margin:0 20px;
			display:block;
		}
		a.view_more, #about #about_text #abot {
			text-align:right;
			font-weight:normal;
			display:block;
			margin-top:-5px;
			padding:0 20px 15px;
			background:url(images/bg-aboutus-narrow-bottom.gif) left bottom no-repeat;
		}
	#about #points {
		background:url(images/bg-aboutus-narrow-top.gif) top left no-repeat;
		float:right;
		display:inline;
		width:463px;
		margin-right:20px;
		padding-top:20px;
		margin-bottom:15px;
	}
	
		#about #points #follow, #about #points .rightheader{
			padding-right: 20px;
		}
		
		#about #points ul li.cat-item-6{
		background:url(images/search.png) 25px 0% no-repeat;
		padding-left:86px;
		}
		
		#about #points ul li.cat-item-5{
		background:url(images/web.png) 25px 0% no-repeat;
		padding-left:86px;
		}		
		
		#about #points ul li.cat-item-7{
		background:url(images/ski.png) 25px 0% no-repeat;
		padding-top:10px;
		padding-left:86px;
		}		
		
		#about #points .archive ul li{
		background:url(images/date.png) 25px 0% no-repeat;
		padding-left:86px;
		}

		#about #points .book ul li{
		background:url(images/book.png) 25px 0% no-repeat;
		padding-left:86px;
		}		
		
		#about #points #follow h2 {
			font-size:2em;
			font-weight:bold;
			margin:0 20px 15px;
		}

		#about #points #follow h3, #about #points .rightheader h3 {
			font-size:1.4em;
			font-weight:bold;
			margin:0 20px 8px;
			color:#757575;
		}		
	
		#points li {
			padding:0 20px 20px 86px;
			color:#757575;
		}
			#points li.gallery {
				background:url(images/camera.png) 25px 40% no-repeat;
			}
			#points li.portfolio {
				background:url(images/folder.png) 25px 40% no-repeat;
			}
			#points li.cv {
				background:url(images/paper.png) 25px 40% no-repeat;
			}
			#points li.video {
				background:url(images/vipod.jpg) 25px 40% no-repeat;
			}			
			#points li h3 {
				font-weight:bold;
			}
			#points li p {
				color:#757575;
			}
		#points ul {
			/*padding-bottom:22px;
			background:url(bg-aboutus-narrow-middle.gif) left bottom no-repeat;*/
		}
	#points #contact {
	
		overflow:hidden;
		height:1%;
		color:#757575;
		padding-top:7px;
	}
	#points #follow {
		background:url(images/bg-aboutus-narrow-bottom.gif) left bottom no-repeat;
		overflow:hidden;
		height:1%;
		color:#757575;
		padding-top:7px;
	}
		#points #contact h3 {
			font-size:1.5em;
			padding:0 20px 0 86px;
		}
		#points #contact p.left {
			float:left;
			padding:5px 0 15px 86px;
		}
		#points #contact p.right {
			float:right;
			padding:5px 20px 0 0;
		}

/* 3.11 PORTFOLIO PAGES
------------------------------------------------------------------------------------------------ */
#portfolio_web {
	background-color:#EFEFEF;
}

#portfolio_web .other_projects {
		clear:both;
		background:#f8f8f8 url(images/bg-other_projects.gif) left top repeat-x;
		padding-top:25px;
		overflow:hidden;
		height:1%;
	}
#portfolio_web .other_projects li a img{
        border: none;    }
#portfolio_web .other_projects_photography {
		background:#f8f8f8 url(../images/bg-other_projects_photography.gif) left top repeat-x;
	}
#portfolio_web .odd {
	background:#EFEFEF;
}
	#portfolio_web .other_projects li {
		width:299px;
		float:left;
		display:inline;
		margin-left:19px;
		margin-bottom:19px;
		padding-bottom:5px;
		background:#e8e8e8;
		border:1px solid #fff;
	}
	#portfolio_web .other_projects li.other {
		width:460px;
	}
	#portfolio_web .other_projects li img {
		margin:15px auto 5px;
		display:block;
	}
	#portfolio_web .other_projects h3 {
		font-size:1.25em;
		line-height:1.3em;
		font-weight:bold;
		margin-left:20px;
		padding-top:4px;
	}
	#portfolio_web .other_projects p {
		margin-left:20px;
		margin-right:20px;
		margin-bottom:10px;
		line-height:1em;
	}
	#portfolio_web .other_projects_photography P {
		margin-top:5px;
	}
	#portfolio_web .other_projects a.view_details,
	#portfolio_web .other_projects a.view_gallery {
		float:right;
		background:url(../images/btn-view_details-gray.gif) left top no-repeat;
		border:0;
		width:97px;
		height:26px;
		text-indent:-9999px;
		cursor:pointer;
		margin-top:8px;
		margin-right:17px;
	}
	#portfolio_web .other_projects a.view_gallery {
		background:url(../images/btn-view_gallery.gif) left top no-repeat;
		width:113px;
		margin-top:-3px;
		margin-right:20px;
	}
	#portfolio_web .other_projects a.view_details:hover,
	#portfolio_web .other_projects a.view_gallery:hover {
		background-position:left bottom;
	}
	#portfolio_web .web_portfolio {
		background:url(../images/bg-web_portfolio.jpg) left top no-repeat;
		height:275px;
		position:relative;
	}
	#portfolio_web .logo_portfolio {
		background:url(../images/bg-logo_portfolio.jpg) left top no-repeat;
		height:273px;
		position:relative;
		border-top:1px solid #fff;
	}
	#portfolio_web .print_portfolio {
		background:url(../images/bg-print_portfolio.jpg) left top no-repeat;
		height:359px;
		position:relative;
		border-top:1px solid #fff;
	}
		#portfolio_web .web_portfolio #block_back,
		#portfolio_web .logo_portfolio #block_back,
		#portfolio_web .print_portfolio #block_back,
		#portfolio_web .portfolio_photography #block_back {
			position: absolute;
			top:0;
			left:15px;
			z-index: 1;
		}
		#portfolio_web .web_portfolio h2,
		#portfolio_web .logo_portfolio h2,
		#portfolio_web .print_portfolio h2,
		#portfolio_web .portfolio_photography h2 {
			font-size:1.9em;
			line-height:1;
			font-weight:bold;
			margin-left:29px;
			position:absolute;
			padding-top:27px;
			z-index: 10;
		}
		#portfolio_web .web_portfolio h2 strong,
		#portfolio_web .logo_portfolio h2 strong,
		#portfolio_web .print_portfolio h2 strong {
			font-size:1.95em;
			text-transform:uppercase;
			color:#0a4571;
			font-weight:bold;
			font-style:normal;
			display:block;
		}
		#portfolio_web .web_portfolio h2 em,
		#portfolio_web .logo_portfolio h2 em,
		#portfolio_web .print_portfolio h2 em {
			font-size:1.3em;
			font-weight:bold;
			font-style:normal;
			display:block;
			line-height:.9;
		}
		#portfolio_web .web_portfolio .right,
		#portfolio_web .logo_portfolio .right,
		#portfolio_web .print_portfolio .right,
		#portfolio_web .portfolio_photography .right {
			font-size:1.2em;
			position:absolute;
			width:320px;
			top:87px;
			left:615px;
			line-height:1.3em;
			z-index: 20;
		}
		#portfolio_web .print_portfolio .right {
			font-size:120%;
			left:710px;
			top:120px;
		}
		#portfolio_web .web_portfolio .right {
			top:110px;
		}
		#portfolio_web .logo_portfolio .right {
			top:60px;
		}
		#portfolio_web .web_portfolio .right h3,
		#portfolio_web .logo_portfolio .right h3 {
			color:#192363;
			font-size:24px;
			font-weight:bold;
			display:none;
		}
		#portfolio_web .web_portfolio .right p,
		#portfolio_web .logo_portfolio .right p {
			font-size:0.84em;
			line-height:1.4em;
		}
		#portfolio_web .logo_portfolio .right h3,
		#portfolio_web .logo_portfolio .right p {
			display:inline;
			font-size:1em;
		}
	#portfolio_web .other_projects li.previous_page {
		float:left;
		width:300px;
		padding:11px 0 28px;
		margin:0;
		background:transparent;
		display:inline;
		border:0;
	}
	#portfolio_web .other_projects li.continue_to_logo_portfolio,
	#portfolio_web .other_projects li.continue_to_print_portfolio,
	#portfolio_web .other_projects li.continue_to_web_portfolio,
	#portfolio_web .other_projects li.continue_to_photography_portfolio  {
		float:right;
		width:350px;
		padding:11px 0 28px;
		margin:0 19px 0 0;
		background:transparent;
		display:inline;
		border:0;
	}
	#portfolio_web .other_projects li.continue_to_photography_portfolio {
		width:450px;
	}
	#portfolio_web .other_projects li.previous_page a.previous_page {
		display:block;
		background:url(../images/btn-previous.gif) left top no-repeat;
		width:106px;
		height:33px;
		text-indent:-9999em;
		margin-left:19px;
		float:left;
	}
	#portfolio_web .other_projects li.previous_page a.next_page {
		display:block;
		background:url(../images/btn-next.gif) left top no-repeat;
		width:112px;
		height:31px;
		margin-top:1px;
		margin-left:7px;
		float:left;
		text-indent:-9999em;
	}
	#portfolio_web .other_projects li.continue_to_photography_portfolio a {
		display:block;
		background:url(../images/btn-continue_to_photography_portfolio.gif) left top no-repeat;
		width:410px;
		height:35px;
		text-indent:-9999em;
		float:right;
	}
	#portfolio_web .other_projects li.continue_to_logo_portfolio a {
		display:block;
		background:url(../images/btn-continue_to_logo_portfolio.gif) left top no-repeat;
		width:322px;
		height:35px;
		text-indent:-9999em;
		float:right;
	}
	#portfolio_web .other_projects li.continue_to_print_portfolio a {
		display:block;
		background:url(../images/btn-continue_to_print_portfolio.gif) left top no-repeat;
		width:329px;
		height:35px;
		text-indent:-9999em;
		float:right;
	}
	#portfolio_web .other_projects li.continue_to_web_portfolio a {
		display:block;
		background:url(../images/btn-continue_to_web_portfolio.gif) left top no-repeat;
		width:319px;
		height:35px;
		text-indent:-9999em;
		margin:0;
		float:right;
	}
	#portfolio_web .other_projects li.previous_page a:hover,
	#portfolio_web .other_projects li.continue_to_logo_portfolio a:hover,
	#portfolio_web .other_projects li.continue_to_print_portfolio a:hover,
	#portfolio_web .other_projects li.continue_to_web_portfolio a:hover,
	#portfolio_web .other_projects li.continue_to_photography_portfolio a:hover {
		background-position:left bottom;
	}
	#portfolio_web .portfolio_photography {
		background:url(../images/bg-photography.jpg) left top no-repeat;
		height:363px;
		position:relative;
		border-top:1px solid #fff;
	}
		#portfolio_web .portfolio_photography h2 {
			font-size:1.4em;
			line-height:1;
			font-weight:bold;
			margin-left:29px;
			padding-top:27px;
		}
		#portfolio_web .portfolio_photography h2 strong {
			font-size:1.9em;
			color:#0a4571;
			font-weight:bold;
			font-style:normal;
			display:block;
			margin-top:1px;
		}
		#portfolio_web .portfolio_photography h2 em {
			font-size:1.4em;
			font-weight:bold;
			font-style:normal;
			display:block;			
			letter-spacing:-2px;
			line-height:.9;
		}		
		#portfolio_web .portfolio_photography .right {
			font-size:1.2em;
			position:absolute;
			width:235px;
			top:87px;
			left:700px;
			line-height:1.3em;
		}
#portfolio_web_detail {
		background:#f2f2f2;
		border-top:1px solid #fff;
		padding:24px 29px 0;		
		overflow:hidden;
		height:1%;
		clear:both;
	}
	#portfolio_web_detail .work_detail {
		background:#fff;
		overflow:hidden;
		height:1%;
		background:url(../images/bg-work_detail.gif) left top no-repeat;
		border-bottom:1px solid #e8e8e8;
		margin-bottom:15px;
	}
	#portfolio_web_detail .work_detail h2 {
		padding:30px 27px;
	}
	#portfolio_web_detail .work_detail p {
		color:#5a5a5a;
		font-size:1.3em;
		line-height:1.2em;
		margin:0 27px 1.2em;
	}
	#portfolio_web_detail .work_detail p.right {
		float:right;
		margin-top:-70px;
		margin-bottom:20px;
	}
	#portfolio_web_detail .controls a.go_back {
		float:left;
		width:75px;
		height:24px;
		cursor:pointer;
		text-indent:-9999em;
		background:url(../images/btn-go_back.gif) left top no-repeat;
	}
	#portfolio_web_detail .controls a.view_site {
		float:right;
		margin-right:10px;
		width:79px;
		height:24px;
		cursor:pointer;
		text-indent:-9999em;
		background:url(../images/btn-view_site.gif) left top no-repeat;
	}
		#portfolio_web_detail a.go_back:hover,
		#portfolio_web_detail a.view_site:hover {
			background-position:left bottom;
		}
	#portfolio_web_detail .gallery li {
		background:#fff;
		padding:5px;
		border:1px solid #e8e8e8;
		margin-bottom:15px;
	}
		#portfolio_web_detail .gallery li img {
			display:block;
		}
		#portfolio_web_detail .gallery li.wide {
			clear:both;
		}
		#portfolio_web_detail .gallery li.left {
			float:left;
		}
		#portfolio_web_detail .gallery li.right {
			float:right;
		}
		#portfolio_web_detail .gallery .back_to_web_portfolio {
			float:right;	
			width:280px;
			padding:0;
			border:0;
			margin:15px 0 30px;
			background:#f2f2f2;
		}
		#portfolio_web_detail .gallery .back_to_web_portfolio a {
			background:url(../images/btn-back_to_web_portfolio.gif) left top no-repeat;
			float:right;
			height:35px;
			width:280px;
			margin:0;
			text-indent:-9999em;
		}
		#portfolio_web_detail .gallery .back_to_web_portfolio a:hover {
			background-position:left bottom;
		}
	#portfolio_web_detail .work_detail_one {
		background:#fff;
		overflow:hidden;
		height:1%;
		background:url(../images/bg-work_detail.gif) left top no-repeat;
		border-bottom:1px solid #e8e8e8;
		margin-bottom:15px;
	}
	#portfolio_web_detail .work_detail_one h2 {
		padding:20px 27px 0;
		font-size:2em;
		font-weight:bold;
	}
	#portfolio_web_detail .work_detail_one p.subhead {
		font-size:1.1em;
		margin-top:-5px;		
	}
	#portfolio_web_detail .work_detail_one p {
		color:#5a5a5a;
		font-size:1em;
		line-height:1.2em;
		margin:0 27px 1.2em;
		padding-right:485px;
	}
	#portfolio_web_detail .work_detail_one p.right {
		float:right;
		background:url(../images/bg-work_detail_one-separator.gif) left 50% no-repeat;
		width:438px;
		height:195px;
		padding:0;
		margin:0;
	}
	#portfolio_web_detail .work_detail_one p.right img {
		display:block;
		margin:30px auto 0;
	}
	#portfolio_web_detail .work_detail_one p.right img.gecko {
		margin-top:65px;
	}
	#portfolio_web_detail .work_detail_one p.right img.three60 {
		margin-top:35px;
	}
	#portfolio_web_detail .work_detail_one p.right img.arbutus {
		margin-top:47px;
	}
	#portfolio_web_detail .work_detail_one p.right img.becreative {
		margin-top:34px;
	}
	#portfolio_web_detail .work_detail_one p.right img.green {
		margin-top:50px;
	}
	
	
	
#portfolio_web .photography_portfolio {
	padding:20px 0 0 7px;
	background:#f2f2f2;
	border-top:1px solid #fff;
	overflow:hidden;
	height:1%;
}
	#portfolio_web .photography_portfolio ul {
		overflow:hidden;
		height:1%;
	}
	#portfolio_web .photography_portfolio li {
		float:left;
		display:inline;
		margin-left:19px;
		margin-bottom:16px;
	}
	#portfolio_web .photography_portfolio li img {
		display:block;
	}
	#portfolio_web .photography_portfolio a.back_to_photography_portfolio {
		float:right;
		height:35px;
		background:url(../images/btn-back_to_photography_portfolio.gif) left top no-repeat;
		width:364px;
		text-indent:-9999em;
		margin-right:30px;
		margin-top:7px;
		margin-bottom:28px;
	}
	#portfolio_web .photography_portfolio a.back_to_photography_portfolio:hover {
		background-position:left bottom;
	}
#portfolio_main {
	background:#f8f8f8;
	border-top:1px solid #fff;
	padding:20px;
}
	#portfolio_main .intro {
		background:url(../images/bg-clients-bottom.gif) left bottom no-repeat;
		margin-bottom:15px;
	}
	
	#portfolio_main .intro h2 {
		background:url(../images/bg-services_page-top.gif) left top no-repeat;
		padding:29px 20px;
		font-size:200%;
		font-weight:bold;
		line-height:1.4em;
	}
	#portfolio_main .intro h2 strong {
		font-size:2em;
		color:#0a4571;
		font-weight:bold;
		font-style:normal;
		display:block;
		text-transform:uppercase;
		margin-top:3px;
	}
	#portfolio_main .intro h2 em {
		font-size:1.4em;
		font-weight:bold;
		font-style:normal;
		display:block;
	}
	#portfolio_main .intro p {
		font-size:1.2em;
		line-height:1.2em;
		padding:0 400px 35px 20px;
	}
	#portfolio_main .intro p.pitch {
		color:#0a4571;
		font-size:1.7em;
	}
	#portfolio_main	.intro .quick_links {
		width:322px;
		float:right;
		display:inline;
		margin-right:37px;
		margin-top:32px;
	}
	#portfolio_main	.quick_links li {
		margin-bottom:11px;
	}
	#portfolio_main .bottom_links {
		overflow:hidden;
		height:1%;
	}
	#portfolio_main .bottom_links li {
		float:left;
		width:300px;
		display:inline;
		margin-top:15px;
		margin-right:19px;
	}
	#portfolio_main .bottom_links li.last_element {
		margin-right:0;
	}
	#portfolio_main .quick_links a {
		display:block;
		font-size:1.1em;
		color:#4c4c4c;
		padding:0 75px 0 20px;
		height:82px;
		background:url(../images/btn-quick_links-arrow.gif) left top no-repeat;
	}
	#portfolio_main .bottom_links li a {
		font-size:1em;
		height:77px;
		padding-right:70px;
		background:url(../images/btn-quick_links-arrow-small.gif) left top no-repeat;
	}
	#portfolio_main .quick_links a:hover {
		background-position:left bottom;
	}
	#portfolio_main .quick_links strong {
		text-decoration:underline;
		font-size:1.3em;
		display:block;
		margin-bottom:2px;
		padding-top:16px;
	}
	#portfolio_main .bottom_links li strong {
		font-size:1.2em;
	}
#portfolio_main	.proud_of .projects li {
	background:url(../images/bg-clients-bottom.gif) left bottom no-repeat;
	position:relative;
	overflow:hidden;
	height:374px;
	margin-bottom:15px;
	padding-bottom:1px;
}
	#portfolio_main	.proud_of .projects li h3 {
		background:url(../images/bg-services_page-top.gif) left top no-repeat;
		padding:39px 0 0 23px;
		margin-bottom:25px;
	}
	#portfolio_main .proud_of p {
		padding:0 700px 0 20px;
		font-size:118%;
		line-height:125%;
		margin-bottom:20px;
	}	
	#portfolio_main .proud_of p.sample {
		float:right;
		width:676px;
		margin:0;
		padding:0;
		margin-top:-90px;
	}
	#portfolio_main	.proud_of a.full_web_portfolio {
		position:absolute;
		right:23px;
		top:34px;
		height:26px;
		width:169px;
		text-indent:-9999em;
		background:url(../images/btn-view_full_web_portfolio.gif) left top no-repeat;
	}
	#portfolio_main	.proud_of a.view_project_details {
		background:url(../images/btn-view_project_details.gif) left top no-repeat;
		height:26px;
		width:148px;
		display:block;
		margin-top:35px;
		text-indent:-9999em;
	}
		#portfolio_main	.proud_of a.view_project_details:hover,
		#portfolio_main	.proud_of a.full_web_portfolio:hover {
			background-position:left bottom;
		}
		
	#portfolio_web #agency {
		margin-left: 19px;
		margin-right: 19px;
	}
	
		#portfolio_web #agency img{
			padding-right: 10px;
		}
		
		#portfolio_web #agency p{
			padding-bottom: 15px;
		}
		
/* 3.12 PRIVACY POLICY
------------------------------------------------------------------------------------------------ */
#privacy_policy {
	background-image:url(images/privacy.gif);
	padding:35px 35px 35px;
}
	#privacy_policy h2 {
		font-weight:bold;
		font-size:230%;
		margin-bottom:10px;
	}
	#privacy_policy h3 {
		font-weight:bold;
		font-size:120%;
		padding-top:.6em;
		line-height:1.285em;
		margin-bottom:.6em;
	}
	#privacy_policy p {
		font-size:110%;
		line-height:1.285em;
		text-align:justify;
		margin-bottom:1.285em;
	}

	/* nav */
	#nav_wrapper{
	width:980px;
	height: 34px;
	margin: 0 auto;
	float:left;	
}
	ul.nav{
		padding: 0 0 0 0;
		height: 37px;
		position: relative;
		margin:0;
	}
		ul.nav li{
			float: left;
			list-style:none;
		}
			ul.nav li.active a{
				z-index: 9 !important;
				background-position: top !important;
				height:34px;
			}
			ul.nav li a{
				position: absolute;
				height: 37px;
				width: 160px;
				background-position: bottom !important;
			}
			ul.nav li a.home{
				z-index: 8;
				left: 2px;
				background: url("images/home.png") no-repeat;
			}
			ul.nav li a.about{
				z-index: 7;
				left: 138px;
				background: url("images/about.png") no-repeat;
			}
			ul.nav li a.gallery{
				z-index: 6;
				left: 274px;
				background: url("images/gallery.png") no-repeat;
			}
			ul.nav li a.portfolio{
				z-index: 5;
				left: 409px;
				background: url("images/portfolio.png") no-repeat;
			}
			ul.nav li a.cv{
				z-index: 4;
				left: 544px;
				background: url("images/cv.png") no-repeat;
			}
			ul.nav li a.blog{
				z-index: 3;
				left: 680px;
				background: url("images/blog.png") no-repeat;
			}			
			ul.nav li a.contact{
				z-index: 2;
				left: 815px;
				background: url("images/contact.png") no-repeat;
			}

#ipod{
width:221px;
margin-left:auto;
margin-right:auto;
}
.topipod{
	background-image: url(images/ipod_top.jpg);
	background-repeat: no-repeat;
	float:left;
	height:20px;
	width:221px;
}
.leftipod{
	background-image: url(images/ipod_left.jpg);
	background-repeat: no-repeat;
	float:left;
	height:132px;
	width:22px;
}
.videoscreen{
width:175px;
height:132px;
float:left;
}
.rightipod{
	background-image: url(images/ipod2_right.jpg);
	background-repeat: no-repeat;
	float:left;
	height:132px;
	width:24px;
}
.bottomipod{
	background-image: url(images/ipod_bottom.jpg);
	background-repeat: no-repeat;
	float:left;
	height:211px;
	width:221px;
}
.lefttopipod{
	background-image: url(images/leftipod_top.jpg);
	background-repeat: no-repeat;
	float:left;
	height:20px;
	width:221px;
}
.leftleftipod{
	background-image: url(images/leftipod_left.jpg);
	background-repeat: no-repeat;
	float:left;
	height:132px;
	width:22px;
}

.leftrightipod{
	background-image: url(images/leftipod2_right.jpg);
	background-repeat: no-repeat;
	float:left;
	height:132px;
	width:24px;
}
.leftbottomipod{
	background-image: url(images/leftipod_bottom.jpg);
	background-repeat: no-repeat;
	float:left;
	height:211px;
	width:221px;
}

a#contact_tab {
	border:1px solid;
	cursor:pointer;
	height:108px;
	right:0;
	margin-right:-12px;
	overflow:hidden;
	position:fixed;
	text-indent:-5000px;
	top:19%;
	width:45px;
	z-index:10000;
	background-image:url(images/contact_tab.gif);
}
.previous, .next{
	margin-left:20px
}