@charset "UTF-8";
/* CSS Document */
body {
font-family:   Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
width: 100%;
padding: 0px;
margin: 0px;
background-image: url(../images/backgrounds/bg-body.jpg);
background-position: top;
background-repeat: repeat-x;
}

a {
text-decoration: none;
color: #999999;
outline: none;
}

a:hover{
color: #000000;
}

a:selected

a:visited{
	text-decoration: none;
	color: #999999;
	}

/*-----------*/
/*FONT STYLES*/
/*-----------*/
.introLinks{
color:  #999999;
font-size: 10px;
}

.regular-titles{
font-size: 12px;
color: #000000;
font-weight: bold;
}

.small-text{
	font-size: 10px;
	}
	
.selected{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	}
	
.selected a{
	font-size: 12px;
	color: #000;
	font-weight: bold;
	}
	
.not_selected a{
	text-decoration: none;
	color: #999999;
	outline: none;
	}

/*--------------*/
/*WRAPPER STYLES*/
/*--------------*/
#main-wrapper{
width: 918px;
margin-right: auto;
margin-left: auto;
}

#popup-wrapper{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	}

/*-------------*/
/*HEADER STYLES*/
/*-------------*/
#header-wrapper{
height: 78px;
text-align: left;
}

#nav{
float: left;
width: 725px;
}

#logo{
float: right;
width: 188px;
}

/*-----------------*/
/*NAVIGATION STYLES*/
/*-----------------*/
#nav{
margin-top: 42px;
margin-left: 5px;
position: relative;
}

#hmenu{
position: relative;
/*IE6 HACKS*/
_position: absolute;
_left: 0;
_top: 0;
}

#hmenu ul{
margin: 0px;
padding: 0px;
list-style: none;
float: left;
}

/* Fix IE. Hide from IE Mac \*/
* html #hmenu ul li { float: left; }
* html #hmenu ul li a { height: 1%; }
* html #hmenu ul{ width: 1%; }
/* End */

#hmenu li{
position: relative;
float: left;
}

#hmenu a{
display: block;
margin: 0px;
padding: 0px;
font-size: 10px;
color: #666666;
text-decoration: none;
}

#hmenu a:hover{
font-size: 10px;
color: #000000;
}

.selected{
font-size: 10px;
color: #000000;
}

/*--------------*/
/*CONTENT STYLES*/
/*--------------*/
#content-wrapper{
	height: 473px;
	margin: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	}

#content-left{
	float: left;
	width: 568px;
	}
	
#content-right{
	float: right;
	width: 320px;
	}
	
#home-content{
	margin: 0px auto;
	background-color: #FFFFFF;
	padding: 10px;
	overflow: auto;
	overflow-width: 100%;
	height: 218px;
	}

#horz-image{
	height: 235px;
	}

#columns{
	position: relative;
	/*IE6 HACKS*/
	_position: absolute;
	_left: 0;
	_top: 0;
	}
	
#columns ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	}
	
#columns ul li{
	position: relative;
    float: left;
	width: 172px;
	margin-left: 10px;
	}

/*--------------*/
/*CONTACT STYLES*/
/*--------------*/
#contact-left{
	float: left;
	width: 320px
	}
	
#contact-right{
	float: right;
	width: 568px;
	}
	
#contact-content{
	margin: 10px;
	}
	
#contact-image{
	height: 230px;
	}
	
#contact-image2{
	margin-top: 13px;
	height: 230px;
	}

/*--------------*/
/*PROFILE STYLES*/
/*--------------*/
#profile-left{
	float: left;
	width: 444px;
	}
	
#profile-right{
	float: right;
	width: 444px;
	}
	
#profile-content{
	margin: 10px;
	}
	
#profile-horz-image{
	height: 230px;
	margin-top: 13px;
	}
	
#profile-top{
	height: 230px;
	}
	
#profile-bottom{
	height: 229px;
	margin-top: 13px;
	}
	
#profile{
	float: left;
	width: 219px;
	}
	
#profile-image{
	float: right;
	width: 219px;
	}

/*---------------*/
/*PROJECTS STYLES*/
/*---------------*/
#projects-titles{
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px #CCC solid;
	}
	
#projects-wrapper{
	width: 918px;
	margin-right: auto;
	margin-left: auto;
	}
	
#projects-list{
	float: left;
	width: 225px;
	font-size: 12px;
	}
	
#projects-image{
	float: right;
	margin-right: 225px;
	width: 468px;
	height: 343px;
	text-align: center;
	}
	
#projects-thumbs{
	margin-top: 10px;
	width: 468px;
	margin-right: auto;
	margin-left: auto;
	}

#images-wrapper{
float: left;
width: 685px;
}

#content-inner-wrapper{
float: right;
width: 402px;
margin: 5px;
text-align: left;
}

#title{
margin-bottom: 5px;
}

#content{
margin: 0px auto;
background-color: #FFFFFF;
padding: 0px;
overflow: auto;
overflow-width: 100%;
height: 375px;
}

#large-image{
float: right;
width: 400px;
height: 413px;
margin: 2px;
}

#small-images{
float: left;
width: 275px;
margin: 2px;
}

#bottom-image{
margin-top: 4px;
}

/*NEWSLIST STYLES*/
#news-list{
margin: 0px auto;
background-color: #FFFFFF;
padding: 0px;
overflow: auto;
overflow-width: 100%;
height: 195px;
}

/*NEWS CONTENT STYLES*/
#news-content{
margin: 0px auto;
background-color: #FFFFFF;
padding: 0px;
overflow: auto;
overflow-width: 100%;
height: 425px;
}

/*DESCRIPTION STYLES*/
#description{
margin: 0px auto;
background-color: #FFFFFF;
padding: 0px;
overflow: auto;
overflow-width: 100%;
height: 275px;
}

/*-------------*/
/*FOOTER STYLES*/
/*-------------*/
#footer-wrapper{
margin: 20px;
font-size: 10px;
color: #999;
text-align: left;
}

#footer-wrapper a{
	color: #CCC;
	}
	
#footer-wrapper a:hover{
	color: #999;
	}

#footer-left{
	float: left;
	width: 48%;
	}
	
#footer-right{
	float: right;
	width: 48%;
	text-align: right;
	}

#clear{
	clear: both;
	}