/**************************************
	Begin Global Tag Defs, etc.
	(see reset.css for further global resets)
**************************************/

body {
	background-color:#880c03;
	margin:0px;
	padding:0px;
	font-family:Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size:100.1%;
	/*color:#000000;*/
	color:#d4ccc2;
	background-image:url('../assets/canofred_bg_ur.gif');
	background-repeat:no-repeat;
	background-position:top right;
}

body#galleryBody {
	background-image:none;
	background-color:#000000;
	background-repeat:repeat;
}

img {
	border:0px;
	margin:0px;
	padding:0px;
}

ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ol {
	margin:0px;
	padding:0px;
}

li {
	margin:0px;
	padding:0px;
	line-height:1;
}

p {
	padding:0px;
	margin:0px;
	line-height:1.23em;
	font-size:0.82em;
	margin-bottom:10px;
}

em {
	font-style:normal;
	font-weight:bold;
}

a:link,a:visited,a:active {
	text-decoration:none;
	color:#5377AC;
}

a:hover {
	text-decoration:underline;
}

input.text {
	font-size:0.75em;
	padding:2px 0px 3px 2px;
}

input.radio {
	margin:0px;
	padding:0px;
	display:inline;
}

h2 {
	font-family:Georgia,Times New Roman, serif;
	font-size:1.19em;
	margin-bottom:10px;
}

/**************************************
	End Global Tag Defs, etc.
**************************************/
#mainLogo {
	position:absolute;
	top:15px;
	left:10px;
	z-index:3;
}

#navigation {
	float:right;
	position:relative;
	z-index:25;
	width:731px;
	height:32px;
	margin:47px 0px 0px 0px;
	background-image:url('../assets/fade_line.jpg');
	background-position:0px 31px;
	background-repeat:no-repeat;
}

#navigation .navImage {
	float:left;
	margin:10px 75px 0px 0px;
	cursor:pointer;	
}

#bottomLeftCorner {
	position:absolute;
	width:398px;
	height:257px;
	bottom:150px;
	left:0;
	background-image:url('../assets/canofred_bg_ll.gif');
	background-repeat:no-repeat;
	z-index:1;
}

#bottomStripe {
	position:absolute;
	width:100%;
	height:126px;
	padding:12px 0px 12px 0px;
	bottom:0;
	left:0;
	background-color:#000000;
	z-index:25;
	overflow:hidden;
}


#scrollImages {
	width:95%;
	margin:0px auto;
	overflow:hidden;
	height:117px;
}

.stripeThumb {
	margin:0px 15px 50px 0px;
	float:left;
	border:1px solid #000000;

}

.scrollArrow {
	width:22px;
	height:26px;
	margin:40px 0px 0px 0px;
	
	
}

#leftScrollArrow {
	float:left;
	margin-right:10px;
}

#rightScrollArrow {
	float:right;
	margin-left:10px;
}


#hpContainer {
	position:absolute;
	top:25%;
	left:20%;
	z-index:2;
}


#leftNav {
	position:relative;
	top:150px;
	width:117px;
	height:300px;
	padding:0px 0px 0px 20px;
	z-index:25;
}

#sectionBg {
	position:absolute;
	z-index:20;
	bottom:150px;
}

#sectionBgSide {
	position:absolute;
	right:0px;
	bottom:150px;
}

.leftNav_section {
	float:left;
	clear:left;
	margin:10px 0px 0px 0px;
}


/***********************************
	
	Begin Portfolio styles
	
***********************************/

.projectLink {
	float:left;
	margin:4px 4px 0px 0px;
	width:15px;
	height:15px;
	border:1px solid #000;
}

.projectLinkActive, .projectLinkClicked {
	border:1px solid #d4ccc2;
}

.projectLinkClicked {
	border:1px solid #d4ccc2;
	background-color:#d4ccc2;
}

.projectPixelLinks {
	width:14px;
	height:14px;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

a.project_links:link, a.project_links:active, a.project_links:visited {
	text-decoration:none;
}

a.project_links:hover {
	text-decoration:none;
}

.leftNav_sub {
	float:left;
	clear:left;
	width:84px;
	display:none;
}

.activeLeftNavSection .leftNav_sub {
	display:block;
}

#portfolioSections {
	width:842px;
	height:343px;
	overflow:hidden;
	position:relative;
	left:14%;
	top:-160px;
	z-index:15;
}

.section {
	width:3368px;
	height:343px;
	position:relative;
}

.sub_section {
	position:relative;
	float:left;
	width:842px;
	height:343px;
}

.portfolioImageContainer {
	float:left;
	position:relative;
	width:311px;
	height:298px;
	margin-right:60px;
}

.speakerIcons {
	margin-left:100px;
	margin-bottom:10px;
	display:inline;
}

.speakerLabel {
	float:left;
	clear:none;
	margin:50px 0px 0px 5px;
}

.portfolioImage {
	float:left;
	clear:left;
	position:relative;
}

.portfolioDescripContainer {
	float:left;
	width:468px;
	height:277px;
	background-color:#000000;
	position:relative;
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
	
}

.portfolioItemContent {
	float:left;
	width:438px;
	height:247px;
	padding:15px;
	margin:0px 0px 0px -468px;
	display:inline;
	color:#d4ccc2;
	overflow:auto;
	position:relative;
}

.inlineProjectNavContainer {
	position:absolute;
	bottom:5px;
	right:15px;
}

.moreIcon {
	position:absolute;
	width:12px;
	height:12px;
	bottom:5px;
	right:10px;
	background-color:#ffffff;
	color:#000000;
	border:1px solid #000000;
	cursor:pointer;
	text-align:center;
	line-height:10px;
	z-index:100;
}

/***********************************
	
	End Portfolio styles
	
***********************************/



/***********************************
	
	Begin Can of What? styles
	
***********************************/
#aboutContainer {
	position:absolute;
	top:15%;
	left:18%;
	z-index:5;
	width:900px;
}

#aboutImage {
	float:left;
	margin:0px 20px 0px 0px;
}

#aboutImage img {
	margin-top:50px;
	border:5px solid #000;
}

#aboutImage p {
	text-align:center;
}

#aboutTransp {
	float:left;
	background-color:#000000;
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
	width:468px;
	height:315px;
}

#aboutContent {
	float:left;
	margin-left:-468px;
	width:438px;
	height:285px;
	padding:15px;
	position:relative;
}






/***********************************
	
	End Can of What? styles
	
***********************************/

/***********************************
	
	Begin Services styles
	
***********************************/
#servicesContainer, #photographyContainer {
	position:absolute;
	top:15%;
	left:28%;
	z-index:2;
	background-color:#000000;
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
	width:600px;
	height:315px;
}

#servicesContent, #photographyContent {
	position:absolute;
	top:15%;
	left:28%;
	z-index:3;
	width:570px;
	height:285px;
	padding:15px;
}

#servicesContent h2, #photographyContent h2 {
	font-size:1.25em;
}

ul.servicesList {
	float:left;
	width:450px;
}

ul.servicesList li {
	float:left;
	clear:none;
	width:auto;
	margin-right:5px;
	
}

ul.servicesList li p {
	line-height:0.67em;
}

/*ul.servicesList li {
	float:left;
	clear:left;
	background-image:url('../assets/cor_arrow.gif');
	background-repeat:no-repeat;
	padding-left:15px;
	background-position:0px 3px;
}*/

.servicesLabel {
	float:left;
	width:99px;
	border-right:1px dashed #d4ccc2;
	margin-right:20px;
	padding-bottom:500px;
	margin-bottom:-500px;
}

.servicesItems {
	float:left;
	
}

.servicesSectionWrapper, .photographySectionWrapper {
	float:left;
	clear:left;
	width:100%;
	overflow:hidden;
	margin:12px 0px 0px 0px;
}




/***********************************
	
	End Services styles
	
***********************************/



/***********************************
	
	Begin Gallery styles
	
***********************************/
.photographyThumbWrapper {
	width:150px;
	float:left;
	text-align:left;
	margin-right:10px;
	text-align:center;
}

.firstPhotoThumb {
	margin-left:45px;
}

.photographyThumb {
	width:100px;
	height:100px;
	border:5px solid #cccccc;
	overflow:hidden;
	cursor:pointer;
	margin:0px auto 3px auto;
}

.galleryLargeImageContainer {
	float:left;
	width:760px;
	height:600px;
	text-align:center;
}

.galleryThumbs {
	width:180px;
	height:600px;
	overflow:hidden;
	position:relative;
}

.scrollPaneWrapper {
	float:left;
	width:180px;
	height:600px;
	overflow:hidden;
	position:relative;
}

.scrollPane {
	width:155px;
}

.photoGalleryThumb {
	float:left;
	clear:left;
	width:100px;
	height:100px;
	border:5px solid #cccccc;
	margin:0px 0px 10px 30px;
	overflow:hidden;
	display:inline;
	cursor:pointer;
}

#galleryThumbNavigation {
	position:absolute;
	bottom:0px;
	left:0px;
	width:180px;
	height:17px;
	background-color:#333333;
	text-align:center;
	
	
}

#galleryThumbNavigation img {
	cursor:pointer;
}

/***********************************
	
	End Gallery styles
	
***********************************/