/*
----------------- BODY AND WRAPPER
*/

body {
	font-size: 67%;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #ebe9e2;
	background-repeat: repeat-x;
	background-image: url(../images/back_image.png);
}

#page-wrap {
	margin: 0 auto;
	width: 860px;
}


/*
----------------- HEADER AREA
*/


#header {
	position: relative;
	height: 140px;
	background-repeat: no-repeat;
	background-image: url(../images/header_back.jpg);
}


h1 a {
	display: block;
	width: 380px;
	height: 120px;
	background: url(../images/logo.png) no-repeat;
	text-indent:-9999px;
}


/*
----------------- NAV AREA
*/

#nav li, #nav a {  
	margin-top: 1px;  
	color: #666666;  
	text-decoration: none;  
	list-style-type: none;  
}  

#nav a:hover {
	color: #666666;  
	text-decoration: underline;  
}  


#nav li {
	float: left;  
	display: block;  
	margin-left: -1px;  
	height: 37px; 
	line-height: 37px;
	font-size: 1.4em; 
	padding: 0px 20px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #999999;
	border-left-width: 1px;
	border-left-color: #999999;
	border-left-style: solid;
}

#active {
	background-image: url(../images/tab_active_back.gif);
	padding: 6px 12px 5px;  
}


/*
----------------- PORTFOLIO PANEL AREA
*/


#aboutme{
	line-height: 1.4em;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-top: 25px;
	color: #666666;
	float: right;
	width: 280px;
	font: 1.2em/1.6em Arial, Georgia, "Times New Roman", Times, serif, Helvetica, Verdana, sans-serif; 

}

.bigpanel {
	height: 222px;
	width: 533px;
	background-color: #ffffff;
}

.bigpanel img{
	display: block;
	float: left;
	padding-left: 5px;
	padding-top: 5px;
}
#top-panel_1, #top-panel_2, #top-panel_3, #top-panel_4, #top-panel_5, #top-panel_6, #top-panel_7, #top-panel_8, #top-panel_9, #top-panel_10, #top-panel_11, #top-panel_12, #top-panel_13 {
	height: 103px;
	width: 533px;
	background-color: #ffffff;
	display: none;
}

#top-panel_1 img, #top-panel_2 img, #top-panel_3 img, #top-panel_4 img, #top-panel_5 img, #top-panel_6 img, #top-panel_7 img, #top-panel_8 img, #top-panel_9 img, #top-panel_10 img, #top-panel_11 img, #top-panel_12 img, #top-panel_13 img {
	display: block;
	float: left;
	padding-left: 5px;
}

#sub-panel_1, #sub-panel_2, #sub-panel_3, #sub-panel_4, #sub-panel_5, #sub-panel_6, #sub-panel_7, #sub-panel_8, #sub-panel_9, #sub-panel_10, #sub-panel_11, #sub-panel_12, #sub-panel_13 {
	background-repeat: no-repeat;
	margin-left: 400px;
	font-size: 1.2em;
	text-align: center;
	height: 21px;
	width: 127px;
}

#port_1, #port_2, #port_3, #port_4, #port_5, #port_6, #port_7, #port_8, #port_9, #port_10, #port_11, #port_12, #port_13 {
	margin-top: 30px;
	width: 533px;
}


#sub-panel_1 a:link, #sub-panel_2 a:link, #sub-panel_3 a:link, #sub-panel_4 a:link, #sub-panel_5 a:link, #sub-panel_6 a:link, #sub-panel_7 a:link, #sub-panel_8 a:link, #sub-panel_9 a:link, #sub-panel_10 a:link, #sub-panel_11 a:link, #sub-panel_12 a:link, #sub-panel_13 a:link {
	color: #563e1e;
	text-decoration: none;
}
#sub-panel_1 a:visited, #sub-panel_2 a:visited, #sub-panel_3 a:visited, #sub-panel_4 a:visited, #sub-panel_5 a:visited, #sub-panel_6 a:visited, #sub-panel_7 a:visited, #sub-panel_8 a:visited, #sub-panel_9 a:visited, #sub-panel_10 a:visited, #sub-panel_11 a:visited, #sub-panel_12 a:visited, #sub-panel_13 a:visited {
	color: #563e1e;
	text-decoration: none;
}
#sub-panel_1 a:hover, #sub-panel_2 a:hover, #sub-panel_3 a:hover, #sub-panel_4 a:hover, #sub-panel_5 a:hover, #sub-panel_6 a:hover, #sub-panel_7 a:hover, #sub-panel_8 a:hover, #sub-panel_9 a:hover, #sub-panel_10 a:hover, #sub-panel_11 a:hover, #sub-panel_12 a:hover, #sub-panel_13 a:hover {
	text-decoration: underline;
}



.hiddenfeature{
	text-indent: -4000px;
}


/*
----------------- TEXT
*/


h2{
	padding-left: 12px;
	padding-bottom: 7px;
	padding-right: 5px;
	padding-top: 7px;
	background-color: #e0ddd2;
	letter-spacing: -0.01em;
	font: 2.1em Georgia, "Times New Roman", Times, serif;
	margin-bottom: 6px;
	color: #524843;
}
a:link {
	color: #dfb44d;
	text-decoration: none;
}
a:visited {
	color: #F1DCA4;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


#aboutme p{
	margin-bottom: 20px;
}


#aboutme a:link {
	color: #784a01;
	text-decoration: none;
}
#aboutme a:visited {
	color: #784a01;
	text-decoration: none;
}

#aboutme a:hover {
	text-decoration: underline;
}


.port_desc{
	line-height: 1.4em;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-top: 5px;
	color: #666666;
	float: right;
	width: 280px;
	font: 1.2em/1.6em Arial, Georgia, "Times New Roman", Times, serif, Helvetica, Verdana, sans-serif;
}

.desc{
	margin-top: 0;
}

.task{
	color: #524843;
	font-variant: small-caps;
	border-top: 1px solid #554f4a;
	font-size: 1.0em;
	margin-top: 10px;
	padding-top: 2px;
}



/*
----------------- FOOTER AREA
*/

#footer {
	margin-top: 40px;
	height: 153px;
	background-repeat: repeat-x;
	background-image: url(../images/footerback.jpg);
}

#footercontact{
	line-height: 1.6em;
	margin-top: 56px;
	margin-right: 60px;
	font-family:  Arial, Helvetica, Verdana;
	font-size: 1.1em;
	float: right;
	color: #919287
}

#copyright{
	margin-right: 60px;
	width: 250px;
	line-height: 1.6em;
	margin-top: 56px;
	font-family:  Arial, Helvetica, Verdana;
	font-size: 1.1em;
	float: right;
	color: #919287
}

#footerwrap{
	margin: 0 auto;
	width: 860px;
}




/*
----------------- Switcher AREA
*/



div#switcher {
	position: absolute;
	left: 465px;
	top: 20px;
	width: 348px;
	font-family: Arial;
	font-size: 13px;
	z-index: 9999;
}
div#switcher.show {
	border: 1px solid #f00;
}
div#switcher a {
	color: #675d55;
	text-decoration: none;
}
div#switcher a:hover, div#switcher td.alt a:hover {
	color: #dfb44d;
}
div#switcher td.alt a {
	color: #9d9189;
}
div#switcher h6 {
	display: block;
	float: right;
	margin-bottom: -1px;
	height: 23px;
	width: 227px;
	cursor: pointer;
}
body div#switcher h6.hide, body div#switcher h6.hover {
	display: none;
}
div#links {
	float: right;
	width: 227px;
	background-color: #231f1b;
	border: 1px solid #342b23;
	display: none;
}
div#links.show {
	display: block;
}
div#links div {
	width: 344px;
}
div#links div.alt, div#links div#second {
	background-color: #1b1713;
	border-top: 1px solid #352f29;
	border-bottom: 1px solid #352f29;
}
div#links div table {
	margin: 10px 10px 10px 25px;
}
div#links div table tr.hover a {
	color: #dfb44d;
}
div#links table td {
	line-height: 1.8em;
}
div#links table td.alt {
	width: 110px;
}


div#localize_head {
	position: absolute;
	right: 0px;
	top: 6px;
	width: 164px;
	font-family: Arial;
	font-size: 13px;
	z-index: 9998;
}
div#localize_head.show {
	border: 1px solid #f00;
}
div#localize_head a {
	color: #675d55;
	text-decoration: none;
}
div#localize_head a:hover, div#localize_head td.alt a:hover {
	color: #fff;
}
div#localize_head td.alt a {
	color: #9d9189;
}
div#localize_head h6 {
	display: block;
	float: right;
	margin-bottom: -1px;
	height: 23px;
	width: 80px;
	cursor: pointer;
}
body div#localize_head h6.hide, body div#localize_head h6.hover {
	display: none;
}
div#localize {
	float: right;
	width: 160px;
	background-color: #231f1b;
	border: 1px solid #342b23;
	display: none;
	color: #9d9189;
}
div#localize.show {
	display: block;
}
div#localize div {
	width: 160px;
}
div#localize div table {
	margin: 10px 10px 10px 15px;
}