/* ********** [ GENERAL ] ********** */



div.clear {

	clear: both;

}

body {

	cursor: default;

	font: 11px arial, verdana, sans-serif;

	color: #333333;

	background: #c1d2e2 url('bg.png') left top repeat-x;

}

/* ********** [ PAGE ] ********** */



div#page_wrap {

	width: 940px;

	margin: 0px auto;

	background: url('wrap_bg.png') left top repeat-y;

}

div#page_wrap_f {

	width: 940px;

	height: 17px;

	margin: 0px auto 40px auto;

	background: url('wrap_bg_f.png') left top repeat-y;

}

div#page {

}

/* ********** [ HEADER ] ********** */



div#header_wrap {

	height: 120px;

	background: url('head_bg.png') center bottom no-repeat;

	width: 940px;

	margin: 0px auto;

}

div#header {

	margin: 0px auto;

	width: 940px;

	height: 120px;

}

div#header h1 {

	display: block;

	margin: 20px 0px 0px 20px;

	width: 220px;

	height: 80px;

	float: left;

	padding: 0px;

	font: bold 26px/70px Trebuchet MS, arial, sans-serif;

	color: #194A75;

	background: url('logo.png') no-repeat left top;

	background-color: none;

}

div#header h1 a, div#header h1 a:hover, div#header h1 a:visited, div#header h1 a:active {

	display: block;

	width: 220px;

	height: 80px;

	float: left;

	text-indent: -10000px;

	background-color: none;

}

div#header h1 span {

}

div#header div.banner {

	padding-top: 5px;

	float: right;

	width: 468px;

	height: 60px;

	margin-top: 20px;

	margin-right: 20px;

	display: inline;

}

/* ********** [ CONTAINER ] ********** */



div#container_wrap {

	margin: 0px auto;

	width: 920px;

}

div#container {

}

/* ********** [ FOOTER ] ********** */



div#footer_wrap {

	margin: 0px auto;

	padding-top: 10px;

	width: 920px;



	

}

div#footer {

	background-color: #3cacec;

	padding: 10px 0px;

	border-top: 2px solid #1c83bd;

	text-align: center;

	color: #FFF;

	border: 1px solid #1c83bd;

	border-width: 1px 1px 0px 1px;

}

div#footer a {

	color: #FFF;

}



/* ********** [ CONTENT ] ********** */



#content_wrap {

	float: left;

	width: 715px;

}

#content {

}

/* ********** [ SIDEBAR ] ********** */



div#sidebar_wrap {

	padding: 10px 10px 0px 0px;

	width: 190px;

	float: left;

}

div#sidebar {

}

/* ********** [ MAIN NAVIGATION ] ********** */



div#headernav_wrap {

	margin: 0px auto;

	width: 918px;

	height: 30px;

	background: #356aa0 url('headnav_bg.png') repeat-x;

	border: 1px solid #1c83bd;

	border-width: 0px 1px 0px 1px;

	position: relative;

}

div#headernav {

	padding-left: 8px;

}

div#headernav ul {

	height: 30px;

	list-style: none;

}

div#headernav ul li {

	float: left;

	background: url('headnav_l.png') right top no-repeat;

}

div#headernav ul li a {

	padding: 0px 12px;

	height: 30px;

	display: block;

	float: left;

	font: bold 11px/28px arial, verdana, sans-serif;

	color: #ffffff;

	text-decoration: none;

}

div#headernav ul li a:hover {

	text-decoration: underline;

}



div.hello  {

position:absolute; right: 15px; top: 5px; color: #fff;

font-size: 12px; font-weight: bold;}

div.hello a { color: #fff;

font-size: 12px; font-weight: bold;}



div.hello a:hover { color: #fff;

font-size: 12px; font-weight: bold; text-decoration: underline;}





/* ********** [ WELCOME ] ********** */



#welcome {

	width: 905px;

	float: left;

	height: 250px;

	background: url('welcome_bg.png') left top no-repeat;

	margin-top: 10px;

	}



.r_image {

	width: 575px;

	height: 248px;

	margin: 1px 0px 0px 1px;

	float: left;

	position: relative;}

























/* ********** [ USER NAVIGATION ] ********** */



div#usernav_wrap {

	margin: 0px auto;

	width: 920px;

	border-bottom: 1px solid #ccc;

}

div#usernav {

	padding-left: 5px;

	height: 28px;

}

div#usernav ul {

	list-style: none;

}

div#usernav li {

	float: left;

	height: 28px;

	z-index: 9999;

	position: relative;

}

div#usernav ul li a.outter {

	padding: 0px 5px 0px 29px;

	height: 28px;

	display: block;

	float: left;

	font: bold 11px/28px arial, sans-serif;

	color: #436082;

	text-decoration: none;

}

div#usernav ul li.shover a.outter,  div#usernav ul li a.outter:hover {

	text-decoration: underline;

}

div#usernav ul li li a {

	background-repeat: no-repeat;

	background-position: 5px 50%;

}

div#usernav ul li.nav_notice a.outter {

	background: url('navigation/pro_notice.png') no-repeat 12px 12px;

}

div#usernav ul li.nav_profile {

	background: url('navigation/pro_profile.png') no-repeat 8px 50%;

}

div#usernav ul li.nav_profile li.home a {

	background-image: url('navigation/pre_home.png');

}

div#usernav ul li.nav_profile li.profile a {

	background-image: url('navigation/pre_profile.png');

}

div#usernav ul li.nav_profile li.photo a {

	background-image: url('navigation/pre_photo.png');

}

div#usernav ul li.nav_messages {

	background: url('navigation/pro_messages.png') no-repeat 8px 50%;

}

div#usernav ul li.nav_messages_new {

	background: url('navigation/pro_messages_new.png') no-repeat 8px 50%;

}

div#usernav ul li.nav_messages li.inbox a {

	background-image: url('navigation/pre_inbox.png');

}

div#usernav ul li.nav_messages li.sent a {

	background-image: url('navigation/pre_sent.png');

}

div#usernav ul li.nav_media {

	background: url('navigation/pro_media.png') no-repeat 8px 50%;

}

div#usernav ul li.nav_media li.pictures a {

	background-image: url('navigation/pre_pictures.png');

}

div#usernav ul li.nav_media li.videos a {

	background-image: url('navigation/pre_videos.png');

}

div#usernav ul li.nav_media li.audio a {

	background-image: url('navigation/pre_audio.png');

}

div#usernav ul li.nav_apps {

	background: url('navigation/pro_apps.png') no-repeat 8px 50%;

}

div#usernav ul li.nav_apps li.blog a {

	background-image: url('navigation/pre_blog.png');

}

div#usernav ul li.nav_apps li.gifts a {

	background-image: url('navigation/pre_gifts.png');

}

div#usernav ul li.nav_apps li.guestbook a {

	background-image: url('navigation/pre_guestbook.png');

}

div#usernav ul li.nav_apps li.events a {

	background-image: url('navigation/pre_events.png');

}

div#usernav ul li.nav_network {

	background: url('navigation/pro_network.png') no-repeat 8px 50%;

}

div#usernav ul li.nav_network li.favorites a {

	background-image: url('navigation/pre_favorites.png');

}

div#usernav ul li.nav_network li.friends a {

	background-image: url('navigation/pre_friends.png');

}

div#usernav ul li.nav_network li.visitors a {

	background-image: url('navigation/pre_visitors.png');

}

div#usernav ul li.nav_network li.blocked a {

	background-image: url('navigation/pre_blocked.png');

}

div#usernav ul li.nav_settings {

	background: url('navigation/pro_settings.png') no-repeat 8px 50%;

}

div#usernav ul li.nav_settings li.settings a {

	background-image: url('navigation/pre_settings.png');

}

div#usernav ul li.nav_settings li.notifications a {

	background-image: url('navigation/pre_notifications.png');

}

div#usernav ul li.nav_settings li.privacy a {

	background-image: url('navigation/pre_privacy.png');

}

div#usernav ul li.nav_settings li.upgrade a {

	background-image: url('navigation/pre_upgrade.png');

}

div#usernav ul li.nav_settings li.credits a {

	background-image: url('navigation/pre_credits.png');

}

div#usernav ul li.nav_logout {

	float: right;

	background: url('navigation/pro_logout.png') no-repeat 8px 50%;

}

div#usernav ul li ul {

	padding: 0px;

	height: auto;

	position: absolute;

	top: -999px;

	left: -1px;

	/*display: none;*/

			list-style: none;

	background: #ffffff;

	border: 1px solid #cccccc;

	border-width: 0px 1px 1px 1px;

}

div#usernav ul li:hover ul,  div#usernav ul li.shover ul {

	top: 28px;

	left: 0px;

	width: 135px;

}

div#usernav ul li ul li {

	height: 24px;

	float: none;

}

div#usernav ul li ul li a {

	padding: 0px 0px 0px 26px;

	height: 24px;

	display: block;

	float: none;

	font: 11px/24px verdana, arial, sans-serif;

	color: #436082;

	border: 0px;

	text-decoration: none;

	white-space: nowrap;

}

div#usernav ul li ul li a:hover {

	border: 0px;

	background-color: #f2f2f2;

	color: #419CDE;

}

/* ********** [ COMMON ITEMS ] ********** */



h2, h3, h4, h5, h6 {

	padding-bottom: 5px;

	font: bold 14px/16px arial, verdana, sans-serif;

	color: #436082;

}

h2 {

	margin-bottom: 5px;

	font: bold 14px/16px arial, verdana, sans-serif;

	border-bottom: 1px solid #d4d4d4;

}

h3 {

	font: bold 13px/16px arial, verdana, sans-serif;

}

h4 {

	font: bold 12px/16px arial, verdana, sans-serif;

}

h4 {

	font: bold 11px/16px arial, verdana, sans-serif;

}

p {

	margin: 0px 0px 8px 0px;

	font: 11px/16px arial, verdana, sans-serif;

	color: #222222;

}

a {

	font: 11px arial, verdana, sans-serif;

	color: #436082;

	text-decoration: none;

}

a:hover {

	text-decoration: underline;

}

/********************  CUSTOM  **********************/





#welcome div.block {

	width: 310px;

	margin: 10px 5px 0px 0px;

	padding: 0px;

	float: right;

}







#welcome div.block h2 {

	width: 310px;

	margin: 5px 0px 0px 0px;

	padding: 0px;

	float: right;

	border-bottom: 1px solid #caddef;

	font: bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif;

}





#welcome div.block dl.register {

	width: 310px;

	margin: 15px 0px 0px 0px;

	padding: 0px;

	float: right;

}

#welcome div.block dl.register dt {

	width: 125px;

	color: #333;

	display: block;

	float: left;

	text-align: left;

	margin-bottom: 5px;

	font-size: 12px;

	line-height: 25px;

}

#welcome div.block dl.register dd {

	color: #333;

	display: block;

	float: left;

	text-align: left;

	margin-bottom: 5px;

}

#welcome div.block dl.register dd input {

	width: 142px;

	height: 19px;

	color: #333;

	margin: 0px;

	padding: 5px 5px 0px 3px;

}



#welcome div.block dl.register dd input.submit {

	width: 150px;

	height: 25px;

	background: url('submit.png') left top no-repeat;

	border: none;

	margin: 0px;

	padding: 0px;

	cursor: pointer;

	color: #FFF;

}



div.join {

	width: 150px;

	height: 30px;

	right: 80px;

	bottom: 45px;

	text-align: left;

	background: url('join.gif') left top no-repeat;

	margin: 15px 0 0 0;

	position: absolute;

}

div.join:hover {

	width: 150px;

	height: 30px;

	text-align: left;

	background: url('join.gif') left -30px no-repeat;

	float:right

}

div.join a {

	color: #FFF;

	font: bold 16px/28px Arial, Helvetica, sans-serif;

	margin-left: 10px;

	width: 140px;

	height: 30px;

	display: block;

}

div.join a:hover {

	text-decoration: none;

}



div.r_image ul {

	position: absolute;

	display: block;

	list-style-type: none;

	top: 230px;

	left: 80px;

	color:#333333;

	font: 10px Arial, Helvetica, sans-serif;

	text-align: center;

	list-style: none;

	}



div.r_image ul li {

	display: block;

	float: left;

	padding-right: 8px;

	}



	.slogan  {

	position: absolute;

	left: 200px;

	top: 60px;

	background: url('slogan.png') left top no-repeat;

	width: 344px;

	height: 95px;}

	

	.fbanner {

		width: 730px;

		margin: 10px auto 0px auto;

		height: 90px;

		}
		/* The hint to Hide and Show */
.hint {
    display: none;
    position: absolute;
    left: 400px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;