/* CSS Document */


html, body{ padding:0; margin:0}

/***********************************
BODY
**********************************/
body{
background:#D2CECC url(/img/bg-strip.jpg) left repeat-y;
line-height:1.5;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
}
div {
	position: relative;
}

/***********************************
MAIN PAGE WRAPPER
**********************************/
.page-bg{
position: relative;
z-index:1;
top: 50%;
left: 50%;
width:918px;
height:742px;
margin-left: -459px;
margin-top:-371px;    
}

.page-wrapper{
width:915px;
height:742px;
background:url(/img/bg.png) no-repeat;
}

/***********************************
SITE LOGO
**********************************/
.logo{
width:605px;
height:155px;
padding:25px 0 0 305px;
}


/***********************************
MAIN MENU
**********************************/
.main-menu{
width:910px;
height:25px;
margin-top:18px;
}



.main-menu ul{
list-style:none;
margin-left:210px;
padding-top:3px;
}

.main-menu li{
float:left;
padding:0 32px 0 0;
}

.main-menu li a{
text-transform:uppercase;
font-size:0.75em;
display:block;
}
.main-menu li.active a {
	color: black;
}

.main-menu li a:hover, .active-page{
color:#000000 !important;
}

/***********************************
PAGE CONTENT
**********************************/
.content, .portfolio{
width:910px;
height:418px;
padding:40px 0 0 0;
}


/***********************************
LEFT COLUMN
**********************************/
.left-column{
width:560px;
float:left;
}

.body-text{
width:450px;
height:415px;
font-size:0.875em;
overflow-y:auto;
padding-left:120px;
}

.body-text a:hover{
text-decoration:underline;
}
h1,h2{
font-style:italic;
font-weight:bold;
}
h1{ 
font-size:2.25em; 
}

h2{
font-size:1.25em; 
}

/***********************************
RIGHT COLUMN
**********************************/
.right-column{
width:305px;
float:right;
}


/***********************************
PORTFOLIO
**********************************/
.portfolio{
width:910px;
height:418px;
position:relative;
padding-left:20px;
}

.portfolio-0, .portfolio-1, .portfolio-2{
position:absolute;
top:35px;
}

.portfolio-0{
left:33px;
}

.portfolio-1{
left:300px;
}

.portfolio-2{
left:602px;
}


.portfolio ul{
list-style:none;
}

.portfolio li{
float:left;
padding-left:8px;
}

.main-menu li a, .body-text a{
text-decoration:none;
color:#FFFFFF;
}

.overlay{
	z-index:10;
	position:absolute; 
	left: 4px; 
	top:0px;
}
.overlay_2 {
	left: 3px;
}

img.right-image{
margin-left:4px;
}
div.bottom_menu {
	bottom:-7px;
	position:absolute;
	right:13px;
}
div.bottom_menu a {
	text-decoration: none;
	font-size: 12px;
	color: white;
}
div.contact_info {
	bottom: 34px;
    position: absolute;
    font-size: 10px;
    text-transform: uppercase;
    color: #B1ADAB;
    text-align: center;
    width: 910px;
}
div.sub_menu {
	height: 26px;
	background:url(/img/submenu_bg.png) repeat-x;
}
div.sub_menu ul {
	padding: 0px;
	margin: 0px;
	padding-left: 463px;
}
div.sub_menu ul li {
	list-style: none;
	float: left;
}
div.sub_menu ul li a {
	color: white;
	display: block;
	padding-right: 32px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	padding-top: 4px;
}
div.sub_menu ul li.active a,
div.sub_menu ul li a:hover {
	color: black;
}
div.overlay_port {
	position: absolute;
	top: 0px;
	left: -1px;
}
li {
	position: relative;
}
ul#mycarousel img.image {
	height: 170px;
    width: 260px;
}
.right-column div.image {
	    height: 180px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 265px;
}