*{ padding:0; margin:0;}

html,body { height: 100%; } 

html>body div#containerwhite{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
html>body div#container{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

body{
	background: #3d3d3d; /* url(../pics/back_pattern.gif) repeat; */
	color:#333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
}

div#container { 
	width:744px;
	margin:0 auto;
	background-image:url(../pics/bg_full.gif);
	background-repeat: repeat-y;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
	height: 100%;
	min-height:100%;
}



div#containerwhite { 

	background-color: #FFFFFF;  
	color:#333333;
	background-repeat: repeat-y;
	width:744px;
	margin:0 auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
	height: 100%;
	min-height:100%;
}

#left {
	float: left;
	width: 231px;
}
			
#navi{
	background-color:#000000;
	color:#990000;
	height: 270px;
	width: 187px;
	padding: 18px 22px 0px 22px;
}


#rite {
	float: left;
	width: 513px;
}

.clear {
	clear: both;
}

#footer {
	clear: both;
}

#navi ul {
	margin-top: 10px;
	list-style-type: none;
	list-style-position: outside;
}

#navi li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	line-height: 30px;
}


#navi li a{
	background-color:#000000;
	text-decoration:none;
	font-weight: bold;
	color:#990000;
}

#navi li.last {
	border: none;
	line-height: 30px;
}

#navi li a#current{
	background-color:#000000;
	text-decoration:none;
	font-weight: bold;
	color:#fff;
}

#navi li a:hover{
text-decoration: underline;
}

#contenttxt{
	padding: 30px 22px 50px 22px;
	font-size: 12px;
	line-height: 20px;	
}

#wadup{
	width: 187px;
	padding: 18px 22px 0px 22px;
	font-size: 10px;
}

a{
	color:#990000;
	background-color: inherit;
}

a:link, a:visited{
	text-decoration:none;
	font-weight: bold;
}

a:hover{
text-decoration:underline;
}

a.skiplink {display:none}

#ingress{
	background: #fff url(../pics/ingressbg.jpg);
	width: 459px;
	margin: 0;
	padding: 4px 22px 0px 32px;
	height: 29px;
	color: #CCCCCC;
	font-size:10px;
}

#ingress a{
color:#990000;
background-color:#000000;
}

#headerimg{
width: 513px;
height: 288px;
}

#headerimg img{
border: none;
}


table.works{
border-collapse: collapse;
}


table.works a img{
border: none;
padding: 2px;
}


table.works a:hover img{
border: 2px solid #990000;
padding: 0;
}


table.works th{
padding: 15px 0 15px 0;
}

table.works td.img{
padding: 0 20px 20px 0;

}

table.works th{
vertical-align: top;
text-align: left;
}

table.works td{
vertical-align: top;
border-bottom: 1px solid #ccc;
}

table.works caption{
font-size: 14px;
font-weight: bold;
}

select{
font-size: 10px;
}

#selectwork{
padding: 18px 22px 0px 22px;
}

#navi a img{
text-decoration: none;
border: none;
}

#headerimg h1 span{
display:none;
}

#selectwork h1{
color: #333;
margin-bottom: 22px;
background-color: #FFFFFF;
}

.extraimg{
margin: 11px 0px 0px 22px;
}

.extraimgtxt{
margin: 11px 22px 0px 22px;
font-size:10px;
background-color:#FFFFFF;
color: #333333;
}

table.cv{
width: 100%;
clear: both;
}

td.cvtxt{
vertical-align: top;
padding-bottom: 11px;

}

th.greyheader{
	color: #333333;
	background-color:#ddd;
	text-align: left;
	text-indent: 10px;
	height: 22px;
	border-bottom-width: 11px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}

td.cvyear{
	text-align: right;
	padding-left: 100px;
	padding-right: 20px;
	padding-bottom: 11px;
	vertical-align:top;
	font-weight: bold;
	white-space: nowrap;
}

h1, caption{

font-size: 14px;
text-align: left;

}

h1.higher, caption{
margin-top:-15px;
}

img.contentimg{
float: left;
margin-right: 20px;
}

img.cvimg{
float: right;
margin: 0 0 20px 20px;
}

/*** -- new select work --***/

#selectwork h1{
color: #333;
/*margin-bottom: 22px;*/
margin-bottom: 12px;
background-color: #FFFFFF;
}

#selectwork ul {
	/*margin-top: 10px;*/
	list-style-type: none;
	list-style-position: outside;
}

#selectwork li {
	margin-bottom: 10px;
}


#selectwork li a{
	text-decoration:none;
	font-weight: bold;
	color:#990000;
}



#selectwork li a#curwork{
	font-size: 12px;
	text-decoration:none;
	font-weight: bold;
	color:#000;
}

#selectwork li a:hover{
text-decoration: underline;
}