/* -------------------------------- */
/* Screen styles for Hegi website */
/* -------------------------------- */

/* Define Tag Selectors */

body {
	background: #e0e0e0;
	font-family: Arial, sans-serif;
	font-size: 70%;
}

a {
	text-decoration: none;
	color: #003d7d;
}

a:hover {
	color: #83cfca;
}

/* Define Header Section */

div#wrapper {
	height: 500px;
	width: 790px;
	top: 45%;
	left: 50%;
	margin-top: -250px;
	margin-left: -395px;
	position: absolute;
}

div#mainContainer { 
	float: left;
	width: 790px;
	background-color: #fff;
}

div#header {
	float: left;
	width: 770px;
	height: 150px;
	margin: 25px 10px 0px 10px;
	background-color: #fff;
}

div#header h1 a {
	float: left;
	width: 120px;
	height: 116px;
	background: #fff url("../images/logo_hegi.gif") no-repeat;
	text-indent: -9999px;
	display: block;
}

div#header h1 a:hover {
	background-position: 0px -116px;
}

div#header ul {
	float: right;
	margin: 89px 9px 0px 0px;
	padding: 0px 0px 10px 0px;
}

div#header ul li {
	display: inline;
	padding: 4px 12px 4px 12px;
	border-right: 1px solid #003d7d;
}

div#header ul li.last {
	border-right: 0px;
}

div#header ul li a {
	color: #003d7d;
}

div#header ul li a.selected {
	color: #83cfca;
}

div#header ul li a:hover {
	color: #83cfca;
}


/* Define Body Section */

div#bodyContainer {
	margin: 10px 30px 30px 30px;
}

div#leftcolumn {
	float: left;
	margin: 0px 20px 0px 0px;
	width: 360px;
}

#ourwork div#leftcolumn {
	float: left;
	margin: 0px 55px 0px 0px;
	width: 275px;
}

div#textbox {
	margin: 0px 0px 0px 0px;
}

div#textbox h2 {
	color: #83cfca;
	font-size: 100%;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
}

div#textbox h3 {
	color: #666;
	font-size: 100%;
	line-height: 1.5em;
	margin: 0px 0px 1em 0px;
}

div#textbox p {
	color: #666;
	font-size: 100%;
	line-height: 1.5em;
	margin: 0px 0px 0.5em 0px;
}

div#textbox p a {
	color: #003d7d;
}

div#textbox p a:hover {
	text-decoration: underline;
	color: #83cfca;
}

a.selected {
	color: #83cfca;
}

/* Page pictures */

div#pagepic {
	width: 400px;
	float: left;
	margin: 1em 0px 0px 0px;
}

#home div#pagepic {
	width: 300px;
	float: left;
	margin: 1em 0px 0px 50px;
}

.clearup {
	clear: both;
}


/* Folio number navigation (01-10) */

div#leftcolumn ul.number_nav {
	margin: 0;
	position: absolute;
	top: 38em;
}

#home div#leftcolumn ul.number_nav {
	margin: 0;
}

div#leftcolumn ul.number_nav li {
	float: left;
	font-size: 75%;
	margin: 16px 10px 0px 0px;
	display: inline;
}


/* Folio grid navigation */

div#bodyContainer ul.folio {
	float: left;
	width: 731px;
	margin-bottom: 10px;
}

div#bodyContainer ul.folio li {
	float: left;
	display: inline;
}

div#bodyContainer ul.folio li.folio_home a {
	display: block;
	width: 106px;
	height: 130px;
	background: #fff url("../images/grid_home.gif") no-repeat;
	text-indent: -9999px;
	margin: 0px 19px 19px 0px;
}

div#bodyContainer ul.folio li.folio_ramsey a {
	display: block;
	width: 106px;
	height: 130px;
	background: #fff url("../images/grid_cup.gif") no-repeat;
	text-indent: -9999px;
	margin: 0px 19px 19px 0px;
}

div#bodyContainer ul.folio li.folio_cup a {
	display: block;
	width: 106px;
	height: 130px;
	background: #fff url("../images/grid_cup.gif") no-repeat;
	text-indent: -9999px;
	margin: 0px 19px 19px 0px;
}

div#bodyContainer ul.folio li.folio_five a {
	display: block;
	width: 106px;
	height: 130px;
	background: #fff url("../images/grid_five.gif") no-repeat;
	text-indent: -9999px;
	margin: 0px 19px 19px 0px;
}

div#bodyContainer ul.folio li.folio_consular a {
	display: block;
	width: 106px;
	height: 130px;
	background: #fff url("../images/grid_consular.gif") no-repeat;
	text-indent: -9999px;
	margin: 0px 19px 19px 0px;
}

div#bodyContainer ul.folio li.folio_evolution a {
	display: block;
	width: 106px;
	height: 130px;
	background: #fff url("../images/grid_evolution.gif") no-repeat;
	text-indent: -9999px;
	margin: 0px 19px 19px 0px;
}

div#bodyContainer ul.folio li.folio_amigo a {
	display: block;
	width: 106px;
	height: 130px;
	background: #fff url("../images/grid_amigo.gif") no-repeat;
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
}



div#bodyContainer ul.folio li.folio_cdn a {
	display: block;
	width: 106px;
	height: 130px;
	background: #fff url("../images/grid_cdn.gif") no-repeat;
	text-indent: -9999px;
	margin: 0px 19px 19px 0px;
}

div#bodyContainer ul.folio li.folio_lime a {
	display: block;
	width: 106px;
	height: 130px;
	background: #fff url("../images/grid_lime.gif") no-repeat;
	text-indent: -9999px;
	margin: 0px 19px 19px 0px;
}

div#bodyContainer ul.folio li.folio_pure a {
	display: block;
	width: 106px;
	height: 130px;
	background: #fff url("../images/grid_pure.gif") no-repeat;
	text-indent: -9999px;
	margin: 0px 19px 19px 0px;
}

div#bodyContainer ul.folio li.folio_exedo a {
	display: block;
	width: 106px;
	height: 130px;
	background: #fff url("../images/grid_exedo.gif") no-repeat;
	text-indent: -9999px;
	margin: 0px 19px 19px 0px;
}

div#bodyContainer ul.folio li.folio_pellegrino a {
	display: block;
	width: 106px;
	height: 130px;
	background: #fff url("../images/grid_pellegrino.gif") no-repeat;
	text-indent: -9999px;
	margin: 0px 19px 19px 0px;
}

div#bodyContainer ul.folio li.folio_misc a {
	display: block;
	width: 106px;
	height: 130px;
	background: #fff url("../images/grid_misc.gif") no-repeat;
	text-indent: -9999px;
	margin: 0px 0px 0px 0px;
}



div#bodyContainer ul.folio li a:hover {
	background-position: 0px -130px;
}

div#bodyContainer ul.folio li.lastcol a:hover {
	background-position: 0px -130px;
}