/* CSS Document */

/*
@import url(http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic);
@import url(http://fonts.googleapis.com/css?family=Cantarell:regular,italic,bold,bolditalic);
@import url(/style/titillium/stylesheet.css);
*/

/*
	Enzo Weights:
	Thin
	Thin Italic
	Light
	Light Italic
	Regular
	Italic
	Bold
	Bold Italic
	Black Italic
	Black
*/

body, div, p, li, td, span, a, h1, h2, h3, h4, h5, h6 {
		font-family: "ff-enzo-web-1","ff-enzo-web-2", sans-serif;
		font-weight: Regular;
		/* font-family: helvetica, arial, verdana, san-serif, sans-serif; */ 
		letter-spacing: normal;
		list-style-type: none;
		border-width: 0;
		text-rendering: optimizeLegibility;
	}


body, div, p, li, td {   
		color: #999999;
	}
	
h1, h2, h3, h4, h5, h6
		{
		color: #323232;
		}	
	
a {
	color: #ff9000;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}
	
body {
	background: #FFFFFF;
	margin: 0px;
	}
	
#page {
	margin: 0px auto;
	background: #FFFFFF;
	width: 860px;
	}	
	
#page .header {
	padding: 15px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
	font-size: 28px;
	font-weight: bold;
	color: #323232;
	letter-spacing: -0.04em;
	line-height: 100%;
	}



div#centered { margin-left:auto; margin-right:auto; height: 100%; width: 100%; position: absolute;}



#headerbar {
	margin: 0;
	padding: 0;
	/* background: #323232 url(../img/common/header_gradient.gif) repeat-x scroll bottom; */ 
	background: #323232; 
	width: 100%;
	display: block;
	}	

#headerblock {
	width: 860px;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	display: block;
	}




		
#headerblock h1#name-and-title {
		margin: 0px;
		padding: 20px 0 0 0;
		float: left;
		}
			
#headerblock h1#name-and-title img {
		border: 0;
		}
		
#headerblock h1#name-and-title a {
		color: #FFFFFF;
		text-decoration: none;
		}

#headerblock h1#name-and-title a:hover {
		text-decoration: none;
		}


#headerblock h1#name-and-title span.name {
		display: block;
		color: #FFFFFF;
		font-size: 32px;
		line-height: 28px;
		letter-spacing: -.05em;
		font-family: "ff-enzo-web-1","ff-enzo-web-2", sans-serif;
		font-weight: Regular;
		}
		

#headerblock h1#name-and-title span.title {
		display: block;
		color: #adadad;
		font-size: 18px;
		line-height: 16px;
		letter-spacing: -.05em;
		}



/* ----- start SECTIONS ----- */



ul#sections {
	list-style-type: none;
	padding: 52px 0px 0px 0px;
	margin: 0px;
	display: block;
	float: right;
	}


ul#sections li {
	display: block;
	padding: 0px;
	margin: 0px 0px 0px 4px;
	float: left;
	}

ul#sections li a {
	display: block;
	background: #333233;
	padding: 7px 8px 2px 7px;
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-bottom: 4px solid #333233;
	letter-spacing: -0.03em;
	}

body#home ul#sections li a.home, 
body#portfolio ul#sections li a.portfolio, 
body#expertise ul#sections li a.expertise, 
body#about ul#sections li a.about, 
body#blog ul#sections li a.blog
	{
	background: #fff;
	border-bottom: 4px solid #fff;
	color: #323232;
	}


ul#sections li a:hover {
	background: #e8223d;
	border-bottom: 4px solid #e8223d;
	}

/* ----- end SECTIONS ----- */






/* ----- start CONTENT ----- */


#content {
	background: #FFF;
	margin: 0px 0px 7px 0px;
	padding: 20px 0px 10px 0px;
	clear: both;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -0.05em;
	}
	

		
#content p,
#content li,
#content a,
#content div
		{
		font-size: 18px;
		line-height: 20px;
		letter-spacing: -0.05em;
		margin: 0 0 20px 0;
		}	

#content li {
	list-style-type: square;
	}

#content h6 { font-size: 18px; line-height: 18px; letter-spacing: -0.05em; margin: 10px 0 0px 0;}
#content h5 { font-size: 20px; line-height: 20px; letter-spacing: -0.05em; margin: 10px 0 5px 0;}
#content h4 { font-size: 20px; line-height: 20px; letter-spacing: -0.05em; margin: 20px 0 10px 0;}
#content h3 { font-size: 30px; line-height: 30px; letter-spacing: -0.06em; margin: 20px 0 10px 0;}
#content h2 { font-size: 33px; line-height: 33px; letter-spacing: -0.06em; margin: 30px 0 10px 0;}
#content h1 { font-size: 36px; line-height: 36px; letter-spacing: -0.075em; margin: 30px 0 10px 0;}

#content ul.asterisk {
		border-bottom: 1px dashed #c1c1c1;
		margin: 0 0 20px 0;
		padding: 0;
		}
		
#content ul.asterisk li {
		border-top: 1px dashed #c1c1c1;
		margin: 0;
		padding: 0;
		list-style-type: none;
		}

#content ul.asterisk li a {
		display: block;
		padding: 7px 0px 5px 24px;
		margin: 0;
		color: #999999;
		text-decoration: none;
		background: url(../img/common/asterisk_normal.gif) no-repeat scroll left 6px;
		}
	
#content ul.asterisk li a:hover {
		color: #323232;
		background: #d6e7f0 url(../img/common/asterisk_hover.gif) no-repeat scroll left 6px;
		text-decoration: none;
		}
	




#content ul.asterisk-pdf {
		border-bottom: 1px dashed #c1c1c1;
		margin: 0 0 20px 0;
		padding: 0;
		}
		
#content ul.asterisk-pdf li {
		border-top: 1px dashed #c1c1c1;
		margin: 0;
		padding: 0;
		list-style-type: none;
		}

#content ul.asterisk-pdf li a {
		display: block;
		padding: 7px 0px 5px 24px;
		margin: 0;
		color: #999999;
		text-decoration: none;
		background: url(../img/common/icon_pdf.gif) no-repeat scroll left 8px;
		}
	
#content ul.asterisk-pdf li a:hover {
		color: #323232;
		background: #d6e7f0 url(../img/common/icon_pdf.gif) no-repeat scroll left 8px;
		text-decoration: none;
		}
	








	
#content ul.asterisk-minor {
		border-bottom: 1px dashed #c1c1c1;
		margin: 0 0 20px 0;
		padding: 0;
		}
		
#content ul.asterisk-minor li {
		border-top: 1px dashed #c1c1c1;
		margin: 0;
		padding: 7px 0px 5px 24px;
		background: url(../img/common/asterisk_gray.gif) no-repeat scroll left 6px;
		list-style-type: none;
		}
	
	
#content ul.asterisk-static {
		border-bottom: 1px dashed #c1c1c1;
		margin: 0 0 20px 0;
		padding: 0;
		}

#content ul.asterisk-static li {
		display: block;
		border-top: 1px dashed #c1c1c1;
		margin: 0;
		padding: 7px 0px 5px 24px;
		list-style-type: none;
		color: #999999;
		background: url(../img/common/asterisk_normal.gif) no-repeat scroll left 6px;
		}


	
	
	
	
	
#content #header	{
		border-bottom: 1px dashed #c1c1c1;
		margin: 0;
		padding: 0;
		}
		
#content #header h1	{
		clear: left;
		font-size: 32px;
		line-height: 32px;
		letter-spacing: -0.07em;
		width: 620px;
		margin: 0;
		padding: 0;
		}
		
	
#content #header #uplink	{
		font-size: 16px;
		clear: both;
		margin: -30px 0 0 0;
		padding: 0;
		width: 100%;
		}

#content #header #uplink a	{
		text-align: right;
		margin: 0 0 0 680px;
		display: block;
		background: url(../img/common/up_arrow.gif) no-repeat scroll right 0px;
		padding: 7px 14px 12px 0;
		color: #a4a4a4;
		text-decoration: none;
		}
	
#content #header #uplink a .destination {
		font-weight: bold;
		letter-spacing: inherit;
		}
			
#content #header #uplink a:hover	{
		text-decoration: none;
		color: #323232;
		}	
	
	
	
	
	
	
#content .subheader	{
		border-bottom: 1px dashed #c1c1c1;
		margin: 0;
		padding: 0;
		}
		
#content .subheader h4	{
		clear: left;
		font-size: 20px;
		line-height: 20px;
		letter-spacing: -0.075em;
		width: 620px;
		margin: 0;
		padding: 0 0 10px 0;
		}	
	
	
	
	
#content #portfolio-page {
		width: 100%;
		margin: 17px 0 0 0;
		}	
	
#content #portfolio-page #gallery {
		width: 560px;
		float: left;
		background: transparent;
		border-bottom: 3px solid #c1c1c1;
		}	
	






#content #portfolio-page #gallery .paginationstyle{ /*Style for demo pagination divs*/
background: #dedede;
padding: 4px;
margin: 0 0 4px 0;
text-align: center;
font-size: 18px;
line-height: 20px;
letter-spacing: -0.05em;
}

#content #portfolio-page #gallery .paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

#content #portfolio-page #gallery .paginationstyle a { /*Pagination links style*/
padding: 5px 7px 0 6px;
margin: 0;
text-decoration: none;
color: #FFF;
background-color: #aaaaaa;
display: block;
font-size: 18px;
line-height: 20px;
letter-spacing: -0.05em;
}

#content #portfolio-page #gallery .paginationstyle a.previous {
float: left;
}

#content #portfolio-page #gallery .paginationstyle a.next {
float: right;
}

#content #portfolio-page #gallery .paginationstyle a:hover, 
#content #portfolio-page #gallery .paginationstyle a.selected{
color: #FFF;
background-color: #323232;
}

#content #portfolio-page #gallery .paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

#content #portfolio-page #gallery .paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

#content #portfolio-page #gallery .paginationstyle a.imglinks a:hover{
background: none;
}

#content #portfolio-page #gallery .paginationstyle .flatview a:hover, 
#content #portfolio-page #gallery .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

#content #portfolio-page #gallery .paginationstyle span.paginateinfo {
padding: 5px 7px 0 6px;
margin: 0;
display: block;
font-size: 18px;
line-height: 20px;
letter-spacing: -0.05em;
}



#content #portfolio-page #gallery .virtualpage {
	padding: 0;
	margin: 0;
	}


#content #portfolio-page #gallery .image {
	background: #dedede;
	margin: 0 0 4px 0;
	padding: 0;
	width: 100%;
	text-align:center;
	}

#content #portfolio-page #gallery .image img ,
#content #portfolio-page #gallery .image div  {
	margin: 0 auto;
	padding: 10px;
	border: 0;
	display: block;
	}

#content #portfolio-page #gallery .image div  {
	}	

#content #portfolio-page #gallery .image div embed {
	margin: 0 auto;
	padding: 0;
	border: 0;
	display: block;
	}


#content #portfolio-page #gallery .description {
	display: block;
	margin: 0 0 4px 0;
	text-align:left;
	border-top: 1px dashed #c1c1c1;
	padding: 10px 0 10px 0;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -0.05em;
	background: transparent;
	}
	
	
#content #portfolio-page #text {
	width: 260px;
	margin: 0 0 0 40px;
	padding: 0;
	float: left;
	}	
	
#content #portfolio-page #text p {
	}




#content ul.portfolio-grid {
		width: 100%;
		margin: 17px 0 0 0;
		padding: 0;
		}	

#content ul.portfolio-grid li {
	width: 209px;
	height: 120px;
	list-style-type: none;
	padding: 0;
	margin: 0 6px 6px 0;
	float: left;
	display: block;
	}




#content ul.portfolio-grid li a {
	display: block;
	overflow: hidden;
	width: 199px;
	height: 110px;
	background: #cecece;
	border: 1px solid #aaaaaa;
	padding: 4px;
	text-decoration: none;
	}

#content ul.portfolio-grid li a:hover {
	background: #FFF;
	border: 1px dashed #ffa200;
	}

#content ul.portfolio-grid li a img {
	display: block;
	position: relative;	
	border: 0;
	padding: 0;
	margin: 0;
	}

#content ul.portfolio-grid li a span {
	display: none;
	position: relative;
	top: -105px;
	width: 181px;
	padding: 4px;
	margin: 0;
	left: 5px;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: -0.05em;
	font-weight: bold;
	color: #FFF;
	background: transparent url(../img/common/gray_70.png);  
	/* background: #323232 ; */
	}

#content ul.portfolio-grid li a:hover span {
	display: block;
	}









#content #basic-page {
		width: 100%;
		margin: 17px 0 0 0;
		}	
	
#content #basic-page #text {
		width: 560px;
		float: left;
		background: transparent;
		border-bottom: 3px solid #c1c1c1;
		}	
	
#content #basic-page #sidebar {
	width: 260px;
	margin: 0 0 0 40px;
	padding: 0;
	float: left;
	}	
	
#content #basic-page #sidebar p {
	}



#content #homepage img.flag {
	display: block;
	margin: 0 0 -54px -73px;
	}



#content #homepage #splash {
	margin: 0 0 30px 0;
	padding: 0;
	}
	
	
#content #homepage #splash a {
	display: block;
	overflow: hidden;
	width: 860px;
	height: 314px;
	text-decoration: none;
	}
		
#content #homepage #splash a img {
	display: block;
	position: relative;	
	border: 0;
	padding: 0;
	margin: 0;
	}
	
#content #homepage #splash a span {
	display: block;
	position: relative;
	width: 820px;
	padding: 10px;
	margin: 0;
	top: -48px;
	left: 10px;
	font-size: 23px;
	line-height: 20px;
	letter-spacing: -0.05em;
	font-weight: bold;
	color: #FFF;
	background: transparent url(../img/common/gray_70.png);  
	/* background: #323232 ; */
	}


#content #homepage .column {
	width: 260px;
	margin: 0 0 20px 40px;
	float: left;
	}

#content #homepage .column:first-child {
	margin-left: 0;
	}

#content #homepage .column h2 {
	font-size: 32px;
	line-height: 29px;
	}
	
	
#content #homepage .column h2:first-child {
	margin-top: 0;
	}

#content #homepage .column p {
	font-size: 20px;
	line-height: 22px;
	letter-spacing: -0.05em;
	font-weight: bold;
	color: #999999;
	}
	
#content #homepage .column a {
	font-size: inherit;
	}

#content #homepage .column  ul.asterisk {
	border-bottom: 1px dashed #c1c1c1;
	margin: 0 0 20px 0;
	padding: 0;
	}
		
#content #homepage .column ul.asterisk li {
	font-weight: bold;
	font-size: 20px;
	line-height: 19px;
	display: block;
	border-top: 1px dashed #c1c1c1;
	margin: 0;
	padding: 7px 0px 5px 24px;
	list-style-type: none;
	color: #999999;
	background: url(../img/common/asterisk_normal.gif) no-repeat scroll left 6px;
	}







#content #homepage .column .bloglist {
	border-bottom: 1px dashed #c1c1c1;
	margin: 0 0 0 0;
	padding: 0;
	}
	
#content #homepage .column .bloglist div {
	margin: 0;
	padding: 0;
	}	
	
#content #homepage .column .bloglist a {
	font-weight: bold;
	font-size: 20px;
	line-height: 19px;
	display: block;
	border-top: 1px dashed #c1c1c1;
	padding: 7px 0px 5px 24px;
	margin: 0;
	color: #999999;
	text-decoration: none;
	background: url(../img/common/asterisk_green.gif) no-repeat scroll left 6px;
	}

#content #homepage .column .bloglist a:hover {
	color: #323232;
	background: #d6e7f0 url(../img/common/asterisk_hover.gif) no-repeat scroll left 6px;
	text-decoration: none;
	}














/* ----- end CONTENT ----- */
	
	
	
	
/* ----- start FOOTER ----- */
	
	
#page #footer {
	clear: both;
	background: url(../img/common/footer_background.gif) repeat-x scroll top;
	padding: 11px 0 0 0;
	font-size: 13px;
	font-weight: normal;
	margin: 7px 0px;
	letter-spacing: -0.06em;
	border-top: 1px solid #969696;
	}
	
#page #footer #leftside {
	float: left;
	margin: 0px;
	font-size: inherit;
	color: inherit;
	}
	
#page #footer #rightside {
	float: right;
	margin: 0px;
	font-size: inherit;
	color: inherit;
	}	
	
	

	
/* ----- end FOOTER ----- */	



	
/*   don't forget to add clearfix styles to ie.css sheet also     */

.clearfix:after,
#headerblock:after,
#content:after,
#content #header:after,
#content #basic-page:after,
#content #portfolio-page:after,
#content #portfolio-page #gallery .paginationstyle:after
	{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}