/* Generic tag styles */
*{
	padding:0;
	margin:0;
}
html,body{
	height:100%;
}
body{
	color:#797979;
	font-family: "AvenirLTStd-medium", "AvenirLTStd-light", "Arial", "sans-serif";
	font-size:11px;
}
a{
	color:#9D9D9D;
	text-decoration:none;
}
li{
	list-style:none;
}
:focus{
	outline:none;
}
/* Vertical Align Styles*/
.vOuter{
	display:table;
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	overflow:hidden;
}
.vMiddle{
	position:absolute;
	top:50%;
}
.vMiddle[align="LEFT"], .vMiddle[align="RIGHT"], .vMiddle[align="CENTER"]{
	display:table-cell;
	vertical-align:middle;
	position:static;
}
.vInner{
	position:relative;
	top:-50%;
}
/* Site Layout Styles */
#wrapper{
	margin:auto;
	width:690px;
}
#main{
	padding:1px;
	height:475px;
	background:url('../images/frame.gif') 0 0 no-repeat;
	width:690px;
}
#main h1{
	background:url('../images/title1.gif') -1px 0 no-repeat;
	width:380px;
	height:50px;
	text-indent:-9999px;
	margin:auto;
}
#contentwrap{
	position:relative;
	margin:20px;
	height:435px;
}
#content{
	height:410px;
	position:relative;
}
#pagecontents{
	position:relative;
	width:650px;
}

/* Homepage Styles */
#homepage ul{
	width:380px;
	margin:26px auto 0;
	line-height:24px;
	overflow:hidden;
}
#homepage ul li, #topmenu ul li{
	float:left;
}
#homepage ul li a, #topmenu ul li a{
	display:block;
	height:24px;
	text-indent:-9999px;
	background:url('../images/menu.gif') 0 0 no-repeat;
}
#homepage a.contact{ background-position: 0 0; width:105px; }
#homepage a.portfolio{ background-position: -105px 0; width:115px; }
#homepage a.about{ background-position: -220px 0; width:90px; }
#homepage a.clients{ background-position: -310px 0; width:68px; margin:0; }
#homepage a.contact:hover{ background-position: 0 -25px; }
#homepage a.portfolio:hover{ background-position: -105px -25px; }
#homepage a.about:hover{ background-position: -220px -25px; }
#homepage a.clients:hover{ background-position: -310px -25px; }


/**
 * Top Menu Styles
 */
#topmenu{
	width:100%;
	height:30px;
}
#topmenu h1{
	background:url('../images/title2.gif') 0 0 no-repeat;
	width:235px;
	height:30px;
	margin:0;
	float:left;
}
#topmenu h1 a{
	display:block;
	width:235px;
	height:30px;
}
#topmenu ul{
	width:280px;
	height:24px;
	float:right;
	margin:3px 0;
}
#topmenu ul li{
	position:relative;
	z-index:11;
}
#topmenu ul li a{
	margin:0 12px 0 0;
}
#topmenu ul li ul{
	position:absolute;
	height:auto;
	margin:0;
	display:none;
	z-index:11;
	width:100px;
	top:24px;
	left:0;
	padding:0 0 8px 0;
}
#topmenu ul li:hover ul, #topmenu ul li.hover ul{
	display:block;
}
#topmenu ul li ul li{
	float:none;
	height:15px;
	width:95px;
	margin:3px 0;
}
#topmenu ul li ul li a{
	height:15px;
	line-height:15px;
	display:block;
	margin:0;
}
#topmenu a.contact{ background-position: 0 -50px; width:62px; }
#topmenu a.portfolio{ background-position: -74px -50px; width:71px; }
#topmenu a.about{ background-position: -157px -50px; width:54px; }
#topmenu a.clients{ background-position: -223px -50px; width:57px; margin:0; }
#topmenu a.contact:hover, #contact #topmenu a.contact{ background-position: 0 -74px; }
#topmenu a.portfolio:hover, #portfolio #topmenu a.portfolio, #presentation #topmenu a.portfolio, 
#print #topmenu a.portfolio, #identity #topmenu a.portfolio{ background-position: -74px -74px; }
#topmenu a.about:hover, #about #topmenu a.about{ background-position: -157px -74px; }
#topmenu a.clients:hover, #clients #topmenu a.clients{ background-position: -223px -74px; }
#topmenu a.presentation{ background-position: 0 -100px; }
#topmenu a.print{ background-position: -95px -100px; }
#topmenu a.identity{ background-position: -190px -100px; }
#topmenu a.presentation:hover, #presentation #topmenu a.presentation{ background-position: 0 -115px; }
#topmenu a.print:hover, #print #topmenu a.print{ background-position: -95px -115px; }
#topmenu a.identity:hover, #identity #topmenu a.identity{ background-position: -190px -115px; }

/**
 * Portfolio Navigation
 */
#navigation{
	position:absolute;
	height:18px;
	width:40px;
	right:20px;
	top:400px;
	overflow:hidden;
	z-index:10;
}
#navigation a{
	background:url('../images/nav.gif') 0 0 no-repeat;
	display:block;
	width:20px;
	height:18px;
	float:left;
}
#navigation a#next{
	background-position: -20px 0;
}
#navigation a#next:hover{
	background-position: -20px -18px;
}
#navigation a#previous:hover{
	background-position: 0 -18px;
}
/**
 * Portfolio Styles
 */
#gallery{
	position:absolute;
	left:-9999px
}
#gallery_image{
	height:auto;
	position:relative;
	text-align:center;
	z-index:2;
	width:100%;
}
#gallery_image img{
	position:relative;
	top:15px;
	margin:auto;
}
/**
 * Contact page styles
 */
a#contactNolan{
	width:201px;
	height:40px;
	margin:auto;
	display:block;
	background:url('../images/contact.gif') 0 0 no-repeat;
}
#contactNolan:hover{
	background-position: 0 -40px;
}
/**
 * About page styles
 */
#about #content p{
	width:420px;
	line-height:120%;
	text-align:left;
	margin:auto;
}
/**
 * Clients page Styles
 */
#clients #content{
	width:560px;
	left:90px;
}
#clients #content ul{
	width:180px;
	font-size:10px;
	float:left;
	height:100%;
}






/**
 * Clr Class fix for adding to elements containing floating elements
 */
.clr:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clr{display:inline-block;}
html[xmlns] .clr{display:block;}
* html .clr{height:1%;}