body  {
    background: #FAFAFB;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px; font-weight: bold; color: #333;
}

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

a:hover { text-decoration: underline; outline: none; }

* { margin: 0;	border: 0;}

.clear { clear: both; }

h1 {
    font-size: 20px; font-weight: 900;
    color: #333;
}

h2 {
    font-size: 16px; font-weight: bold;
    color: #656565;
    margin-bottom: 10px;
}

h3 {
    font-size: 14px; color:#AFACA3;
    margin-bottom: 10px;
}

p {
    font-family: verdana, arial, sans-serif;
    font-size: 13px; font-weight: normal;
    margin-bottom: 15px;
}

hr.line {
    border-bottom: 1px dashed #E1E1E1;
    margin: 0 0 15px 0;
}

img.center {
    vertical-align: middle;
    padding-left: 5px;
}

ul li {
    font-family: verdana, arial, sans-serif;
    font-size: 13px; font-weight: normal;
}

ul, ol { padding-bottom: 10px; }

ol li {
    font-family: verdana, arial, sans-serif;
    font-size: 13px; font-weight: normal;
}


/*----------ADMIN----------*/
#admin_wrap {
    background: #333 url(../images/public_view/admin_bg.jpg) repeat-x;
    height: 40px;
}

.admin {
    margin: 0px auto; width: 800px;
    color: #fff; text-align: right;
    padding-top: 10px;
}

.admin a {
    color: #FFF;
}
/*----------ADMIN ENDS----------*/



/*----------HEADER----------*/
#container {
    margin: 0px auto;
    width: 800px;
}

#header{
    padding: 30px 0 30px 0;
    border-bottom: 1px solid #E5E5E5;
}

.navigation {
    float: right;
    text-align: right;
}

ul.top_nav, ul.action_links {
    padding: 0;
}

#header .top_nav li {
    float: left; display: inline;
    padding-left: 15px;
    list-style: none;
}

#header .top_nav li  a {
    color: #FFF;
    background: url(../images/public_view/btn_top_right.png) no-repeat scroll 100% 0;
    float: left; padding-right: 10px;
}

.top_nav li a span {
    background: transparent url(../images/public_view/btn_top_left.png) no-repeat scroll 0 0;
    padding: 3px 5px 5px 15px;
    display: block;
}

.action_links {
    margin-top: 65px;
    vertical-align: bottom;
}

.action_links li {
    display: inline;
    padding-left: 15px;
    list-style: none;
}

.profile_pic {
    width: 170px;
    float: left;
    margin-right: 30px;
}

.profile {
    float: left;
    text-align: left;
}

p.name {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold; font-size: 38px;
    color: #333333;
    margin: 0px;
    letter-spacing: -1px;
}

p.title {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold; font-size: 20px;
    color: #999999;
    margin: 0px;
}

p.location {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold; font-size: 13px;
    color: #999;
    margin: 0px;
}

p.websites {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold; font-size: 18px;
    margin: 10px 0 0 0;
    color: #DCDCDD;
}

p.websites a {
    color: #999;
}
/*----------HEADER ENDS----------*/


.section {
    border-bottom: 1px solid #E5E5E5;
    padding: 30px 0 15px 0;
}

.section_left {
    width: 170px; margin-right: 30px;
    float: left;
}

.section_right {
    width: 600px;
    float: right;
}



/*----------PORTFOLIO----------*/
.portfolio {
    padding: 40px 0 100px 0;
}

.album {
    float: left;
    padding: 0;
    width: 230px;
    padding-right: 35px;
    margin: 0 0 25px 0;
}

.album ul {
    padding: 0;
    list-style-type: none;
}

ul.album_thumb li {
    background: url(../images/public_view/album_bg.png) no-repeat;
    width: 220px; height: 154px;
    padding: 5px 5px 10px;
}

/*
ul.album_thumb a {
	display:block;
	float:left;
	width: 220px;
	height:150px;
	line-height:100px;
	overflow:hidden;
	position:relative;
	z-index:1;
}

ul.album_thumb a img{
	float:left;
	position:absolute;
	top:-420px;
	left:-740px;
}
*/

ul.album_caption li {
    float: left;
    font-family: helvetica, Arial, san-serif;
    font-weight: bold; font-size: 13px;
}

.album_title {
    width: 180px; height: 30px;
    margin-right: 10px;
    color: #999;
}

.album_numbers {
    width: 40px;
    text-align: right;
    color: #DDD;
}

/*-----GALLERY-----*/
#gallery_view {
    position:relative;
    /*margin:40px auto;*/
    padding: 15px 0;
    border-bottom: 2px solid #E5E5E5;
    margin-bottom: 50px;
}

.gallery_title {
    float: left;
    font-family: helvetica, Arial, san-serif;
    font-size: 16px; color: #999;
    margin: 0; width: 720px;
}

.gallery_close {
    float: right;
    text-align: right;
}

.gallery_thumbs {
    margin-top:10px;
}

#thumbs {
    list-style-type: none;
    padding: 0;
}

#thumbs li.gallery_items {
    background:transparent url(../images/public_view/thumb_bg.png) no-repeat;
    display: inline; float:left;
    margin: 0 20px 15px 0; padding: 2px;
    width: 60px; height: 60px;
    cursor:pointer;
    overflow: hidden;
}
#thumbs li.gallery_items_empty {
    background: #fff;
    display: inline; float:left;
    margin: 0 20px 15px 0; padding: 2px;
    width: 60px; height: 60px;
    overflow: hidden;
}

#thumbs li.gallery_items:hover {
    background: #999;
    display: inline; float: left;
    width: 60px; height: 60px;
    margin: 0 20px 15px 0;
    padding: 2px;
}

/*.gallery_item {
    padding: 2px;
    background: transparent url(../images/public_view/thumb_bg.png) no-repeat;
}*/

.gallery_item_selected {
    padding: 2px;
    background: #333;
    margin: 0 20px 15px 0;
}

#imagearea {
    background:#FAFAFB url(/images/loading.gif) center center no-repeat;
    min-height: 100px;
    text-align: center;
    width:800px;
}

#image {
    background-color:#FAFAFB;
    font-size:0;
    margin:0 auto; margin:0 auto;
    position:relative;
    text-align:center;
}

.imgnav_left {
    position:absolute; /*cursor:pointer;*/
    height:100%; width:7%;
    left:0; top: 0;
    z-index:10;
}

.imgnav_right {
    position:absolute; /*cursor:pointer;*/
    height:100%; width:7%;
    right:0; top: 0;
    z-index:10;
}

#previmg {
    background:transparent url("/images/public_view/nothing.png") no-repeat; /* Trick IE into showing arrow on image hover */
    height:100%; width:100%;
    float:left;  left:0;
}

#previmg:hover, #previmg:visited:hover {
    background:url(/images/public_view/button_previous.png) no-repeat scroll 10% 50%;
    display:block;
}

#nextimg {
    background:transparent url("/images/public_view/nothing.png") no-repeat; /* Trick IE into showing arrow on image hover */
    height:100%; width:100%;
    float:right; right:0;
}

#nextimg:hover, #nextimg:visited:hover {
    background:url(/images/public_view/button_next.png) no-repeat scroll 90% 50%;
    display:block;
}

/*
ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 920px;
	background: #222;
	font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/ /*
}

ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/ /*
	width: 17px;
	height: 35px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/ /*
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ /*
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/ /*
	border-bottom: 1px solid #444; /*--Create bevel effect--*/ /*
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ /*
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}
*/



/*----------ABOUT----------*/
#about_wrap {
    background: #333 url(../images/public_view/about_bg.jpg) repeat-x bottom center;
}

.about {
    margin: 0px auto; width: 800px;
    padding: 30px 0 0 0;
    color: #fff;
}

.about_content {
    width: 600px;
}

.about_close {
    background: transparent url(../images/public_view/icon_close.png) no-repeat bottom right;
    text-indent: -999em;
    display: block;
    height: 24px;
    margin: 10px 0 0;
}
/*----------ABOUT ENDS----------*/


/*----------CONTACT AND FOOTER----------*/
.profile_private {
    Padding: 130px 0 30px;
    text-align: center;
    color: #D5D5D5; font-size: 30px;
    border-bottom: 1px solid #E5E5E5;
    text-shadow: #FFF 0 1px;
}

.contact_wrap {
    border-bottom: 1px solid #E5E5E5;
    padding: 10px 0;
}

.contact_info {
    background: #E5E5E5;
    padding: 10px 10px;
    color: #999999; font-size: 16px;
    text-align: center;
}

.contact_type {
    color: #C0C0C0;
}

#footer {
    padding:15px 0;
    float:right;
    color:#999999; font-size:9px;
}


.tooltip-wrapper {
    float: left;
    position: relative;
}

.tooltip-wrapper-box {
    bottom: 20px;
    left: -33px;
    position: absolute;
    width: 82px;
    z-index: 400;
}

.tooltip-box {
    background: transparent none no-repeat scroll 0 0px;
    font-size: 13px;
    color: #999999;
    font-family: Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    padding: 8px 1px 0;
    text-align: center;
    width: 82px;
}

.tooltip-box-bot {
    background: transparent none no-repeat scroll 0 -190px;
    height: 15px;
    width: 82px;
}