/*
//-------------------------------------------------------
//FORMATTING CLASSES----------------------------------------
//-------------------------------------------------------
*/
.groove {border: 2px groove;}
.hide {display:none;}
.current {color: #F93;}
.clear { clear: both; }
.left {float:left;}
.right {float:right;}
.center {align: center;}

.tr2 {background: #222 url(/images/layout/corner_tr.png) no-repeat right top;}
.br2 {background: #222 url(/images/layout/corner_br.png) no-repeat right bottom;}
.br6 {background: #666 url(/images/layout/corner_br.png) no-repeat right bottom;}
.br3 {background: #333 url(/images/layout/corner_br.png) no-repeat right bottom;}

blockquote{background: #111 url(/images/layout/corner_br.png) no-repeat right bottom;padding: 5px;}

/*
//-------------------------------------------------------
//GENERAL TAGS-------------------------------------------
//-------------------------------------------------------
*/

body { 
text-align: center;
padding: 0; margin: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: url(/images/bg.png) top center no-repeat #000;
color: #FFF;
}

a, a img {
border: 0;
color: #F93;
display: inline;
text-decoration: none;
}
#maincontent a:hover{
color: #fc6;
}

h4 {
font-size: 10px;
color: #888; 
border-bottom: 1px dashed;
padding: 0px;
margin:0px;
margin-bottom: 5px;
}
h1{
	margin:1.5em 0 0;
  	padding:0 0 0 10px;
 	font-size:200%;
  	line-height:1.4em;
  	color:#f93;
	padding-left: 10px;
	}

h3{
	margin:1.5em 0 0;
  	padding:0 0 0 10px;
 	font-size:140%;
  	line-height:1.4em;
  	color:#ad9;
 	border-bottom: 1px solid #ad9;
	padding-left: 10px;
	}
h5 {
padding-left: 25px;
clear: both;  
margin-left: 30px;
margin-top:20px; 
font-size:120%;
color: #ad9;
border-bottom: 1px solid #666;
width: 280px;
}
h6 {
padding-left: 0px;
clear: both;  
margin:0px;
margin-left: 30px;
font-size:110%;
color: #ccc;
border-bottom: none;
}
/*
//-------------------------------------------------------
//SITE FORMATING-----------------------------------------
//-------------------------------------------------------
*/
#wrapper {
text-align: left;
width: 760px;
margin: auto;
}

#header {
width: 760px;
height: 100px;
background:0;
}

#header h1, #header h2 {
display: none;
}


#main {
  width:460px;
  float:right;
  padding-right: 20px;
  }

/*
//-------------------------------------------------------
//SITE NAVIGATION----------------------------------------
//-------------------------------------------------------
*/

#nav {
white-space:nowrap;
width:100%;
}

#nav ul {
padding: 0; 
margin: 0;
list-style: none;
float: right;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}

#nav li {
float: left;
display: block;
margin-left: 2px;
width: 80px;
}

#nav ul > li {
width: auto;
}

#nav ul li a {
display: block;
padding: 2px 6px;
width: 100%;
margin-right: 0;
text-align: center;
background-color: #333;
color: #e9f2fc;
text-decoration: none;
font-size: 10px;
}

#nav ul li > a {
display: block;
padding: 2px 9px;
}

#nav ul li.first {
width: 135px;
background: 0;
}

#nav ul > li.first {
border-right: 18px solid #000;
}

#nav ul li.first a {
color: #fff;
background-color: #666;
text-align: left;
}

#nav ul li a:hover {
background-color: #c63;
}

/*
//-------------------------------------------------------
//MAIN CONTENT-------------------------------------------
//-------------------------------------------------------
*/

#maincontent {
clear: right;
float: right;
width: 550px;
margin: 15px 0 0 8px;
padding: 0 0 10px 0;
color: #333;
position: relative;
border-left: 2px solid #999;
}

#maincontent ul li{
padding: 2px 50px 2px 50px;
font-weight: normal;
font-size: 12px; 
color: #CCC;
padding: 0;
margin: 0;
list-style: none;
}

#maincontent h2 {
margin: 0;
padding: 2px 0 0 0;
color: #ad9;;
font-weight: bold;
font-size: 14px;
padding-left: 25px;
line-height: 14px;
border-bottom: 2px solid #ccc;

}
#maincontent p strong {
color: #ad9;}

#maincontent h2 span {
border-left: 5px solid #000;
padding: 0 3px 3px 3px;
margin: -1px -4px 0px -2px;
color: #FFF;
background-color: #000;
position: absolute;
top: 0;
left: 0;
}

#maincontent p {
padding-left: 22px;
padding-right: 5px;
font-size: 12px;
line-height: 16px;
color: #CCC;
}

#tagline { padding-bottom: 5px; }
#tagline, #footer {
clear: both;
text-align: right;
padding-top: 7px;
margin: 0;
}

/*
//-------------------------------------------------------
//HIGHLIGHT BOXES----------------------------------------
//-------------------------------------------------------
*/



#boxes {
margin-left: 2px;
color: #ccc;
}

#boxes .box {
float: left;
width: 248px;
margin: 2px;
height: 115px;
background: #666 url(/images/layout/corner_br.png) no-repeat right bottom;
position: relative;
}

#boxes .box h4 {
padding: 5px 5px; 
font-size: 10px;
margin: 0;
background: #333 url(/images/layout/corner_tl.png) no-repeat left top;
border:none;
color: #e9f2fc;
}


#boxes .box p, #boxes .box ul {
padding: 0px 10px 0px 75px;
margin: 5px 0 0 5px;
list-style: none;
}

#boxes .boxbottom {
position: absolute;
bottom: 5px;
right: 10px;
text-align: right;
}

#boxes a, #boxes a:link, #boxes img {
font-weight: bold;
border: 0px;
}
#articleimages img{
padding-top:10px;
padding-left: 10px;
border: 0px;
}

#articleimages {
padding-left: 6px;}

.boximage {
position: absolute;
top: 30px;
left: 10px;
}


/*
//-------------------------------------------------------
//SIDEBAR -----------------------------------------------
//-------------------------------------------------------
*/
#sidebar {
padding: 0; 
margin: 0;
margin-top:25px;
width: 190px;
background: #333 url(/images/layout/corner_br.png) no-repeat right bottom;
color: #FFF;
}

#wrapper > #sidebar { margin-top:40px; }

#sidebar ul {
padding: 0; 
margin: 0;
}

#sidebar img {
border: none;
}

#sidebar h3 {
font-size: 10px;
line-height: 10px;
font-weight: bold;
padding: 2px 2px 2px 5px ;
margin: 0;
color: #CCC;
}



#sidebar p {
padding: 2px 1px 2px 1px;
margin: 0;
}

#sidebar #contact {
padding: 0; margin: 0;
font-weight: bold;
padding-top: 10px;
padding-left: 10px;
text-align: left;
background-color: #000;
}

#sidenav ul {
padding: 0;
margin: 0;
list-style:none;
}

#sidenav li {
background: #666;
margin: 0px 2px 2px 2px;
font-weight: normal;
font-size: 10px; 
color: #CCC;
padding: 0px;
height: 1%;
}

#sidenav li.nopad {
background: #666;
margin: 0px 2px 2px 2px;
font-weight: normal;
font-size: 10px; 
color: #CCC;
padding: 1px 1px 2px 0px;
}
#sidenav a {
padding: 1px 1px 2px 5px;
margin: 0px;
text-decoration: none;
display: block;
color: #e9f2fc;
}

#sidenav ul li a:hover {
background-color: #c63;
}

/*
//-------------------------------------------------------
//IMAGE GALLERIES----------------------------------------
//-------------------------------------------------------
*/

#locationLayer a {
padding: 2px 0px 2px 5px; 
display: block;
background-color: #444;
text-decoration: none;
font-size: 10px;
}
#locationLayer .link {
padding: 2px 0px 2px 5px; 
display: block;
color: #e9f2fc;
text-decoration: none;
font-size: 10px;
}
#locationLayer a:hover {
background-color: #666;
}
#foldersLayer a {
padding: 2px 0px 2px 5px; 
display: block;
color: #e9f2fc;
text-decoration: none;
font-size: 10px;
}
#foldersLayer a:hover {background-color: #c63;}
#foldersLayer img {padding-right: 5px;}

#topCont{
position: absolute;
top: 10px;
left: 5px;
width: 197px;
border: 2px groove #CCC;
padding: 5px;
}

#imagesLayer {
float: left;
padding-left: 20px;
background-color: #000;
}

#imagesLayer a {
margin: 5px 15px;
width: 130px;
height: 130px;
float: left;
text-align: center;
padding: 2px;
border: 1px solid #222;
background: #111;
}

#imagesLayer a img {
border: none;
}

#imagesLayer a:hover {
background: #333;
border: 1px solid #444;
}

/*
// -------------------------------------------------------
// NICE TITLES ------------------------------------------
// -------------------------------------------------------
*/
div.nicetitle {
    position: absolute;
    padding: 2px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 11px;
    font-family: Verdana, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
	
    background: url(/images/layout/ntbg.png) !important;
	background: #333333;
	
	/* MOVED TO IE.CSS
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/ntbg.png', sizingMethod='scale');
	*/
}

div.nicetitle p {
    margin: 0; 
    padding: 0 3px;
	color: #FFF;
	text-align: left;
}
div.nicetitle p.destination {
    font-size: 9px;
    font-weight: normal;
    text-align: left;
    padding:0 4px;
	color: #FFF;
	text-align: left;
}


/*
// -------------------------------------------------------
// CONTACT PAGE ------------------------------------------
// -------------------------------------------------------
*/
#aboutupper {background: #222 url(/images/layout/corner_tl.png) no-repeat scroll left top;}

#aboutlower {background: #333 url(/images/layout/corner_br.png) no-repeat scroll right bottom;height:130px;}

#name {float:left;}
#name p {padding:5px 0 10px 10px;margin:0px}

#resume ul {padding-top:15px;margin-top:0px;margin-right:10px;float:right;}
#resume {padding:0px;margin:0px;}

#statement {background:  url(/images/bkg/myself.jpg) no-repeat scroll left bottom;}

#statement p {margin: 0px 5px 10px 100px;padding:0px;}
#statement {padding: 10px;}
#contact{margin: 0px;padding:0px;}
#name{margin:0px;padding:0px;}
#emailform {
	background:#222;
        display: none;
	position: absolute;
	left: 100px;
	top: 15px;
	width: 320px;
        height: 345px;
        line-height: 1.5em;
	color: #ccc;
	font-size: 12px;
        padding-left:130px;
        padding-top:0px;
}



#emailform form input, #emailform form textarea { 
width: 260px;
border: 1px solid #C0C9C0;
border-bottom: 1px solid #E0E9E0;
border-right:   1px solid #E0E9E0;
background: #F6F9F6;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

#emailform form textarea {
height: 140px;
width: 260px;
}