body, 
html { 
background: #525252;
width: auto;
height: auto;
margin-top: 82px;
min-width:800px;


} 

/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;

}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
}

.box { 
    margin: 0 auto; 
    width: 400px;
    padding: 50px;
    
    padding-bottom:100px;
    font: 14px/2.8 Georgia, Serif;
}

#focus-stealer      { position: absolute; left: -9999px; }

#pagewrap { 
width:90%; 

margin-left:auto; 
margin-right:auto;
position: relative;
float:left;

}

#portfoliowrap{
width:100%; 
height: 420px;
margin-left:30px;
margin-left:40px;

min-width:800px;
	clear:both;

}
#indexcontainer{
width:100%; 
height: 505px;
margin-left:30px;
margin-left:40px;

min-width:800px;
	clear:both;

}

#leftwrap{
width:390px; 
height: 420px;
margin-left:25px;
margin-right:-1px;
position: relative;
float:left;
clear:none;

}

#map_wrap {
width:390px; 
height: 460px;
margin-left:25px;; 
margin-right:-1px;
position: relative;
float:left;
clear:none;

}

#rightwrap{
width:57%; 
height: 420px;
margin-left:auto; 
margin-right:auto;
position: relative;
float:right;
clear:right;
	
}

#magline{
width:100%; 
height: 69px;
margin-left:auto; 
margin-right:auto;

float:left;

}

#magline img{
margin-top: -3.28em;
float:right;
position:relative;

}

/*Magic Line menu*/
.nav-wrap {margin:25px auto;  border-bottom: 4px solid #319a93;}

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

#example-one { margin: 0 auto; list-style: none; position: relative; width: 100%; }
#example-one li { display: inline;}
#example-one li a { color: #319a93; font-family: Helvetica, sans-serif; font-size: 15px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase;z-index: 100;}
#example-one li a:hover { color: #fff; }
#magic-line { position: absolute; bottom: -4px; left: 0; width:20px; height: 4px; background: #585858;}

.current_page_item a, .current_page_item_two a { color: white !important; }


#magline a.gapmaker {
float:right;
margin-right:330px;
font-weight:bold;
}

#logopane{
width:276px; 
height: 69px;
position:relative;
float:right;
background:#665577;
}

/*Temp color background of panels*/
/*
#pagewrap { 

background:#ff0000;
}

#portfoliowrap{

	background:#335566;
}

#leftwrap{

background:#00ff11;
}

#rightwrap{

background:#ff3388;
	
}

#magline{

background:#558899;
}
#featured {
background:#000;
}
*/