*{margin:0; padding:0;}

html, body {
    height: 100%;
}

body{
text-align: center;
	margin:0;
	padding: 0;
	background-color: #ccd3d5;
	font-family: "Trebuchet MS", Verdana, Futura, Arial, Garamond;
	font-size: 16px;
	background-image: url(topfade.png);
	background-position: top;
	background-repeat: repeat-x;
	background-attachment: fixed;
}

ul{
	margin-left: 3em;
}

a{
	color:#fff;
	font-weight: bold;
	text-decoration: none;
}

#container{
	position:relative;
	width: 875px;
	background-color: transparent;
	text-align:left;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	overflow: auto;
	
}

#sidebar{
float: left;
width:350px;  
background-color:#fff;
text-align:center;
border-left: 3px solid #000;
color: #000;
background-image: url(bottomfade.jpg);
background-position: bottom;
background-repeat: repeat-x;
background-attachment: fixed;
overflow: hidden;
height: 100%;
}

#divider{
		float: left;
	width:11px;
	background-color: #000;
	color: #fff;
	margin:0;
	padding: 0;
	background-image: url(centergradient.png);
	background-position: left;
	background-repeat: repeat-y;
	overflow: hidden;
	height: 100%;
}

#rightside{
	float: left;
	width:490px;
	background-color: #050505;
	color: #fff;
	margin:0;
	padding: 0;
	border-right: 3px solid #fff;
	overflow: auto;
	height: 100%;
}



.logo{
	position:absolute;
	top: 250px;
	left: 0px;
}

.big-g{
	position:fixed;
	top: 20%;
	left: 50%;
}

.important{
	display:block;
	font-weight: bold;
	font-size: 1.1em;
}


#menu ul{
display: inline;
padding: 0;
width:395px; 
margin:200px 0;
}

#menu li{
	padding:5px 10px;
	display: inline;
	list-style-type: none;
	font-weight: bold;
	color: #203d49;
	}

	#menu li a{
	display: inline;
	list-style-type: none;
	font-weight: bold;
	text-decoration: none;
	color: #203d49;
	padding:5px 10px;
	letter-spacing: 1px;
	}

	#menu li a:hover{
	display: inline;
	list-style-type: none;
	font-weight: bold;
	text-decoration: none;
	color: white;
	background-color: #203d49;
	padding:5px 10px;
	}
	
#maincontent{
	width:470px;
	margin-left:0;
	font-size: 85%;
	/***background-image: url(topfade.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-attachment: fixed;****/
	text-align:left;
	}
	
#maincontent p
{margin:0 30px 20px 0; line-height:1.5em; padding-left: 2em;}

#maincontent h1
{margin:0; color:#d85d5d; font-size:4em; letter-spacing:-5px; text-align:center;}

#maincontent h2
{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}

#maincontent h3
{clear:both; margin:25px 20px 15px 0; text-align:right; color:#fff; font-weight:normal; font-size: 2.2em; letter-spacing:2px;}

#maincontent h4
{font-style: italic;
margin: 25px 30px 10px 20px; 
text-align:left; 
color:#fff; 
font-weight:normal; 
font-size: 1.0em; 
display:block; 
border-bottom: 1px solid #ccd3d5; 
padding-bottom:.2em; }


#theform{
	position: absolute;
	top: 158px;
	left: 35px;
	background-color: #626262;
	background-color: transparent;
	width: 360px;
	color: #e5e9ec;
	height: 399px;
	padding: 2em;
	border: 1px solid #CCCCCC;
	display: none;
}

label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

#footer{
width:100%;
clear: left;
padding:0;
margin:0px;
font-size:0.7em;
color: Silver;
font-weight: normal;
position: absolute;
bottom: 0;
}

.portfolioimg { 
	display:block;
	margin: 1em auto;
	text-align: center; 
	border: 2px solid; 
	border-color: #aaa #666 #666 #aaa;
}

img {
	behavior:	url("pngbehavior.htc");
}