html, body {
margin:0;
padding:0;
background-color: #484a55;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	background-image: url(../images/blue/pagebackground.jpg);
	background-repeat: repeat-x;
	background-position: 0 350px;
	background-attachment:fixed
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	margin-left: auto;
	margin-right:auto;

	width:702px;
	text-align:left;
}

#header {
	background:url('../images/blue/pgHeader.jpg');
	background-repeat:no-repeat;
	background-position: top left;
	height:166px;
}

#contentwrapper {
	background-color:#ffffff;
	padding:24px 0px 0px 0px;
}
#content {
	width:432px;
	float:left;
	margin:0px;
	padding:0px 6px 0px 6px;
	min-height:500px;
	color:#7b7c85;
	font-size:80%;
	line-height:1.4;
	overflow:visible;
}

#contentwide {
	width:550px;
	float:left;
	margin:0px;
	padding:0px 6px 0px 6px;
	min-height:500px;
	color:#7b7c85;
	font-size:80%;
	line-height:1.4;
	overflow:visible;
}

#content p {
margin-top:0px; 
margin-bottom:16px;
}
#lefthandcol {
	width:140px;
	padding: 0px 0px 0px 0px;
	float:left;
}
#righthandcol {
	width:118px;
	padding: 0px 8px 0px 8px;
	float:left;
	padding:0px;
	font-size:80%;
	color: #7b7c85;
}


a.contentLink {
	text-decoration: none;
	color: #00aeff;
}
a.contentLink:visited {
	color: #00aeff;
}
a.contentLink:hover {
	text-decoration:underline;
}
a.contentLink:active {
	color: #00aeff;
}
#lefthandcol ul{
 margin:0px;
 padding:0px;
}
#lefthandcol ul li {
	list-style-type:none;		
}

#home .home,#personal .personal,#portfolioweb .portfolio,#portfolioprint .portfolio,#portfolioflash .portfolio,#portfoliodevelopment .portfolio,#photography .photography,#experiment .experiment,#articles .articles,#links .links {
 color:#00aeff;
 font-weight:bold; 
}

#lefthandcol ul li a {
	display:block;
	font-size:80%;
	background-image:url(../images/blue/navbulletOff.gif);
	background-position: 12px 50% ;
	background-repeat:no-repeat;
	text-decoration:none;
	padding:0px 2px 0px 20px;
	margin:0px 0px 8px 0px;
	color:#7b7c85;
}
#lefthandcol ul li a:visited {
	color:#7b7c85;
}
#lefthandcol ul li a:hover {
	background-image:url(../images/blue/navbulletOn.gif);
	text-decoration:underline;
	color:#7b7c85;
}
#lefthandcol ul li a:active {
	background-image:url(../images/blue/navbulletOn.gif);
}

#navArticles,#navPortfolio {
	display:none;
}
#articles #navArticles, #portfolioweb #navPortfolio,#portfolioprint #navPortfolio,#portfolioflash #navPortfolio,#portfoliodevelopment #navPortfolio{
	display:block;
}


#articles #navArticles li a, #portfolioweb #navPortfolio li a,#portfolioprint #navPortfolio li a,#portfolioflash #navPortfolio li a,#portfoliodevelopment #navPortfolio li a{
	display:block;
	background-image:url(../images/blue/subnavbg.jpg);
	background-repeat:repeat-y;
	margin:0px 0px 3px 20px;
	padding:0px 0px 0px 3px;
	font-size:70%;
	background-color: #ccefff;
}



.clear {
clear:both;
height:1px;
min-height:1px;
background-color:#ffffff;
margin:0px;
padding:0px;
}
.clearContent {
clear:both;
min-height:1px;
background-color:#ffffff;
margin:0px;
padding:0px 0px 0px 140px;
}
.rhscreenshot a, ul.rhsImgLinks a {
display:block;
border:1px solid #00aeff;
width:100px;
height:100px;
margin-bottom:12px;
}
.rhscreenshot a img,ul.rhsImgLinks a img {
border:none;
}

ul.rhsImgLinks
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul.rhsImgLinks li {
margin:0px;
padding:0px;
}
#footer {
	background-color:#00aeff;
	height:80px;
	clear:both;
	color:#ffffff;
	padding-left:148px;
	font-size:80%;
	padding-top:0px;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
}
#footer a:visited {
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer p {
margin-top:0px;
padding-top:3px;
}
.fwBoxout {
	font-size:90%;
	color:#7b7c85;
	border: 1px solid #c6c7ca;
	line-height:1.2;
	padding:2px;
	margin: 6px 0px 12px 0px;
}
.fwTitle {
	background-color:#e4e5ec;
	padding:3px;
	font-weight:bold;
}
a.fwLink  {
	color:#7b7c85;
	text-decoration:none;
	font-weight:bold;
}
a.fwLink:hover {
	text-decoration:underline;
	
}
.fwContent {
	padding:3px;
}
p.hide {
	display:none;
}
.skiplink {
	display:none;
}
h1 {
font-size:140%;
margin-top:0px;
margin-bottom:24px;
}
h2 {
font-size:140%;
margin-top:9px;
margin-bottom:6px;
}
h3 {
font-size:120%;
margin-top:6px;
margin-bottom:3px;
}
.artTitle {

}
.artDate {

}

.portfolioSummary
{
	margin-bottom:24px;
}
.portfoliolist {
	border-top:1px solid #c6c7ca;
	padding:3px;
	margin: 0px 0px 24px 0px;
}

#sectionLinks {
	font-size:85%;
	color:#ffffff;
	background-color:#00aeff;
	margin-bottom:12px;
	padding:2px;
	float:right;
	width:150px;
}
#sectionLinks ul {
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#sectionLinks ul li {
	display:block;
	border-right: 1px solid #00aeff;
	margin-left:0px; 
	margin-right:3px;
	padding-left:0px;
	padding-right:0px;
}
#sectionLinks ul li a {
	color:#ffffff;
	white-space:nowrap;
}
#sectionLinks ul li a:hover {
	color:#ffffff;
	text-decoration:underline;
}


.ssimgRight {
float:right;
border:1px solid #00aeff;
margin: 0px 0px 3px 3px;
}

.ssimgLeft {
float:left;
border:1px solid #00aeff;
margin: 0px 3px 3px 0px;
}




ul.contentlinkslist li {
	list-style-type:square;
}

#contentwide a,#content a {
	color:#7b7c85;
	text-decoration:underline;
}
#contentwide a:hover,#content a:hover{
	color:#6a6a74;
}

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

ul.photolist li {
float:left;
padding:6px;
margin:12px;
background-color:#efefef;
}
ul.photolist img {
border:0px;
}
div.linkslist {
margin-top:24px;
margin-left:0px;
padding-left:0px;
}
.linkslist ul {
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 3px;
	list-style-type:square;
}
.linkslist ul li {
}


/*mootools styles*/

.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	text-style:italic;
	padding:5px 0 5px 30px;
}





/*heading graphics*/
h1 {height:27px;}
h1 span {
	display:none;
}
body#home h1{
	background:url('../images/blue/titleHome.gif') 0 0 no-repeat;
}
body#portfolioweb h1{
	background:url('../images/blue/titleWeb.gif') 0 0 no-repeat;
}
body#portfoliodevelopment h1{
	background:url('../images/blue/titleApplications.gif') 0 0 no-repeat;
}
body#portfolioflash h1{
	background:url('../images/blue/titleFlash.gif') 0 0 no-repeat;
}
body#portfolioprint h1{
	background:url('../images/blue/titlePrint.gif') 0 0 no-repeat;
}
body#photography h1 {
	background:url('../images/blue/titlePhotography.gif') 0 0 no-repeat;
}
body#links h1{
	background:url('../images/blue/titleLinks.gif') 0 0 no-repeat;
}
body#articles h1{
	background:url('../images/blue/titleArticles.gif') 0 0 no-repeat;
}

#chooseStyle {
font-size:70%;
padding-left:0px;
color:#7b7c85;
}
#chooseStyle p {
margin:0 0 6px 0;
}
#chooseStyle img {
border:0;
margin-right:3px;
}