/* CSS Document */

body
{
background-color: #E2E2E2;
}

p{
	margin-bottom: 2px;
	padding-bottom: 0px;
	margin-top: 2px;
	padding-top: 2px;
	text-align:justify;
	margin-left:0px;
	padding-left: 0px;
}

strong{
	font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#333333;
}

#horizon {
background-color: transparent;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
margin-top: -278px;
text-align: center;
min-width: 764px; 
}

#wrapper {
margin: 0px auto;
background-color: #cdcbcc;
position: relative;
text-align: left;
width: 765px;
height: 556px;
}

ul{
	margin-left: 15px;
	padding-left: 0px;
}


#navi
{
width:764px;
height:26px;
background-image:url(../images/navi.jpg);

}

#menu
{
padding-left:275px;
padding-top:3px;

}

#main{

width:500px;
height:500px;

}


#allleft{
	width:255px;
	height:500px;
	float:left;
	background-color:#ffffff;

}


#left
{
width:255px;
height:445px;
float:left;
background-color:#ffffff;
margin-left:0px;

}

#left p{
	margin-bottom: 4px;
	padding-bottom: 2px;
	margin-top: 3px;
	padding-top: 0px;
	padding-left: 0px;
	margin-left: 0px;

}

#left img
{
padding-left:43px;
padding-top:32px;
}

#logo
{
padding-left:43px;
padding-top:32px;
}

#imglogos 
{
	width:255px;
	height:55px;
	float:left;
	background-color:#FFFFFF;
	margin-bottom:5px;
	vertical-align:top;
}

#imglogos img
{
	padding-left:3px;
	padding-right:3px;
	
}

#left h1
{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
color:#666666;
padding-left:26px;
padding-bottom:0px;
padding-top:15px;
}

#left p
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#666666;
line-height:17px;
padding-left:26px;
padding-bottom:3px;
padding-top:0px;
padding-right:20px;
}

#left ul
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#666666;
padding-left:10px;
padding-bottom:0px;
padding-top:0px;
padding-right:20px;
list-style:none;
}

#left li{
	padding-bottom:7px;
	line-height:17px;
}

#left a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#009900;
padding-left:26px;
line-height:17px;
font-weight:bold;

}


#left a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#009900;
padding-left:26px;
line-height:17px;
font-weight:bold;

}


#email a:link, #email a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#666666;
padding-left:0px;
}


#email a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#666666;
text-decoration:underline;
padding-left:0px;
}

#right
{
background-image: url(../images/grey_bg.jpg);
width:485px;
height:500px;
float:left;
}

#right p
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#666666;
line-height:17px;

}


#right a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#336600;
text-decoration:none;
line-height:17px;
padding-left:px;
font-weight:bold;

}

#right a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color:#336600;
text-decoration:none;
line-height:17px;
padding-left:0px;
font-weight:bold;


}



#table
{
margin-left:25px;
margin-right:10px;
}


#table p

{

font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#666666;
padding:2px;
line-height:17px;
}


#projects
{
width:200px;
height:450px;
float:left;
padding:25px;


}



#projects img
{
float:left;
border:0px;
margin-bottom:15px;
}

#projects a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#009900;
padding-left:16px;
font-weight:bold;

}


#projects a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#009900;
padding-left:16px;
font-weight:bold;

}

#gallerydiv
{
width:500px;
}


#projectlink
{
clear: both;
width:480px;
height:40px;
text-align:right;
margin-right:15px;
padding-right:15px;
}



#footer
{
width:765px;
min-height:30px;
float:left;
text-align:center;
background-color:  #E2E2E2

}

#footer p
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #666666;
padding-top:3px;
}

#footer a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #666666;
}

#footer a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #666666;

}


	
		/* begin gallery styling */
#jgal { list-style: none; width: 490px; height:400px; }
#jgal li { opacity: .6; float: left; width: 75px; height: 70px; background-position: 80% 70%;  border: 0px solid #fff; outline: 0px solid #ddd; margin-right: 6px; margin-top: 375px; }
#jgal li img { position: absolute; top: 40px; left: 270px; display: none; margin-top:0px;}
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 5px 5px 0; }