@charset "utf-8";
/* CSS Document for Genpharm - English */

/* Website Colours */
/* ----------------------------------------- */




/* RESET */
/* ----------------------------------------- */

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
html, body { height: 100%;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none; border-bottom:0px; } /* Gets rid of IE's blue borders */

/* Extra layout stuff */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* br class that clears floated columns */
div { position:relative }
div.floatLeft {float:left;}
div.floatRight {float:right;}



/* TAGS */
/* ----------------------------------------- */

* {margin:0;padding:0;}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

html {}

html>body {
	font-size: 12px;
}

body { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 75%;
	color: #555;
	background:#F6F9E0;
}

h1 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:2em; 
	line-height:2.25em; 
	color:#00A0AF;
}

h2 { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.5em;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 0.5em; 
	font-weight:bold; 
	color:#C0D731; 
}

h3 { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.35em;
	line-height: 0.5em;
	margin-top: 1em;
	margin-bottom: 0.5em; 
	font-weight:bold;
	color:#757575; 
}

h4 { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.35em;
	line-height: 1.5em;
	margin-top: 0em;
	margin-bottom: 0em; 
	font-weight:bold;
	color:#00A0AF; 
}
h4 a, h4 a:link, h4 a:visited {color:#00A0AF; text-decoration:none;}
h4 a:active, h4 a:hover {color:#C0D731; text-decoration:none;}

h5 { 
	font-family:Arial, Helvetica, sans-serif; 
	line-height:1.5em;
	font-size:1em;
	margin-top: 1.75em;
	margin-bottom: .5em;
	font-weight:bold;
	color:#555;
}

li, dt, dd, p { 
	line-height:1.5em;
	font-size:1em; 
}
ul, ol, dl {
	margin-top: 1.5em;
	margin-bottom: 1.8em;
}
p { margin-bottom: 1.5em; }
li { 
	list-style-type:disc;
	padding:2px 0 2px 5px;
	margin:0;
}

hr { 
	border:0px; 
	height:1px; 
	background:#ccc;
	padding:0;
	margin:15px 0 10px 0;
}

a, a:link, a:visited { 
	font-family:Arial, Helvetica, sans-serif; 
	color:#00A0AF;  
	font-weight:bold;
	text-decoration:underline;
}

a:hover, a:active { color:#C0D731; }

::selection       { background:#e6e6e6; /* Safari and Opera */ }
::-moz-selection  { background:#e6e6e6; /* Firefox */ }


/* LAYOUT */
/* ----------------------------------------- */

#header { 
	width:924px;
	height:136px;
	margin:0px auto; 
	padding:0 18px 0 18px; 
	background:url(../images/top-banner-bg.jpg) left top no-repeat; 
}

#wrap {
	width:980px;
	margin:0px auto;
	padding:0 10px;
	background:url(../images/wrap-bg.gif) repeat-y center top;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#main { 
	margin:0; 
	padding:0px 26px 34px 26px;
} /* bottom padding is the same height as the footer + padding */

#col-a {
	width:700px;
	float:left;
	position:relative;
	margin-right:25px;
}

#col-b {
	width:190px;
	float:left;
	position:relative;
	padding-top:26px;
}
#intro {
	background:url(../images/sample-customized-handout-102909.jpg) right bottom no-repeat;
	padding:30px 270px 10px 0;
	height:230px;
}
#dynamic-content {
	border-top:solid 1px #ccc;
	padding:15px 5px 0 5px;
	background:url(../images/dynamic-content-bg.jpg) top left repeat-x;
}
#language { color:#ccc; width:150px; height: 30px; float:right; text-align:center; padding-top:7px; margin-top:40px; background:url(../images/language-bg.jpg) top center no-repeat;}
#sponsors-content {
	background:url(../images/sponsors-top-bg.gif) top left no-repeat;
	padding:13px;
}
#sponsors-bottom {
	background:url(../images/sponsors-bottom-bg.gif) bottom left no-repeat;
}
#feature-box-content {
	margin-top:15px;
	background:url(../images/feature-box-top-bg.gif) top left no-repeat;
	padding:13px;
}
#feature-box-bottom {
	background:url(../images/feature-box-bg.gif) bottom left no-repeat;
}
#feature-box-content p, #sponsors-content p {margin:0; padding:0;}
#footer {
	border-top:solid 1px #A6DEE3;
	background: #CCECEF;
	margin: -34px auto 0px;
	padding: 8px 26px 8px 26px;
	clear: both;
	height: 15px;
	width: 908px;
	position: relative;
}

/* STYLES */
/* ----------------------------------------- */

#header h1 { color:#fff; margin:0; padding:0; }
#header h2 { color:#fff; font-size:25px; line-height:30px; font-weight:bold; margin:0; padding:0; width:500px; position:absolute; top:40px; left:175px; }
#header .logo { width:133px; height:136px; margin-right:25px; text-indent: -9999px; background: url(../images/your-quick-health-guide-logo.jpg) no-repeat; cursor:pointer; position:absolute; top:0; }
.current-language { color:#66C6CF; font-weight:bold;}
#footer p { margin:0; padding:0;}