/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

.h1 {font-family:Verdana, Geneva, sans-serif; font-size:30px; color:#999;}

html, input, textarea
	{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:0.8125em;
		line-height:1.5384em;
		color:#a7a7a7;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#868686; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:20px;}

.reference {border:#09C; border-style:solid; border-width:thin; border-bottom:none;
padding:10px;
}


.bottom-social-media {
	padding:10px;
}



/* ============================= main layout ====================== */

li { /*background:url(images/marker.gif) no-repeat 0 8px; padding-left:24px; line-height:2.1538em;*/}
li a {color:#878787;}

.imgindent {margin:0 10px 0 0; float:left;}
.imgindent2 {margin:0 20px 0 0; float:left;}
.imgindent1 {margin:0 0 0 10px; float:right;}

h2 {font-size:2em; line-height:1.243em; color:#1c1c1c; padding:16px 0 26px 0; letter-spacing:-1px;}
h2 strong {color:#0790ff;}
h5 {font-size:2em; line-height:1.243em; color:#959595; padding:16px 0 12px 0; letter-spacing:-1px;}
h4 {font-size:2.46em; line-height:1.243em; color:#959595; padding:16px 0 32px 0; letter-spacing:-1px; text-transform:uppercase; background:url(images/h4-bg.gif) left bottom repeat-x;}
h3 { line-height:1.243em; color:#6a6a6a; padding:16px 0 26px 0; letter-spacing:-1px; font-size:2em;}
#page1 h3 {padding-bottom:17px;}
h3 strong {font-size:1.076em; display:block; padding:20px 0 0 0;}
/* ============================= header ====================== */
.extra {background:url(images/header-bg.gif) left top repeat-x;}
#header {background:url(images/header-bottom-bg.gif) left bottom repeat-x;}

.date {
	text-align:right;
	color:#7a7777;
	font-size:0.92em;
	line-height:1.243em;
	height:60px;
	padding-top:10px;
}
.date a {display:inline-block; margin-left:4px;}

.logo {float:left; padding:12px 0 21px 24px;}

.menu {float:right; padding-top:38px}
.menu li {float:left; font-size:1.23em; line-height:1.243em; background:url(images/menu-li-bg.gif) right 4px no-repeat; padding:0 19px 0 20px;}
.menu li a {text-decoration:none; color:#808181; display:inline-block;}
.menu li a:hover, .menu .active a {border-bottom:1px solid #808181;}

.menu .last {background:none; padding-right:0px;}

.header-img {float:left; width:502px;}
.slogan {
	float:right;
	width:380px;
	font-size:16px;
	line-height:17px;
	color:#6a6a6a;
	letter-spacing:-1px;
}
.slogan .indent {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.sub-menu {float:left; width:32px; background:url(images/sub-menu-bg.gif) left top no-repeat;}
.sub-menu ul {padding:12px 0 5px 5px;}
.sub-menu li {background:none; padding:0; font-size:1.15em; line-height:1.243em;}
.sub-menu li a {text-decoration:none; display:block; width:21px; height:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#434754; text-align:center; padding:1px 0 5px 0;}
.sub-menu li a:hover, .sub-menu .active a {background:url(images/sub-menu-a-bg.gif) left top no-repeat; color:#fff;}

#page7 #header {height:112px;}
/* ============================= content ====================== */
.col-pad {padding-right:83px;}
.col-pad1 {padding-right:63px;}

.indent {padding:0 0 37px 0;}
.padding {padding-bottom:47px}
.border {background:url(images/h4-bg.gif) left bottom repeat-x; padding-bottom:33px; margin-bottom:9px;}

.link {color:#1d1d1d; font-style:italic; display:inline-block; margin-top:20px;}
.link-margin {margin-top:10px;}

strong.title {color:#4f4f4f;}
strong.title1 {color:#4f4f4f;display:inline-block; padding-bottom:3px;}
a.title {color:#4f4f4f; font-weight:bold; display:inline-block; padding-bottom:3px;}
.num {font-size:0.92em; display:inline-block;}

.pad {padding-top:31px;}
.pad1 {padding-top:15px;}
.pad2 {padding-top:25px;}

.h-pad {padding-top:40px;}
.h-pad1 {padding-bottom:18px;}

.ul-pad {padding-bottom:5px;}
.img-pad {padding-bottom:32px;}

.ul-border {border-bottom:1px solid #e6e6e4; padding-bottom:18px; margin-bottom:15px;}

.list li {width: 100%; overflow: hidden; vertical-align: top; line-height:2.153em; color: #868686; background:none; padding:0;}
.list li strong {background: url(images/line-hor.gif) repeat-x 0% 17px; display: block; overflow: hidden;}
.list li span {float: right; font-weight: bold; color: #4f4f4f;}
.list li a {float: left; text-decoration: none; color: #868686;}
.list li a:hover {text-decoration:underline;}

.spacing {letter-spacing:-2px;}

.contacts {width:100%; padding-top:15px;}
.contacts span {float:right;}
/* ============================= footer ====================== */
#footer {border-top:3px solid #f6f6f4; color:#9c9c9c;}
#footer a {color:#9c9c9c;}
.policy {padding-top:16px;}
.policy span {color:#00abab;}

.footer-menu {width:100%; padding-top:6px;}
.footer-menu li {background:url(images/footer-menu-bg.gif) left 4px no-repeat; padding:0 23px 0 23px; float:left; line-height:1.243em;}
.footer-menu li a {text-decoration:none;}
.footer-menu li a:hover {text-decoration:underline;}
.footer-menu .first {background:none; padding-left:0px;}
/* ============================= forms ============================= */


#ContactForm label {height:32px; display:block;}
#ContactForm .link {margin:25px 0 0 20px;}
.alignright {text-align:right;}
.input {width:238px; height:18px; background:none; padding:0 0 0 5px; font-size:1em; color:#a7a7a7;}
textarea {width:238px; height:182px; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em; color:#a7a7a7;}



/* ============================= footer menu ============================= */


#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 94%;
	
	margin: 0 3%;
}


*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{
	background-color: #9B9B9B;
}
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}


#footpanel a.home{
	background: url(home.png) no-repeat 15px center;
	width: 180px;
	padding-left: 20px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
a.profile{ background: url(images/delicious.png) no-repeat center center;  }
a.editprofile{ background: url(images/facebook.png) no-repeat center center; }
a.contacts{ background: url(images/twitter.png) no-repeat center center; }
a.messages{ background: url(images/youtube.png) no-repeat center center; }
a.playlist{ background: url(images/friendfeed.png) no-repeat center center; }
a.videos{ background: url(images/google.png) no-repeat center center; }
a.linkedin{ background: url(images/linkedin.png) no-repeat center center; }
a.myspace{ background: url(images/myspace.png) no-repeat center center; }

a.web1{ background: url(images/web-1.png) no-repeat center center; }
a.web2{ background: url(images/web-2.png) no-repeat center center; }
a.web3{ background: url(images/web-3.png) no-repeat center center; }
a.web4{ background: url(images/web-4.png) no-repeat center center; }
a.web5{ background: url(images/web-5.png) no-repeat center center; }
a.web6{ background: url(images/web-6.png) no-repeat center center; }
a.web7{ background: url(images/web-7.png) no-repeat center center; }
a.web8{ background: url(images/web-8.png) no-repeat center center; }

a.web9{ background: url(images/web-9.png) no-repeat center center; }
a.web10{ background: url(images/web-10.png) no-repeat center center; }
a.web11{ background: url(images/web-11.png) no-repeat center center; }
a.web12{ background: url(images/web-12.png) no-repeat center center; }
a.web13{ background: url(images/web-13.png) no-repeat center center; }
a.web14{ background: url(images/web-14.png) no-repeat center center; }
a.web15{ background: url(images/web-15.png) no-repeat center center; }
a.web16{ background: url(images/web-16.png) no-repeat center center; }

#footpanel a.chat{
	background: url(balloon.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/



#footpanel a small {
	text-align: center;
	width: 70px;
	background: url(pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #666;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}