body,td,th {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #636466;
}

p {
margin-bottom:0px;
}

H4 {
	font-size:14px;
    font-family: tahoma, arial, helvetica, sans-serif;
	font-weight:800;
	color:#9CCB3C;
}
H5 {
	text-align:right;
	font-size:13px;
    font-family: tahoma, arial, helvetica, sans-serif;
	font-weight:bold;
	color:#9CCB3C;
	text-decoration:underline;
}

body {
background:#eaebec;
text-align:center;
margin:0;
}

.wrapper{
width:888px;
padding-left:20px;
padding-right:20px;
text-align:left;
margin:0 auto;
}

.header{
margin-top:0px;
width:888px;
height:121px;
background:url(images/header.jpg);
}

.nav{
background:url(images/nav.jpg);
margin:0px;
margin-top:0px;
width:888px;
height:39px;
}

/*.nav ul {
display: inline;
font-weight:lighter;
}

.nav li {
float:left;
display: inline;
height:20px;
}

.nav a {
font-family:Verdana;
font-weight:bold;
float:left;
display:block;
margin-right:0px;
padding-top:20px;
padding-right:0px;
padding-left:25px;
text-decoration:none;
font-size:11px;
color:#ffffff;
  }

.nav a {float:none;}
.nav a:visited{
color:#FFFFFF;
text-decoration:none;
}

.nav a:hover {
color:#9CCB3B;
text-decoration:underline;
}*/

.nav {
z-index:1; text-align:left; font-family: verdana, sans-serif; position:relative; font-size:12px; height:2.5em; margin:0 padding:0; list-style-type:none;
}
.nav ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.nav li {
float:left; position:relative;
}
.nav li a, .nav li a:visited {
display:block; text-decoration:none;  float:left; padding-left:2em; padding-right:1.5em; height:3em; line-height:3em; color:#ffffff; font-weight:bold;
}
* html .nav li a, .nav li a:visited {
/*width:7em; w\idth:6em; /* hack for IE5.5 */
}
.nav li a.drop, .nav li a.drop:visited {
font-weight:bold;
}
.nav li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden;
}
.nav table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.nav li:hover a,
.nav li a:hover {
text-decoration:underline; border:0;
}
.nav li:hover ul,
.nav li a:hover ul {
visibility:visible; height:auto; width:10em; background:#9ccb3b; border:1px solid #ddd; left:2em; top:2.5em; overflow:visible;
}
.nav li:hover ul li a,
.nav li a:hover ul li a {
display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:9em;
}
* html .nav li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}
.nav li:hover ul li a.drop,
.nav li a:hover ul li a.drop {
font-weight:bold;
}
.nav li:hover ul li ul,
.nav li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.nav li:hover ul li a:hover,
.nav li a:hover ul li a:hover {
text-decoration:underline;
}
.nav li:hover ul li:hover ul,
.nav li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:9.5em;
} 
.nav li:hover ul li:hover ul.left,
.nav li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.nav li:hover ul li:hover ul li a,
.nav li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.nav li:hover ul li:hover ul li:hover a,
.nav li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}


.main_content{
margin: 0,0,0,0;
width:852px;
border: 8px solid #9ccb3c;
padding: 5px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
background-color:#fff;
font-family:Tahoma;
font-size:11px;
text-align:justify;
}

.main_left {
width:640px;
float:left;
font-family:Tahoma;
font-size:11px;
text-align:justify;
}

.main_right {
width:200px;
float:right;
font-family:Tahoma;
font-size:11px;
text-align:justify;
}

.project {
margin:20px;
float:left;
border: 5px solid #9ccb3c;
}

.portfolio {
margin:20px;
float:left;
border: 5px solid #9ccb3c;
}

.main_left_colum{
padding-top:30px;
margin: 0,0,0,0;
width:400px;
background-color:#e7e7e7;
font-family:Tahoma;
font-size:11px;
float:left;
}

.main_left_colum a {
font-family:Verdana;
text-decoration:none;
font-size:12px;
color:#494d5e;
float:none;
  }

.main_left_colum a:visited{
color:#494d5e;
text-decoration:none;
}

.main_left_colum a:hover {
color:#9CCB3B;
text-decoration:underline;
}

.page_left_colum{
background: url('images/main_separator.gif') right repeat-y;
padding-top:0px;
margin: 0,0,0,0;
width:400px;
background-color:#ffffff;
font-family:Tahoma;
font-size:11px;
float:left;
text-align:left;
padding-right:20px;
}

.main_right_colum{
padding-left:20px;
margin: 0,0,0,0;
width:400px;
background-color:ffffff;
font-family:Tahoma;
font-size:11px;
float:left;
display:inline;
}

.main_right_colum a{
font-family:Tahoma;
font-size:11px;
color:#494e5e;
text-decoration:none;
font-weight:600;
}


.footer{
margin: 0 auto;
clear: both;
width:888px;
padding-top:15px;
padding-bottom:25px;
background:url(images/footer.jpg) no-repeat;
font-family:Tahoma;
font-size:11px;
color:#333333;
text-align:left;
}

.design {
   	font-family: verdana, arial, helvetica, sans-serif;
	color:#ffffff;
	float:left;
	font-size:10px;
	padding-left:15px;
	font-weight:600;
	text-decoration:none;
}

.design a {
   	font-family: verdana, arial, helvetica, sans-serif;
	color:#ffffff;
	font-size:10px;
	font-weight:600;
	text-decoration:none;
}

.copyright {
   	font-family: verdana, arial, helvetica, sans-serif;
	color:#eee;
	float:right;
	font-size:10px;
	padding-right:8px;
	margin-bottom:2px;
	font-weight:600;
}


.copyright a {
   	font-family: verdana, arial, helvetica, sans-serif;
	color:#ffffff;
	font-size:10px;
	font-weight:600;
	text-decoration:none;
}

#homepage-link {
	position: absolute; 
	display:inline;
	top: 0px; 
	margin-left: 0px; 
	width:550px; 
	height: 120px; 
	background-color:transparent; 
	border: 0px; 
}