body
{
margin:0px;
padding:0px;
font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
background-image: url("../img/spiral2.jpg");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left 130px;
background-color:#DDEAC1;
color:#444444;
}

a
{
text-decoration:none;
color:#AA0202;
font-weight:normal;
}

a:hover
{
text-decoration:underline;
}


#page
{
position:relative;
width:440px;
height:auto;
left:120px;
filter: alpha(opacity=90);
opacity: .90;
color:#000000;
background-color:#FFFFFF;
font-size:16px;
line-height:18px;
z-index:9;
}


#pagecv
{
position:relative;
width:440px;
height:auto;
left:120px;
filter: alpha(opacity=90);
opacity: .90;
color:#000000;
background-color:#FFFFFF;
font-size:14px;
line-height:16px;
}


h1
{
font-size:20px;
line-height:24px;
margin:0px 0px 0px 0px;
padding:0px;
}



h2
{
font-size:18px;
line-height:22px;
line-height:22px;
margin:0px;
padding:0px;
}

h3
{
font-size:16px;
line-height:20px;
font-family:arial, helvetica;
padding:0px 0px 0px 0px;
margin:0px 0px 70px 0px;
text-align:left;
color:#3A4153;
}

h3.sub
{
font-size:15px;
margin-top:0px;
padding-top:0px;
text-align:left;
}

h4
{
font-size:15px;
font-family:arial, helvetica;
text-align:left;
color:#3A4153;
font-weight:bold;
margin:0px;
padding:0px;
padding-top:26px;
padding-bottom:6px;
}

p
{
text-align:left;
}



.fakepadding
{
padding:18px 14px 18px 14px;
}


img
{
border:none;
}

.r
{
position:relative;
right:0px;
width:200px;
height:115px;
float:right;
padding:0px;
border:none;
z-index:99;
}

.l
{
position:relative;
top:10px;
left:0px;
width:200px;
height:115px;
float:left;
padding:0px;
border:none;
margin-right:20px;
margin-bottom:10px;
}

.pagecenter
{
position:absolute;
left:240px;
top:240px;
width:200px;
height:115px;
float:right;
padding:0px;
border:none;
z-index:99;
filter: alpha(opacity=90);
opacity: .90;
}

ul, ol
{
margin-top:0px;
padding-top:0px;
text-align:left;
}

ul
{
list-style-type: square;
}



img#projects
{
height:130px;
width:20px;
display:block;
position:absolute;
top:0px;
left:560px;
padding-left:0px;
}

@media screen
	{
		body>img#projects
		{
		position: fixed;
		height:130px;
		}
	}


img#projects-mirror
{
height:130px;
width:20px;
display:block;
position:absolute;
top:0px;
left:540px;
padding-left:0px;
z-index:10;
}

img#celestins
{
height:130px;
width:440px;
display:block;
position:absolute;
top:479px;
left:120px;
padding-left:0px;
z-index:10;
}

#navcontainerL
{
position:absolute;
height:auto;
width:120px;
display:block;
top:20px;
left:0px;
text-align:center;
padding-left:0px;
}

@media screen
	{
		body>div#navcontainerL
		{
		position: fixed;
		height:auto;
		}
	}


#navcontainer
{
height:130px;
width:180px;
display:block;
position:absolute;
top:0px;
left:582px;
text-align:left;
padding-left:0px;
}

@media screen
	{
		body>div#navcontainer
		{
		position: fixed;
		height:130px;
		}
	}


.nav
{
display:block;
width:100%;
height:20px;
margin-top:0px;
margin-bottom:0px;
float:none;
}

.nav a
{
display:block;
position:relative;
width:100%;
line-height:20px;
top:0px;
left:0px;
font-family: arial, helvetica, sans-serif;
font-size:14px;
text-decoration:none;
float:none;
color:#596268;
}

.nav a:hover
{
background:#ffffff;
color:#596268;
filter: alpha(opacity=90);
opacity: .90;
text-decoration:none;
}

.here
{
display:block;
width:100%;
height:20px;
margin-top:0px;
margin-bottom:0px;
float:none;
}

.here a
{
display:block;
position:relative;
width:100%;
line-height:20px;
top:0px;
left:0px;
font-family: arial, helvetica, sans-serif;
font-size:14px;
text-decoration:none;
float:none;
background:#ffffff;
color:#3A4153;
filter: alpha(opacity=90);
opacity: .90;
}

.here a:hover
{
background:#ffffff;
color:#DDEAC1;
text-decoration:none;
}

.navicon
{
display:block;
width:100%;
height:30px;
margin-top:0px;
margin-bottom:0px;
float:none;
}

.navicon a
{
display:block;
position:relative;
width:100%;
line-height:30px;
top:0px;
left:0px;
font-family: arial, helvetica, sans-serif;
font-size:14px;
text-decoration:none;
float:none;
color:#596268;
}


div.navicon a span.home
{
display:none;			
}

div.navicon a span.contact
{
display:none;			
}

div.navicon a span.cv
{
display:none;			
}

.navicon a:hover
{
background:#ffffff;
color:#596268;
filter: alpha(opacity=90);
opacity: .90;
text-decoration:none;
}

div.navicon a:hover span.home
{
display: block;
background: url(../img/home-wh.png) no-repeat center top;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 30px;
}

div.navicon a:hover span.contact
{
display: block;
background: url(../img/contact-wh.png) no-repeat center top;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 30px;
}

div.navicon a:hover span.cv
{
display: block;
background: url(../img/cv-wh.png) no-repeat center top;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 30px;
}

.hereicon
{
display:block;
width:100%;
height:30px;
margin-top:0px;
margin-bottom:0px;
float:none;
}

.hereicon a
{
display:block;
position:relative;
width:100%;
line-height:30px;
top:0px;
left:0px;
font-family: arial, helvetica, sans-serif;
font-size:14px;
text-decoration:none;
float:none;
background:#ffffff;
color:#3A4153;
filter: alpha(opacity=90);
opacity: .90;
}

.hereicon a:hover
{
background:#ffffff;
color:#DDEAC1;
text-decoration:none;
}

A.popup
{
text-decoration:none;
background:#FFFFFF;
color:#000;
margin:0px;
padding:0px;
}

A.popup:hover
{
text-decoration:none;
/*following attrib needs to be here to overcome IE6 bug*/
float:right;
}

A.popup	span.crowtext
{
display:none;
}

A.popup:hover span.crowtext
{
display:block;
position:absolute;
right:-14px;
top:-12px;
width:214px;
padding:6px 6px 6px 6px;
margin:0px;
background:#DDEAC1;
/*border:solid 2px #000000;*/
color:#000000;
font-size:13px;
line-height:15px;
font-style:italic;
text-decoration:none;
z-index:100;
}

/* IE ignores styles with [attributes], so it will skip the following */
A.popup:hover span.crowtext[class]
{
width:202px;
top:-12px;
}


.footer
{
font-size:12px;
line-height:14px;
text-align:center;
padding-top:6px;
border-top:1px solid #777777;
}

input:
{
background:#FFFFFF!important;
}


.centercrows
{
position:absolute;
left:240px;
top:240px;
width:200px;
height:115px;
float:right;
padding:0px;
border:none;
background-color:none;
z-index:99;
 /* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../img/2crows200-t.png');
}
/* IE ignores styles with [attributes], so it will skip the following */
.centercrows[class]
{
background-image:url("../img/2crows200-t.png");
background-repeat:no-repeat;
z-index:99;
}