@charset "UTF-8";
/* CSS Document */

/* Reset CSS - Rik Lomas - http://rikrikrik.com - Based on code from Nick Rigby - http://www.nickrigby.com*/

*{margin:0;padding:0}iframe,a img,fieldset,form,table{border:0}h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}dd,dt,li,dl,ol,ul{list-style:none;list-style-position:outside}legend{color:#000}button,select,textarea,input{font:100% serif}caption,th,td{text-align:left}
body {
	background-color: #000;
}

background-color{
	background-color:#099;
	}


#bgHolder { width:100%; height:100%; background-image:url(Assets/Images/background.jpg); background-repeat:no-repeat; background-position:top; background-color:#000;}

	#container { width: 950px;  margin:auto; height:auto;}
	
		#header { height:155px;}
		
			#logo { width: 337px; height:72px; background-image:url(Assets/Images/logo.png); background-repeat:no-repeat; position:relative; top:37px; right:28px;}
			#contact { background-image:url(Assets/Images/contactMe.jpg); background-position:right top; background-repeat:no-repeat; color:#FFFFFF; float:right; font-family:Helvetica,Arial,sans-serif; height:50px; left:-2px; position:relative; top:-8px; width:150px;}
						
			#navigation { width: 950px; height:36px; /*background-image:url(Assets/Images/navigation.jpg);*/ position:absolute; top:135px; margin-left:-7px; }
					#navigation li { display:block; float:left; margin-right:8px; font-family:Helvetica, Arial, sans-serif; color:#FFF; }
					
						.homeBtn a { width: 50px; height: 28px; background-image:url(Assets/Images/navigation/home.png); cursor:pointer; background-position: -100px 0; }
							.homeBtn a:hover  { background-position: -50px 0; }
							
							.homeBtnSelected a { width: 50px; height: 0px; background-image:url(Assets/Images/navigation/home.png); cursor:pointer; overflow:hidden; padding-top:28px; }
							.homeBtnSelected a:hover { background-position: -50px 0; }
							
						.aboutBtn a { width:51px; height: 28px; background-image:url(Assets/Images/navigation/about.png); cursor:pointer; background-position: -102px 0;}
							.aboutBtn a:hover  { background-position: -51px 0; }
							
							.aboutBtnSelected a { width: 51px; height: 0px; background-image:url(Assets/Images/navigation/about.png); cursor:pointer; overflow:hidden; padding-top:28px; }
							.aboutBtnSelected a:hover { background-position: -51px 0; }
							
						.webBtn a { width:37px; height: 28px; background-image:url(Assets/Images/navigation/web.png); cursor:pointer; background-position: -74px 0;}
							.webBtn a:hover { background-position: -37px 0; }
							
							.webBtnSelected a { width:37px; height: 0px; background-image:url(Assets/Images/navigation/web.png); cursor:pointer; overflow:hidden; padding-top:28px; }
							.webBtnSelected a:hover { background-position: -37px 0; } 
							
						.photosBtn a { width:94px; height: 28px; background-image:url(Assets/Images/navigation/photographs.png); cursor:pointer; background-position: -188px 0; }
							.photosBtn a:hover { background-position: -94px 0; }
							
							.photosBtnSelected a { width:94px; height: 0px; background-image:url(Assets/Images/navigation/photographs.png); cursor:pointer; overflow:hidden; padding-top:28px; } 
							.photosBtnSelected a:hover { background-position: -94px 0; } 
							
						.blogBtn a { width:38px; height: 28px; background-image:url(Assets/Images/navigation/blog.png); cursor:pointer; background-position: -76px 0;}
							.blogBtn a:hover { background-position: -38px 0; }
							
							.blogBtnSelected a { width:38px; height: 0px; background-image:url(Assets/Images/navigation/blog.png); cursor:pointer; overflow:hidden; padding-top:28px; } 
							.blogBtnSelected a:hover { background-position: -38px 0; } 
							
						.contactBtn a { width:61px; height: 28px; background-image:url(Assets/Images/navigation/contact.png); cursor:pointer; background-position: -122px 0; }
							.contactBtn a:hover { background-position: -61px 0; }
							
							.contactBtnSelected a { width:61px; height: 0px; background-image:url(Assets/Images/navigation/contact.png); cursor:pointer; overflow:hidden; padding-top:28px; }
							.contactBtnSelected a:hover { background-position: -61px 0; } 
							
						
						#navigation a:link { text-decoration:none;}
						#navigation ul li.current a { text-decoration:none; background-color:#0F0;}
						#navigation a:visited { text-decoration:line-through;}
						#navigation a:hover { text-decoration:underline;}
						#navigation a:active { text-decoration:overline;}
							
					
		#middleContent { height:100%; width:950px;}
		#bottomText { height:100%; width:950px; padding-top:55px;}
		
		
			#mainTitle { width: 790px; /*display:block;*/ height:141px; /*background-image:url(Assets/Images/mainHeader.jpg);*/ position:relative; /*top:103px; margin-bottom:30px; clear:both;*/ float:left; padding-bottom:20px;}
				.mainTitlePaddingBottom { margin-bottom: 30px; }
			
				#availableForFreelance { height:108px;position:relative;width:110px; background-image:url(Assets/Images/freelance.png); float:right; margin-top:3%;float:right; clear:right;}
			
			#paragraph { width:455px; /*background-image:url(Assets/Images/ParagraphText.jpg);*/ background-repeat:no-repeat; /*position:relative; top:108px;*/ float:left;  }
					#paragraph h2{ height:25px; background-image:url(Assets/Images/H2_image.jpg); background-repeat:no-repeat; margin-top:19px;}
					
			#paragraph2 { width: 425px; /*background-image:url(Assets/Images/ParagraphText.jpg);*/ background-repeat:no-repeat; /*top:100px;*/ float:right; margin-left:35px; /*clear:both;*/ }
					#paragraph2 h2{ height:25px; background-image:url(Assets/Images/H2_image_right.jpg); background-repeat:no-repeat; margin-top:19px;}
					
			#workHeader { width: 950px; height:auto; position:relative; top:25px; margin-top:20px; clear:both;}
				#workHeaderNoTop { width: 950px; height:350px; position:relative; clear:both; top:0px;}
				#workHeaderNoTopClient { width: 950px; height:1200px; position:relative; clear:both; top:0px;}
				#workTopBar{ width: 950px; height:30px; background-image:url(Assets/Images/lineBreak.gif); background-position:bottom; background-repeat:no-repeat; margin-bottom:10px;}
				
					.workTitle { float:left; width:200px; height:16px; font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#FFF; background-image:url(Assets/Images/workSamples.jpg); background-repeat:no-repeat;}
					.moreWorkSamples { float:right;  font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#FFF; width:202px;}
					.flickrFeed { float:right;  font-family:Helvetica, Arial, sans-serif; font-size:14px; color:#FFF; width:120px;}
					
					.workText { float:left; position:relative; top:10px;width:451px; color:#FFF; font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:17px;}
						.boldWorkText { font-weight:bold; color:#1dc0cf; }
					
				/* WORK */	
				
				
				
				
					
				.lineBreak { width: 950px; height:25px; background-image:url(Assets/Images/lineBreak.gif); background-position:bottom; background-repeat:no-repeat; float:left; margin-bottom:10px; margin-bottom:10px;}
				.LineBreaker { width: 950px; height:25px; background-image:url(Assets/Images/lineBreak.gif); background-position:bottom; background-repeat:no-repeat; float:left; margin-bottom:10px; margin-bottom:10px;}
	
				.leftAlignedWork { width:451px; height:250px; float:left; top: 30px; margin:12px 24px 0 0; display:inline;}
				.leftAlignedPhotos { width:950px; height:400px; top: 30px; margin:12px 24px 0 0; float:left; clear:both;}
				.leftAlignedPhotosSmall { width:700px; float:left; top: 30px; margin:12px 24px 0 0; display:inline;}
				.rightAlignedWork { width:451px; height:250px; float:left; top: 30px; margin:12px 0 0 24px; display:inline;}
				.rightAlignedPhotoText { width:200px; height:250px; float:right; top: 30px; margin:12px 0 0 24px; display:inline;}
			
		#footer  { height:285px; width:950px;  position:relative; background-image:url(Assets/Images/footerBg.jpg); background-repeat:no-repeat;top:65px; }
							
			.footerColumn { display:block;float:left;line-height:1.7em;margin:39px 17px 0 21px;text-align:left;width:115px; height:100px; color:#1dc0cf; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
			
		
h1{ font-family:Helvetica, Arial, sans-serif; font-size:33px; line-height:45px; color:#FFF; margin-top:30px;}
h1 a:link{color:#1dc0cf !Important; text-decoration:none;}
h2{ font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#FFF; letter-spacing: 1px; font-weight:bold; padding-bottom:15px;}
h3{ font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#FFF; position:relative; left:0px; } /*!important*/
p{ font-family:Helvetica, Arial, sans-serif; font-size:15px; color:#FFF; line-height:25px;}

a:link {color:#1dc0cf; text-decoration:none;} /* unvisited link */
a:visited {color:#1dc0cf} /* visited link */
a:hover {color:#FFF; text-decoration:underline;} /* mouse over link */
a:active {color:#1dc0cf} /* selected link */

.clear{ clear:both;}
.floatLeft { float:left;}


#navigation ul a{
   display:block;
}


#photograpyHolder{ background-color:#F00; height:700px; width:1000px;}

#contactForm{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; }
#contactForm  h2 {height:25px; background-image:url(Assets/Images/H2_ContactImage.jpg); background-repeat:no-repeat;}

span.alter {display:none}


/*--OLD CODE--


img, div { behavior: url(iepngfix.htc) }

INPUT {
background-color:#CCC;
color:#1DCOCF;
border:1px none grey;
font-family:Arial, Helvetica, sans-serif;

}

TEXTAREA {
background-color:#CCC;
color:#1DCOCF;
border:1px none grey;
font-family:Arial, Helvetica, sans-serif;

}*/