@charset "iso-8859-2";

/* CSS Document */

.emailvalid{
	font-family: inherit;
	font-size: inherit;
	color: #FF0000;
	text-align: center;
	margin-bottom: 15px;
}

#popupcentre{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height: 100%;
	z-index: 1;
}

body {
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana;
	font-size: 12px;
	color: #ffffff;
	background-color: #dddddd;	
}

h3{
	
	margin-bottom: 0px;
	font-weight: 600;
	font-size: 12px;
}

#content_text {
	width: 800px;
	margin: auto;
	color: #fff;
	text-align: left;
}

div.home_content {
	color: #fff;
	width: 800px;
	margin: 0 auto 0 auto;
	text-align: center;
}

#body_content {

	width: 884px;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}#footer {
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	height: 61px;
	width: 884px;
}
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}
.horz_line {
background-image:url(../images/horz_line.jpg); background-repeat:repeat-x; height:2px;

}
.oneColElsCtr #container {
	width: 800px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 100%;
	z-index: 2;


}



.oneColElsCtr #mainContent {
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position: relative;
	
}

#topPanel{
	position: relative;
	width: 900px;
	height: 92px;
	z-index: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 0px !important;
	margin-bottom: -3px;
	
}

.minheight
{
min-height:400px;
padding-top:50px;
height:100%;
}

#bottomPanel{
	position: relative;
	width: 900px;
	height: 82px;
	margin: 0;
	padding: 0;
	background: #dddddd;

}

input text{
	height: 11px;
	font-size: 10px;
}
	
#textinput{
	position: absolute;
	left: 370px;
	top: 19px;
	height: 11px;
	width: 117px;
	font-size: 10px;
}
#textfooter{
	position: absolute;
	left: 120px;
	top: 19px;
	height: 11px;
	width: 240px;
	font-size: 14px;
	font-weight:bold;
	color:#999999;
}

.popup{
	position: absolute;
	left: 50%;
	top: 153px;
	width: 430px;
	height: 321px;
	color: white;
	visibility: hidden;
	z-index: 60;
	margin-left: -215px;
	
}

#about{
	position: absolute;
	left: 50%;
	top: 153px;
	width: 430px;
	height: 321px;
	color: white;
	visibility: hidden;
	z-index: 60;
	margin-left: -215px;
	
}



#popupNav{
	position: absolute;
	right: 10px;
	top: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	
}

#popupNav a{
	color: #FFFFFF;
	text-decoration: none;}
	

#contact{
	position: absolute;
	left: 50%;
	top: 153px;
	width: 430px;
	height: 321px;
	color: white;
	visibility: hidden;
	z-index: 60;
	margin-left: -215px;
}



#popupBackground{
	z-index: 60;
}


.popupText{
	position: absolute;
	left: 34px;
	top: 81px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	width: 363px;
	height: 220px;
	text-align:justify;
	z-index: 61;
	overflow: hidden;
	}
	
#popupButton{
	position: absolute;
	left: 10px;
	top: 19px;
	z-index: 60;
	width: 23px;
	height: 23px;
}

#popupTitle{
	position: absolute;
	left: 10px;
	top: 42px;
	z-index: 60;
	width: 172px;
	height: 50px;
}

/* make sure that borders don't appear on linked images */
a img { border: none; }

#scrollup{
	position: absolute;
	left: 405px;
	top: 79px;
	z-index: 65;
	cursor: pointer;
	cursor: hand;
}


#scrolldown{
	position: absolute;
	left: 405px;
	top: 293px;
	z-index: 65;
	cursor: pointer;
	cursor: hand;
}


.horz_line {
background-image:url(../images/horz_line.jpg); background-repeat:repeat-x; height:2px;

}



#footer_padding{
padding-left:150px; padding-top:20px;
}

#padd_input{
float:left; padding-left:10px;

}

#padd_bt{
float:left; padding-left:5px; padding-top:4px; padding-right:5px;
}

.clr {
clear:both;
height:0;
overflow:hidden;
}

a:link, a:visited, a:active, a:visited  {
	color: #ffffff;
}

#portfolio_menu {
color: #fff;
width: 800px;
margin: 0 auto 0 auto;
text-align: right;
color: #ffffff;
}

#portfolio_menu a:link, #portfolio_menu a:hover, #portfolio_menu a:active, #portfolio_menu a:visited {
color: #ffffff  !important;
font-weight: bold;
}

.h_toggle {
	border: 1px solid #fff;
	width: 15px;
	display: block;
	text-align: center;
	float: left;
	margin: 5px 5px 0 0;
	color: #ffffff;
}