@charset "utf-8";
/* 					MAIN.CSS				 	*/
/* 			(C) 2010 Nicholas Creative 			*/

* {
	padding: 0; 
	margin: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	color: #333;
	background: #09c url(../images/bg.jpg) repeat-x; 
}

/* Tags */

a			{ color: #09c; text-decoration: none; border-bottom: none; }
a:visited 	{ color: #09a1d3; text-decoration: none; border-bottom: none; }
a:active,	
a:hover		{ color: #10aadd; text-decoration: none; border-bottom: #10aadd; }

img { border-width: 0px; }

p { padding-bottom: 15px; }

li { padding-bottom: 10px; }

ul { margin-left: 40px; }

h1 {
	font-size: 2em;
	color: #09c;
	font-weight: normal;
	padding-bottom: 10px;
}

h2 {
	font-size: 1.3em;
	color: #333;
	font-weight: normal;
	padding-bottom: 15px;
}

h3 {
	font-size: 1.1em;
	color: #333;
	font-weight: bold;
	padding-bottom: 15px;
}

/* Common Styles */

.container { 
  width: 980px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  clear: both;
  overflow: hidden;
}

ul.clean  {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.clean li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.block li { display: block; float: left; }

.noul a, .noul a:visited { text-decoration: none; border-bottom: none; }
.noul a:active, .noul a:hover { text-decoration: none; border-bottom: 1px dotted #4e9adb; }

.clear { clear: both; }

.right { float: right; }

.left { float: left; }

.hidden { display: none; }

.center { text-align:center; }

.bold { font-weight:bold; text-align:left; }

.fauxlink { cursor: pointer; }

.inp {
	border-top: 1px solid #666;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #666;
	padding: 2px;
	margin-bottom: 6px;
	margin-right: 4px;
	float: left;
}

/* Header */

#header {
	width: 980px;
	height: 100px;
	float: left;
}

#header ul { float: right; width: 340px; margin-left: 0px; }

/* Nav */

#nav {
	width: 980px;
	height: 41px;
	padding-bottom: 13px;
	float: left;
}

#nav ul {

	float: left;
	border-left: 1px solid #fff;
	border-right:1px solid #ddd;
	font-size: 1.2em;
	text-transform: uppercase;
	margin-left: 0px;
}

#nav li { 
	height: 28px;
	padding-top: 14px;
	padding-left: 13px;
	padding-right: 13px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #fff;
}

#nav a,			
#nav a:visited 	{ color: #000; text-decoration: none; border-bottom: none; }
#nav a:active,	
#nav a:hover	{ color: #000; text-decoration: none; border-bottom: 1px dotted #10aadd; }

/* Subnav */

#subnav {
	width: 203px;
	display: inline;
	float: left;
	margin-top: -10px;
	margin-left: -10px;
	padding-right: 7px;
	background: #fff url(../images/subnav-tp.gif) no-repeat 0 0; 
	clear: both;
}

#subnav h2 {
	width: 185px;
	height: 20px;
	text-transform: uppercase;
	color: #b4ecff;
	font-size: 1.4em;
	display: block;
	padding-left: 7px;
	padding-top: 6px;
	background: url(../images/subnav-hd-bg.gif) no-repeat 0 0; 
}

#subnav .links {
	width: 200px;
	margin-top: 3px;
	margin-right: 3px;
	color: #fff;
	background-color: #09c;
}

#subnav .bt {
	width: 203px;
	height: 13px;
	background: #fff url(../images/subnav-bt.gif) no-repeat 0 0; 
}

#subnav ul {
	width: 180px;
	margin-left: 0px;
}

#subnav ul ul {
	margin-top: 7px;
	border-top: 1px dotted #0e7091;
}

#subnav li	{
	background: url(../images/subnav-arrow.gif) no-repeat 0 4px; 
	border-bottom: none;
	padding-left: 7px;
	font-size: 1.2em;
}

#subnav li li {
	background: url(../images/subnav-square.gif) no-repeat 0 12px; 
	border-bottom: 1px dotted #0e7091;
	margin-left: 5px;
	padding-left: 8px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: .9em;
}

#subnav a,			
#subnav a:visited 	{ color: #fff; text-decoration: none; border-bottom: none; }
#subnav a:active,	
#subnav a:hover	{ color: #fff; text-decoration: none; border-bottom: 1px dotted #10aadd; }

/* Content */

#content {
	width: 960px;
	float: left;
	padding: 10px;
	background: #fff url(../images/tp.gif) no-repeat top; 

}

#copy-hm {
	width: 610px;
	font-size: 1.2em;
	padding-top: 30px;
	padding-bottom: 20px;
	float: left;
}

#copy-nav {
	width: 440px;
	font-size: 1.2em;
	float: left;
}

#copy-nav-nort {
	width: 750px;
	font-size: 1.2em;
	float: left;
}
#copy {
	width: 650px;
	font-size: 1.2em;
	float: left;
}

#moved-top {
	width: 530px;
	height: 171px;
	padding-top: 60px;
	padding-left: 430px;
	float: left;
	background: #fff url(../images/moved-bg.jpg) no-repeat; 
}

#moved-top span { 
	display: block; 
	font-size: 1.4em; 
	padding-left: 40px; 
	line-height: 18px;
}

#moved-top h2 { 
	font-size: 6em; 
	color: #09c; 
}

#moved-right {
	width: 320px;
	height: 250px;
	margin-top: -100px;
	/*margin-top: -40px;*/
	font-size: 1.4em;
	float: right;
}

#hm-teasers {
	width: 960px;
	float: left;
}

#sub-teasers {
	width: 310px;
	float: right;
}

#sub-teasers .teaser { padding-bottom: 20px; }

.teaser {
	width: 290px;
	height: 130px;
	padding: 10px;
	padding-left: 20px;
	float: left;
	background: url(../images/teaser-bg.png) 10px 0 no-repeat; 
}

.teaser img { float: left; }

.teaser .info {
	width: 168px;
	height: 120px;
	margin-left: 10px;
	float: left;
	font-size: 1.1em;
	background: url(../images/shim.gif) repeat-x 0 28px; 
}

.teaser .more {
	float: left;
	margin-top: 5px;
	padding-left: 225px;
	padding-bottom: 5px;
	text-transform: uppercase;
	background: url(../images/more.gif) 208px 0 no-repeat; 
}

.teaser h2 {
	color: #4ea401;
	font-size: 2em;
}

/* Footer */

#footer {
	width: 980px;
	padding-top: 18px;
	float: left;
	background: url(../images/bt.gif) no-repeat 0 0; 
	color: #fff;
}

#footer a,			
#footer a:visited 	{ color: #fff; text-decoration: none; border-bottom: none; }
#footer a:active,	
#footer a:hover	{ color: #fff; text-decoration: none; border-bottom: 1px dotted #10aadd; }

/* Tooltips	*/

a.tooltip {
    position: relative; /*this is the key*/
    z-index: 24; 
    text-decoration: none;
}

a.tooltip:hover {
	z-index: 25;
}

a.tooltip span { display: none; }

a.tooltip:hover span { /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    top: 17px;
	left: -104px;
	width: 88px;
	height: 70px;
	padding: 10px 32px 0px 5px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background: url(../images/privacy-hover.gif) bottom no-repeat;
}

/* Button Classes	*/

a.btn {
    background: url(../images/btn-rt.gif) no-repeat scroll top right; 
	display: block;
	float: left;
	height: 26px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-top: 0px;
	padding-right: 15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border: none;
}

a.btn span {
	/* Background left image */ 
	background: url(../images/btn-blank.gif) no-repeat; 
	display: block;
	text-decoration: none;
	line-height: 13px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
	padding: 6px 0 7px 13px;
	color: #09f;
	border: none;
} 

a.btn:hover span { text-decoration: underline; }

a.btn span.accept {
	background: url(../images/btn-accept.gif) no-repeat; 
	padding: 6px 0 7px 32px;
	color: green;
}

a.btn span.delete {
	background: url(../images/btn-delete.gif) no-repeat; 
	padding: 6px 0 7px 32px;
	color: red;
}

a.btn span.search {
	background: url(../images/btn-search.gif) no-repeat; 
	padding: 6px 0 7px 33px;
}

a.btn span.login {
	background: url(../images/btn-login.gif) no-repeat; 
	padding: 6px 0 7px 33px;
}
.mobile-trigger{
    display: none;
}