/* CSS Document */
/* ------------------------------------------ */
/* GENERAL STRUCTURE */
/* ------------------------------------------ */
* {
	list-style:none;
	border:none;
	margin:0;
	padding:0
}

#box1 {
	background: url(images/box1.jpg) no-repeat;
	width: 285px;
	height: 225px;
	clear: left;
	float: left;
	padding-right: 20px;
	display: block;
	overflow: hidden;
}

#box2 {
	background: url(images/box2.jpg) no-repeat;
	width: 285px;
	height: 225px;
	float: left;
	clear: right;
	display: block;
	overflow: hidden;
}

#box3 {
	background: url(images/box3.jpg) no-repeat;
	width: 285px;
	height: 140px;
	clear: left;
	float: left;
	padding-right: 20px;
	display: block;
	overflow: hidden;
	position: relative;
	top: 20px;
}
/*
#globe {
	z-index: 10;
	top: -102px;
	right: 0;
	bottom: 0;
	left: 245px;
	display: inline;
	visibility: visible;
	overflow: hidden;
	width: 98px;
	height: 98px;
	position: relative;
}
*/

#globe {
	position:absolute;
	left:242px;
	top:497px;
}

#box4 {
	background: url(images/box3.jpg) no-repeat;
	width: 285px;
	float: left;
	display: block;
	overflow: hidden;
	position: relative;
	top: 20px;
	height: 140px;
}

#box1 p, #box2 p{
	margin-top: 150px;
	margin-right: 12px;
	margin-left: 15px;
	font-size: .85em;
	line-height: 1.4em;
}


#box3 p  {
	margin-top: 15px;
	margin-right: 70px;
	margin-left: 15px;
	font-size: .85em;
	line-height: 1.4em;
}

#box4 p  {
	margin-top: 15px;
	margin-right: 20px;
	margin-left: 70px;
	font-size: .85em;
	line-height: 1.4em;
}


html {
	overflow-y: scroll;	
}
html, body {
	height: 100%;	
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
* html .clearfix {
	height:1%
}
a {
	color: #333
}
.clear {
	clear:both
}
body {
	text-align:center;
	color: black;
	/*font: 100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
	background:url(images/white-grey.gif) center top repeat-y;
	margin:0;
	padding:0;
}
#wrapper {
	width:960px;
	text-align:left;
	margin:0 auto;
	/*background:url(images/wrapper-bg.gif) repeat-y;	*/
	min-height: 100%;
}
* html #wrapper {
	height: 100%;	
}
/* ------------------------------------------ */
/* CONTAINER STRUCTURE */
/* ------------------------------------------ */

#container {
    margin-bottom:35px
}

#leftcontent {
	color: gray;
	width:660px;
	text-align: left;
	float:left;
	min-height:425px;
	height:auto !important;
}
#leftcontent .inside {
	padding:30px 50px 20px 0;
	font: .80em/1.45em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	position:relative;
}
#sidebar {
	width:300px;
	float:left;
	color:#4c4d4f;
	font: .70em/1.15em "Lucida Grande", Lucida, Verdana, sans-serif
}
#sidebar .inside {
	cursor:pointer;
	padding:0 20px 0 20px;
	padding-bottom:20px;
	padding-top:20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #c7c7c8;
}
#sidebar .inside:first-child{
	padding-top:20px;
}
.over{
	cursor:pointer;
    background-color: #cfcfcf;
	background-image: url(images/over.jpg);
}
/*This is a test bit here*/
#sidebar .inside2 {
	padding:0 20px 0 20px;
	padding-bottom:20px;
	padding-top:20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #c7c7c8;
}

#sidebar .selected{
	/*cursor:default;*/
	cursor:pointer;
	padding:0 20px 0 20px;
	padding-bottom:20px;
	padding-top:20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #c7c7c8;
	background-image: url(images/sidebar_selected.jpg);
}

#sidebar .spacer{
	/*cursor:default;*/
	cursor:pointer;
	padding: 3px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #c7c7c8;
	background-color: #f1f1f1;
}

/*#sidebar .inside:hover {
    background-color:#cfcfcf
}
#sidebar .inside:first-child:hover {
    background-color:#cfcfcf;*/
}
/* ------------------------------------------ */
/* MENU STRUCTURE */
/* ------------------------------------------ */

#menu {
	margin:0;
	padding:0;
	margin-left:-10px;
}

#leftcontent #menu .inside {
		padding:30px 50px 20px 0;
	font: .80em/1.45em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
	position:relative;
	padding: 16px 0 0;
	width: 600px;
}

/* ------------------------------------------ */
/* FOOTER STRUCTURE */
/* ------------------------------------------ */
#footer {
	color:#4c4d4f;
	font-family:Helvetica, sans-serif, Tahoma;
	font-size:11px;
	border-bottom:#c7c7c8 1px solid;
	clear: both;
}

#bottomFooter {
	color:#4c4d4f;
	font-family:Helvetica, sans-serif, Tahoma;
	font-size:11px;
	padding-top: 10px;
}

#hidden {
	display: none;
}