@charset "UTF-8";
/* CSS Document */
/* 	Reset CSS v1.0
	Created by: Karl Chvojka
   	Created on: 2011/04/05
   	License: none (public domain)
	Creation Purpose: Learning/Turtorial Tools
	
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

@font-face {
    font-family: 'WinterthurCondensedRegular';
    /*src: url('fonts/WinterthurCondensed-webfont.eot');
    src: url('fonts/WinterthurCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/WinterthurCondensed-webfont.woff') format('woff'),
         url('fonts/WinterthurCondensed-webfont.ttf') format('truetype'),
         url('fonts/WinterthurCondensed-webfont.svg#WinterthurCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;*/

}


body, html{
	width:100%;
	font-family:'WinterthurCondensedRegular' ,Arial, Helvetica, sans-serif;
	
}



div#site_wrap{
	width:810px;
	height:540px;
	margin:0 auto;
	position:relative;
	margin-top:0;
	
}

div#dots_wrap{
		position:absolute;
		bottom:62px;
		right:-18px;
	}

div#header_wrap{
	width:100%;
	height:80px;
}

div#logo_wrap{
	width:250px;
	height:60px;
	border-right:1px solid #999;
	padding-top:5px;	
}

div#content_wrap{
	width:808px;
	height:360px;
	border:1px solid #000;	
	position:relative;
	}
	div#content_wrap div#content_left_wrap{
		width:250px;
		height:100%;	
		float:left;
	}
	div#content_wrap div#content_right_wrap{
		padding:50px 35px 25px 25px;
		width:498px;
		height:285px;
		background-color:#58585a;
		float:left;
		color:#fff;
		position:relative;
		
	}
	div#content_wrap div#content_right_wrap h1{
		font-size:15px;
		text-transform:uppercase;
		margin-bottom:30px;
	}
	div#content_wrap div#content_right_wrap p{
		font-size:11px;
		line-height:18px;
		margin:10px 0;
	}
	
	div#content_wrap div#content_right_wrap p a{
		font-size:11px;
		line-height:18px;
		color:#fff;
		text-decoration:none;
	}
	
	div#content_wrap div#content_right_wrap p a:hover{
		color:#b8b8b8;
	}
	div#content_wrap div#prev{
		
		position:absolute;
		bottom:10px;
		right:80px;
		color:#fff;
		font-size:12px;
		z-index:4;
		cursor:pointer;
		text-shadow:#000 1px 1px 1px;
	}
	
	div#content_wrap div#prev:hover{
		color:#b8b8b8;	
	}
	
	div#content_wrap div#next:hover{
		color:#b8b8b8;	
	}
	
	div#content_wrap div#next{
		
		position:absolute;
		bottom:10px;
		right:30px;
		color:#fff;
		font-size:12px;
		z-index:4;
		cursor:pointer;
		text-shadow:#000 1px 1px 1px;
	}
	
	div#content_wrap div#content_right_wrap{
		padding:50px 35px 25px 25px;
	}
	div#content_wrap div#content_right_wrap ul li{
		position:relative;
	}
	
	div#content_wrap div#content_right_wrap ul li div.span{
		color:#f00;
		position:absolute;
		top:0;
		left:0;
		font-size:140px;
		width:60px;
		
	}
	div#content_wrap div#content_right_wrap ul li div.compliment{
		color:#fff;
		position:absolute;
		font-size:11px;
		width:420px;
		line-height:18px;
		left:60px;
		top:4px;
	}
	div#content_wrap div#content_right_wrap ul.compliments{
		margin-top:80px;
	}
	
 div#dots_wrap{
	position:absolute;
	bottom:62px;
	right:-18px;
}


div#footer_wrap{
	width:100%;
	height:60px;
	position:relative;	
}

div#nav_wrap{
	width:560px;
	position:absolute;
	height:46px;
	right:0;
	bottom:0;
	border-left:1px solid #999;
	}
	div#nav_wrap ul{
		list-style:none;
		}
		div#nav_wrap ul li{
			float:left;
			margin:0 17px;
			text-transform:uppercase;
			font-size:12px;
			position:relative;
			height:17px;		
			}
			div#nav_wrap ul li{
				cursor:pointer;
				color:#58585a;	
				}
			div#nav_wrap ul li:hover{
				text-decoration:none;
				color:#cd3429;	
				}
				div#nav_wrap ul li a{
					text-decoration:none;
					color:#58585a;	
				}
				div#nav_wrap ul li a:hover{
					text-decoration:none;
					color:#cd3429;	
				}
			
			div#nav_wrap ul li ul#projects_sub{
				position:absolute;
				top:17px;
				left: 0px;
				width: 100px;
				display:none;
				}
				div#nav_wrap ul li ul#projects_sub li{
				float:left;
				margin:0 2px;
				height:12px;
				
			}
			div#nav_wrap ul li ul#services_sub{
				position:absolute;
				top:17px;
				left: 0px;
				width: 180px;
				display:none;
				}
				div#nav_wrap ul li ul#services_sub li{
				margin:5px 0;
				height:12px;
				clear:left;
				width:180px;
				}
			
			
			
			div#nav_wrap ul li ul li a{
				text-decoration:none;
				color:#b8b8b8;	
			}
			div#nav_wrap ul li.projects ul li a{
				text-decoration:none;
				color:#b8b8b8;	
			}
			
			
			div#nav_wrap ul li ul li a:hover{
				text-decoration:none;
				color:#cd3429;	
			}
			#gallery{
				position:relative;
				width:inherit;
				height:inherit;
				}
				#gallery li{
					position:absolute;
					top:0;
					left:0;
					}
			#contact_quote{
				position:absolute;
				top:112px;
				left:210px;
				width:350px;
				}
				#contact_quote div.compliment{
					width:200px;
					position:absolute;
					font-size:11px;
					line-height:18px;
					left:60px;
					top:4px;
					}
					
				
	

/*********************	Page based link modifiers	***********************/
body.profile div#site_wrap div#nav_wrap ul li.profile a{
	color:#cd3429;
}
body.projects div#site_wrap div#nav_wrap ul li.projects{
	color:#cd3429;
}

body.projects div#site_wrap div#nav_wrap ul li.projects ul{
	display:block;
}

body.services div#site_wrap div#nav_wrap ul li.services ul{
	display:block;
	height:90px;
}

body.conslt div#site_wrap div#nav_wrap ul li.services ul li.conslt a{
	color:#cd3429;
}

body.pm div#site_wrap div#nav_wrap ul li.services ul li.pm a{
	color:#cd3429;
}

body.custm div#site_wrap div#nav_wrap ul li.services ul li.custm a{
	color:#cd3429;
}

body.p-1 div#site_wrap div#nav_wrap ul li.projects ul li.p-1 a{
	color:#cd3429;
}
body.p-2 div#site_wrap div#nav_wrap ul li.projects ul li.p-2 a{
	color:#cd3429;
}
body.p-3 div#site_wrap div#nav_wrap ul li.projects ul li.p-3 a{
	color:#cd3429;
}
body.p-4 div#site_wrap div#nav_wrap ul li.projects ul li.p-4 a{
	color:#cd3429;
}
body.p-5 div#site_wrap div#nav_wrap ul li.projects ul li.p-5 a{
	color:#cd3429;
}
body.p-6 div#site_wrap div#nav_wrap ul li.projects ul li.p-6 a{
	color:#cd3429;
}




body.compliments div#site_wrap div#nav_wrap ul li.compliments a{
	color:#cd3429;
}
body.services div#site_wrap div#nav_wrap ul li.services{
	color:#cd3429;
}
body.contact div#site_wrap div#nav_wrap ul li.contact a{
	color:#cd3429;
}