/*
** layout.css 
** CSS - handles the layout 
** Author: Steve TANGUE
** Date: 12.01.09
** Last edited: 26.03.09 by Steve TANGUE
*/
html {
margin:0;
padding:0;
height:100%;
}
body {
width: 100%; min-width: 772px; 	height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;	
font-size:1em;
background-color:#fff;
background-image: url(../img/header_bg.jpg);
background-position:top;
background-repeat:repeat-x;
padding: 0; margin: 0;
}
#container {
min-height:100%; 
position:relative;
}
h1 {
width: 100%;
clear: both;
font-size:1.1em;
color:#006699;
border-bottom: 1px solid #006699;
padding-bottom: 5px; margin-bottom: 10px;

}
h2 {
color:#006699;
font-size:1em;
font-weight: bold;
margin-bottom: 5px;
}
h3 {
color:#006699;
font-size:0.95em;
font-weight: bold;
border-bottom: 1px solid #006699;
padding-bottom: 5px; margin: 10px
}
p {
font-size:12px;
line-height: 1.3em;
}
a {
color:#5A8ACC;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a img {
border:none !important;
}
strong {
font-weight: bold;
}
.left {
float:left;
}
.right {
float:right;
}
/* end general */

#homepage_cc_by {
	width: 480px; height:70px;
	margin: 20px 0 0 10px; 
	position: absolute;
	right: 2%;
	bottom: 60px;
	text-align:right;
}
#homepage_cc_by p {
	font-size: 10px;
}
* html #homepage_cc_by {
	margin: 0% 4.1% 0% 3%; 
	right: -2px;
}

/* header */
#header {
height:104px;
background-image:url(../img/header_banner_bg.jpg);
background-repeat:no-repeat;
background-position: top left;
}
#header #logo {
width:150px; height:45px;
float:left;
margin-left:10px;
}
#header #logo_print {
display:none;
}
#header span{
color:#fff;
float:left;
font-size: 1.4em;
padding-bottom: 4px; 
margin: 20px 0 0 55px;
}
#header #search_container {
width:412px; height:34px;
float:right;
background: url(../img/search_bg.png) top right no-repeat;
text-align:right;
padding: 0 15px;
}
#header #search_container select {
font-size:70%;
width:150px;
margin-top:20px;
}
#header #search_container #search_text {
width:114px;
float:left;
font-size:70%;
margin-top:6px;
}
#header #search_container #Search {
width:auto;
float:left;
font-size:70%;
margin-top:6px;
margin-left: 12px;
}
#header #search_container #form1 {
width:188px;
float:right;
}
#header #search_container a {
float:left;
font-size: 0.70em;
color: #fff;
padding-bottom: 4px;
margin-top: 9px;
margin-right: 14px;
margin-left: 2px;
position:relative;
}
#header #search_container a.selected {
font-weight: normal;
color:#8AC5FF;
/*color:#5A8ACC;*/
}
#header #search_container input{
position:relative;
margin-top: 4px;
}

#header #search_container a:hover {
text-decoration:underline;
}



/* homepage content */
div#page_content {
width: 100%; height: 100%;
/*background-image:url(../img/page_content_bg.jpg);
background-position:top right;
background-repeat:no-repeat;*/
/*padding-bottom:55px;*/
padding-bottom:140px;
}
/* homepage image content */
div#homepage_img {
/*width:362px; height:227px;*/
width:374px; height: 254px;
background-image:url(../img/video_bg.png);
background-repeat:no-repeat;
color:#fff;
padding: 5px;
margin: 0 auto;
}
div#homepage_img span{
float:left;
color:#fff;
font-size: 1.2em;
margin: 10px 25px;
}



#left {
width: 47%; 
float: left; 
margin-top: 20px;
margin-left: 2%;
border:0px solid red;
}

#center {
width: 47%; 
float: left; 
margin-top: 20px;
margin-left: 1.5%; border:0px solid blue;
}

div.homepage_bottom_box_center {
width: 46%; height: 170px;
background-image:url(../img/bottom_box_right_bg.png);
background-repeat:repeat-x;
background-position:top right;
color:#006699;
float:left;
margin-left: 2%;
margin-top: 35px;
margin-bottom: 30px;
padding-right: 0.5%
}
.box_content_img{
width:auto;
}

div.homepage_bottom_content_box {
width: 40%; 
min-width:710px
}

div.homepage_bottom_box_left {
width: 5%; height: 170px;
background-image:url(../img/left.png);
background-repeat:no-repeat;
float:left;
position: relative;
}

span.homepage_bottom_box_center_title {
width: 80%;
height: 26px;
float:left;
color:#fff;
font-size: 0.7em;
font-weight: bold;
margin-top: 14px;
margin-bottom: 20px;
position: relative;
padding-left: 20px;
}
div.homepage_bottom_box_right {
background-image:url(../img/right.png);
width:30px;height: 170px;
background-repeat:no-repeat;
float:left;
margin-right: 1%;
position: relative;
}

div#homepage_bottom_box_center_button_wrapper {
width: 80%; height: 26px;
margin: 0 auto;
}

span.homepage_bottom_box_center_text {
font-size: 12px;
margin: 10px;
}
div#homepage_bottom_box_center_button_wrapper a {
width: 92%; height: 16px;
background-image:url(../img/about_gilf_button_bg.jpg);
background-color: #fff;
background-position:center top;
background-repeat:repeat-x;
border: 1px solid #8690A3;
font-weight:bold;
font-size: 0.75em;
text-align:center;
color: #006699;
padding: 3% 4% 3% 4%;
margin:0 auto;
position:relative;
float:left;
}





/* footer */
#footer {
width:100%;height:70px;
background:url(../img/footer_bg.jpg) repeat-x;
background-position: top;
color:#fff;
font-size:75%;
position:relative;
text-align:right;
position:absolute;	
bottom:0;

}
#footer ul {
height: 15px;
float:right;
margin: 14px 2% 2px 0;
position:relative;
}
#footer ul li {
display:inline;
padding-left:15px;
line-height:0; 
}
#footer ul li a {
color:#fff;
text-decoration:none;
position:relative;
}
#footer ul li a.selected {
color:#8AC5FF;
}
#footer ul li a:hover {
text-decoration:underline;
}
#copyright {
font-size: 10px;
line-height:1.2em;
float:right;
margin-right:2%;
margin-top: -4px;
}
#copyright a {
color:#fff;
text-decoration:underline;
}
/* end footer */


/* reset div */
div.reset {						/* clear floats of the div */
border:medium none;
clear:both;
display:block;
font-size:1px;
height:0px;
line-height:0px;
margin:0;
padding:0;
}/* end reset div */

/* end of file */