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


/* Wide browser windows
------------------------------------------------------------------*/

#wrapper{
	width:600px;
	text-align:center;
	margin:0 auto;
}

/* Global
------------------------------------------------------------------*/
html {
	margin:0;
	padding:0;
	background-color:#363636; 
	}
ul,li {
	list-style-type:none;
	}
	
body{
	margin:0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	background-image:url(../images/mainBG_grey.jpg); background-position: top center; background-repeat:no-repeat; 
	
}
img{
border:none;
}

.clear{
 clear:both;
 }

#header{
width:600px;
height:282px;
margin:0;
padding:0;
}

#headerOne{
width:600px;
height:113px;
text-align:center
}

#headerTwo{
width:600px;
height:33px; float:inherit;
}

#headerTwo .tabHolder1{
margin-left:11px; float:inherit;
}
#headerTwo .tabHolder2{
margin-left:11px; float:inherit;
}


#headerThree{
width:600px;
height:134px;
background-color:#000;
}

#headerThree .text{
	color:#5c5b5b; font-size:12px; padding-top:10px;
}

#headerThree .textBig{
	color:#525252; font-size:16px; 
}

.floatLeft{float:left;}
.floaRight{float:right;}

/* Home Page Styles Start Here */
#showcase{
width:600px;
height:auto;
margin-top:4px;
margin-bottom:4px;
}
#recentProjects{
width:313px;
height:427px;
background:url(../images/home_projectsPanel.jpg) top no-repeat;
float:left;
}
#recentProjectsHead{
width:313px;
text-align:center;
}

#accolades{
width:281px;
height:215px;
background:url(../images/home_accoladesPanel.jpg) top no-repeat;
float:right;
}
#accoladesHead{
width:281px;
text-align:center;
}


#contact{
width:281px;
height:206px;
margin-top:6px;
background:url(../images/home_contactPanel.jpg) top no-repeat;
float:right;
}
#contactHead{
width:281px;
text-align:center;
margin-bottom:4px;

}
/* Home Page Styles End Here */


/* Goodies Styles */

#containerGoodies{
width:600px; float:left;
}

#favourites{
width:316px; float:left; text-align:left; margin-top:8px;
}
#favContent{
width:316px; height:81px; text-align:left;
background-color:#131313; margin-bottom:4px;
}

.favContentColumns{
width:140px; text-align:left;  list-style:none; float:left; margin-left:8px;
padding-left:8px; padding-top:8px; font-size:10px; text-decoration:none; color:#5b5959;
}
.favContentColumns a{
 text-align:left; list-style:none;
font-size:10px; text-decoration:none; color:#5b5959;
}
.favContentColumns a:visited{
text-align:left; font-size:10px; text-decoration:none; color:#5b5959; list-style:none;
}
.favContentColumns a:hover{
text-align:left; font-size:10px; text-decoration:none; color:#b6b6b6; list-style:none;
}



#friends{
width:284px; float:right; text-align:right; margin-top:8px;
}
#friendContent{
width:284px; height:81px; text-align:left;
background-color:#272727; margin-bottom:4px;
}

/* Goodies Styles */





.home_greyLinkHead{
font-size:14px; color:#666767; text-decoration:none;  text-align:left; padding-bottom:1px; padding-left:12px; 
}
.home_greyLink{
font-size:11px; color:#666767; text-decoration:none;  text-align:left; padding-bottom:8px; padding-left:12px;
}
.home_greyLink a:link{
font-size:11px; color:#666767; text-decoration:none; 
}
.home_greyLink a:visited{
font-size:11px; color:#666767; text-decoration:none; 
}
.home_greyLink a:hover{
font-size:11px; color:#fff; text-decoration:none; 
}


.blueLinks {
font-size:11px; color:#5b91ca; text-decoration:none;  text-align:left; padding-bottom:4px; padding-left:12px;
}

.blueLinks  a{
font-size:11px; color:#5b91ca; text-decoration:none; 
}
.blueLinks a:hover{
font-size:11px; color:#fff; text-decoration:none; 
}


.recentProjectsThumbs{
/*width:288px;
height:112px;*/
margin-bottom:0px;
padding:0px 0px 5px 0px; 
}

.viewMoreLinks{
font-size:11px; color:#525252; text-decoration:none; text-align:right; padding-right:8px; padding-top:0px; margin-bottom:2px;
}

.viewMoreLinks a{
font-size:11px; color:#525252; text-decoration:underline;
}
.viewMoreLinks a:hover{
font-size:11px; color:#fff; text-decoration:none;
}

.archiveThumb{
margin-top:0px;
padding:4px 0 0px 0; 
}






h1 {
	font-size:16px;
	margin-bottom:3px;
	color:#3b3b3b;
	padding: 10px 0 4px 4px;
	text-align:left;
}

h2 {
	font-size:14px;
	margin-bottom:3px;
	color:#3b3b3b;
}

h3 {
	font-size:12px;
	margin-bottom:3px;
	color:#3b3b3b;
	
}

.clear{
	clear:both;
}

#footerText{
	font-size:11px;
	text-align:center;
	text-decoration:none;
	color:#666767;
	margin: 20px 0 20px 0;
}

#footerText a{
	font-size:11px;
	text-align:center;
	color:#5f9bee;
	text-decoration:none;
}

#footerText a:hover{
	font-size:11px;
	text-align:center;
	color:#5f9bee;
	text-decoration:underline;
}

/*Portfolio styles start here*/
#headerPortfolio{
width:600px;
height:51px;
background-color:#000;
}

#headerPortfolio .nav{
font-size:10px; text-align:right; float:right; text-decoration:none; color:#cecece; padding:32px 6px 0px 0px;
}

#headerPortfolio .nav a{
font-size:10px; text-decoration:underline; color:#3f3f3f;
}

#headerPortfolio .nav a:visited{
font-size:10px; text-decoration:underline; color:#3f3f3f;
}

#headerPortfolio .nav a:hover{
font-size:10px; text-decoration:none; color:#3f3f3f;
}

#portfolioHolder{ 
width:600px;
background-color:#000;
margin-top:4px;
padding:8px 0px 8px 0px;
float:left;
}

#portfolioHolder .status{
color:#8c8c8c; font-size:11px; padding:15px 5px 0px 0px; float:right;
} 

#portfolioHolder .screens{ 
width:584px;
background-color:#353535;
margin:0px 8px 0px 8px;
padding:9px 0px 9px 0px;
text-align:center;
}


#portfolioHolder .graphicHolder2008{ 
width:564px; height:552px; margin:0px auto;
}
#portfolioHolder .graphicHolder{ 
width:564px; height:600px; margin:0px auto;
}


#projectInfo{
	background-color:#000; font-size:11px; color:#3f3f3f;text-align:left; width:564px; height:82px; margin:0px auto; padding:0px;
}

#projectInfo .text{
	padding-top:10px;
}

#projectInfo .otherInfo{
	color:#000;
}

#projectInfo a{
	text-align:left; font-size:11px; color:#8c8c8c; text-decoration:underline; 
}

#projectInfo a:hover{
	text-align:left; font-size:11px; color:#8c8c8c; text-decoration:none; background-color:#333333;
}

#brewingMessage{font-size:18px; text-align:center; color:#363636; text-decoration:none; padding:8px;
}

#brewingMessage a{font-size:18px; text-align:center; color:#666666; text-decoration:underline;
}

#brewingMessage a:visited{font-size:18px; text-align:center; color:#666666; text-decoration:underline;
}


#aboutMeHolder{ 
width:600px;
background-color:#000;
margin-top:4px;
padding:2px 0px 8px 0px;
float:left;
font-size:11px; text-align:left; color:#555; text-decoration:none; 
}

#contentMessage{font-size:11px; text-align:left; color:#555; text-decoration:none; padding:8px;
}

#contentMessage a{font-size:11px; color:#5b91ca; }
#contentMessage a:visited{font-size:11px; color:#5b91ca; }
#contentMessage a:hover{font-size:11px; color:#000000; background-color:#999999;  }

#contentMessage .awardlink a{font-size:11px; text-align:left; text-decoration:none; font-weight:bold;}
#contentMessage .awardlink a:hover{font-size:11px; text-align:left; text-decoration:none; font-weight:bold; background-color:#999999; color:#000
}
#contentMessage .awardlink a:visited{font-size:11px; text-align:left; text-decoration:none; font-weight:bold;
}




/*Portfolio styles ends here*/


#photographyHolder{ 
width:600px;
background-color:#000;
margin-top:4px;
padding:8px 0px 8px 0px;
float:left;
}