/************************/
/********* Page *********/
/************************/
html {
	height: 			100%;
}
body {
	border: 			0px;
	height:				100%;
	margin: 			0px;
	padding: 			0px;
	font-family:		Arial, Helvetica, Geneva, sans-serif;
	font-size: 			12px;
	color:				#FFFFFF;
	line-height: 		1.8em;
	padding-left: 		1px; 
	margin-right: 		auto; 
	margin-left:		 auto;
	margin-top: 		-2px;
	background-color: 	#161616;
	background-image:	url(images/bg.png);
	background-repeat: 	repeat-x;
}
td { 
	background: 		transparent;
	border: 			0px;
	margin: 			0px;
	padding: 			0px;
}
p {
	margin-bottom: 		1em;
	margin-top: 		0em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 		normal; 
	margin: 			0px; 
	padding: 			0px;
}
h1 {
	font-size: 			13px;
	text-transform:		capitalize;
	font-weight:		bold;
	color: 				#EEEEEE;
	text-decoration:	underline;
}
h2 {
	font-size: 			11px;
	text-transform:		lowercase;
	font-variant:		small-caps;
	font-weight:		bold;
	color: 				#D7D7D7;
}
h3 {
	font-size: 			9px;
	text-transform:		lowercase;
	font-weight:		bold;
	color: 				#AAAAAA;
}
ul {
	list-style-type: 	square; 
	margin: 			1em 0 1em;
	padding: 			0;
	padding-left: 		2em;
}
form {
	margin:				0;
	padding: 			0;
}
img {
	border-style:		none;
}

.galleria_wrapper img:hover{
		cursor:pointer;
}


/************************/
/********* Links ********/
/************************/
a {
	-moz-outline:		none;
} 
a:link, a:visited, a:active {
	text-decoration:	none;
	color: 				#0F8299;
}
a:hover {
	text-decoration: 	none;
	color: 				#FFFFFF;
}
a.active {
	color:				#545454;
}


/************************/
/** Horizontal Nav Bar **/
/************************/
.horizontalNavigationBar{
	border-bottom:		1px solid #fff;
	line-height: 		1em;
	font-weight: 		bold;
	margin-right:		0px;
	margin-top: 		5px;
	margin-bottom: 		0px;
	padding-bottom:		3px;
	width: 				959px;
}
.horizontalNavigationBar ul {
	list-style-type:	none;
	padding: 			0; 
}
.horizontalNavigationBar ul li {
	float: 				left;
	padding: 			0;
	margin: 			0;
}
.horizontalNavigationBar ul li a {
	display: 			block;
}
.horizontalNavigationBar a{
	font-size: 			9px;
	text-transform: 	uppercase;
	letter-spacing: 	2px; 
	line-height:		1em;
	font-weight: 		bold; 
	color: 				#D7D7D7;	
	margin-right: 		20px;
	margin-bottom: 		6px;
}
.horizontalNavigationBar a:hover {
	border-bottom: 		0px null inherit;
	color: 				#0F8299;
}


/************************/
/*** Vertical Nav Bar ***/
/************************/
.verticalNavigationBar .section {
	padding-right: 		10px;
	padding-left: 		10px; 
	padding-top: 		10px;
	padding-bottom: 	10px;
	margin-bottom: 		20px;
	background-color:	transparent; 
	color: 				#CCCCCC;
}
.verticalNavigationBar .section .caption {
	font-size: 			10px;
	text-transform: 	uppercase;
	font-weight:		bold;
	color: 				#FFFFFF;

	margin-bottom:		0px;
	border-color: 		#ACACA3;
}
.verticalNavigationBar li {
	border-bottom: 		1px solid #2F302E;
	border-color: 		#2F302E;
}
.verticalNavigationBar ul {
	border-top:			1px solid #2F302E;
	border-color: 		#2F302E;
}


/************************/
/*** Header & Footer ****/
/************************/
#pageHeader {
	line-height: 		1em; 
	padding-top: 		20px; 
	padding-bottom: 	8px;
}
#pageFooter {
	font-size: 			11px;
	border-top: 		1px solid #FFFFFF;
	text-transform: 	uppercase; 
	line-height: 		0.5em;
	padding-top:		10px; 
	padding-bottom: 	10px;
	color: 				#999999;
	border-color: 		#FFFFFF;
}


/************************/
/******* Wrappers *******/
/************************/
#canvasWrapper{
	width: 				959px;
	padding: 			0 20px 0 20px;
	margin-right: 		auto;
	margin-left: 		auto;
	overflow: 			hidden;	
	background-color: 	transparent; 
	background-repeat:	repeat-x;
}
#contentWrapper {
	float: 				left;
	width: 				546px;
	/**margin-bottom:		20px;**/
}
#sidebar1Wrapper { 
	display: 			block;
	float: 				left;
	width: 				150px;
	padding: 			0;
	padding-right: 		20px;
}
#sidebar2Wrapper { 
	display: 			block;
	float: 				right;
	width: 				225px;
	padding: 			0;
}
#siteTitle, #pageFooterWrapper, #pageBodyWrapper {
	clear: 				both;
} 
#content, #sidebar1, #sidebar2 {
	overflow: 			hidden;
}


/************************/
/******* Banners ********/
/************************/
#bannerWrapper { 
	line-height:		0;
	width:				960px;
	height:				135px;
}
.banner_basic{
	background-image:	url(images/header_site.png);
}
.banner_comp{
	background-image:	url(images/header_site_comp.png);
}
.banner_mograph{
	background-image:	url(images/header_site_mograph.png);
}
.banner_graphdes{
	background-image:	url(images/header_site_graphdes.png);
}
.banner_photog{
	background-image:	url(images/header_site_photog.png);
}
.banner_contact{
	background-image:	url(images/header_site_contact.png);
}


/************************/
/******* Sections *******/
/************************/
.section ul {
	margin: 			0;
	padding: 			0;
} 
.section ul li {
	list-style-type: 	none;
	margin: 			0;
	padding: 			0;
}


/************************/
/***** Social Icons *****/
/************************/
.inline-icon {
	margin-right: 		4px;
	vertical-align: 	middle;
	height: 			14px;
	width: 				14px;
}
.social-link-list-pt li {
	display: 			block;
}
.social-link-list-pt li a.icon-link {
	padding: 			2px 0px 2px 20px;
	background-repeat: 	no-repeat;
	background-position:center left;
}
#soc-facebook{
	background-image: 	url(images/social/facebook.png);
}
#soc-flickr{
	background-image: 	url(images/social/flickr.png);
}
#soc-imdb{
	background-image: 	url(images/social/imdb.png);
}
#soc-linkedin{
	background-image: 	url(images/social/linkedin.png);
}
#soc-twitter{
	background-image: 	url(images/social/twitter.png);
}
#soc-vimeo{
	background-image: 	url(images/social/vimeo.png);
}


/************************/
/****** Galleries *******/
/************************/
.picture-gallery-list li {
	list-style-type:	none;
	margin-bottom: 		12px;
	height: 			1%;
}
.picture-gallery-list li .thumbnail-container {
	float: 				left;
	line-height: 		0;
	width:				175px;
}


/************************/
/******* Clearers *******/
/************************/
#bodyClearer {
	display: 			none;
}
.clearer { 
	clear: 				both;
	line-height: 		0;
	height:		 		0;
}

/************************/
/********* Fixes ********/
/************************/

/* SAFARI */
@media screen and (-webkit-min-device-pixel-ratio:0){
   .horizontalNavigationBar{
   padding-bottom: 12px;
   }
}

/* IE */
.horizontalNavigationBar{
   padding-bottom: 12px\9;
   _padding-bottom:12px;
}