@charset "utf-8";

body { padding-top: 0; }

/* Zentific's CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: Arial, Helvetica, sans-serif;
	}
	
body {
	/*background: url(../images/bgcolor.jpg);*/
	background-color: #49b6ef;
	margin: 0 auto;
	}

h1 { color: #FF9900; font-size: 1.7em; margin: .5em 0; }
h2 { margin: .75em 0 0 0; font-style: italic; color: #0066ff; font-size: 1.3em; }
h3 { margin: .1em; color: #FF9900; font-size: 1.2em; }


.home h1 { margin: 0; color: #333333; font-size: 16px; margin-bottom: 20px;}
.home h2 { margin: 0; color: #66CCFF; font-size: 14px; }
.home h3 { margin: .1em; color: #000; font-size: 20px; }
.home h4 { color: #000; font-size: 18px; }


a img { border: 0; }

#header {
	position: absolute;
	background-image: url(../images/header_bg_new.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 207px;
	text-align: center;
	}

#header img {
	margin-top: 10px;
	padding-right: 14em;
	left: 0px;
	}

.home #header img {
	margin-top: 11px;p
}
/* IE6 Hack */
* html #header img { margin-top: 12px; }
/* IE7 Hack */
*+html #header img { margin-top: 12px; }

/* Special for forum.zentific.com */
#header.forum img { margin-top: 14px; padding-right: 21.5em; }

#nav ul {
	margin-top: 9px;
	}

#nav ul a {
	color: #66CCFF; font-size: 14px; font-weight: bold; text-decoration: none;
	margin: 0;
}

#nav ul a:hover { color: #FF9900; text-decoration: none; }
	
#nav li {
	display: inline;
	margin-right: 55px;
	}
	
.plink {
	position: absolute;
	top: 223px;
	text-decoration: none;
	width: 100px;
	}

.panel .plink a {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	margin-top: .4em;
}
	
#plink1 {
	margin-left: 180px;
	}
	
#plink2 {
	margin-left: 215px;
	}
	
#plink3 {
	margin-left: 205px;
	}

#content {
	padding-top: 207px;
	padding-left: 4em;
	padding-right: 4em;
	}

.page #content div ul {
	margin-left: 1.5em;
}
	
.home #content {
	background: url(../images/bgcolor.jpg);
	top: 207px;
	padding: 0;
	padding-top:20px;
	width: 100%;
	position: absolute;
	background-repeat: repeat-x;
}

.home #content div {
	margin-top: 0;
	padding: 0;
	border: 0;
}

.page #content div {
	background: white;
	margin-top: 1em;
	padding: .5em;
	border: 2px solid #9999FF;
}

#panels {
	/*width: 1050px;*/
	height: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0 auto;
	}

#panels .panel {
	float: left;
	width: 350px;
	height: 350px;
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
	}	
	
#panel1 {
	background: url(../images/main_button1.jpg);
	}
	
#panel2 {
	background: url(../images/main_button2.jpg);
	}

#panel3 {
	background: url(../images/main_button3.jpg);
	}
	
.panel h3 {
	margin: 7% 0% 0% 10%;
	}
	
.panel ul {
	margin: 2% 2% 0% 20%;
	}
	
.panel a {
/*	position: absolute;
	top: -10px;
	left: 0px;
	width: 305px;
	height: 264px;
	text-decoration: none;
	color: #FFFFFF; */
	}
	
/* IE6 Hack */
* html div.panel h3 { margin: 10% 0% 0% 7%; }
* html div.panel ul { margin: 2% 5% 0% 15%; }
/* IE7 Hack */
*+html div.panel h3 { margin: 10% 0% 0% 7%; }
*+html div.panel ul { margin: 2% 5% 0% 15%; }


	
div#menu1 {
	position: absolute;
	background: url(../images/bgmenu1.png);
	background-position: top right;
	background-repeat: no-repeat;
	/*width: 920px;*/
	height: 25px;
	top: 1px;
	font-size: .9em;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: white;
}
/* IE6 Hack */
* html div#menu1 { background: url(../images/bgmenu1_2.gif); background-position: top right; background-repeat: no-repeat;}

	

div#menu1 ul { list-style: none; margin-left: 765px; }
div#menu1 ul li { float: left; padding: .1em .5em .1em 0; }
div#menu1 a { color: white; }



#bottom_row {
	display: block;
	clear: both;
	/*width: 1050px;*/
	height: 250px;
	text-align: left;
	margin: 0pt auto;
	}

#bottom_row .home_line_2 {
	float: left;
	width: 250px;
	}

#bottom_row #news {
	top: 60px;
	margin-left: 50px;
	}
	
#bottom_row #links_1 {
	top: 60px;
	margin-left: 100px;
	}
	
#bottom_row #links_2 {
	top: 60px;
	margin-left: 100px;
	}

#footerwrapper {
	/*background: url(../images/bgcolor.jpg);*/
	background-color: #49b6ef;
	position: absolute;
	/*background-color: #fff;*/
	width: 100%;
	height: 25%;
	}
			
#footer {
	position: relative;
	/*background: url(../images/bgcolor.jpg);*/
	background-color: #49b6ef;
	/*background-repeat: repeat-x;*/
	/*background-position: top;*/
	padding-top: 20px;
	text-align: center;
	font-size: .7em;
	}

#footer a { color: #00F; margin: 0 .5em; }
#footer a:hover { color: #FF9900; }

.home_line_2 ul li {
	font-size: 14px;
	margin-left: 15px;
	color: #333333;
	}

.home_line_2 ul li a{
	color: #0066FF;
	}


/* IE6 Hack */
* html div#menu { margin-top: -.2em; }

/* IE7 Hack */
*+html div#menu { margin-top: -.2em; }




/* Style for the contents' pages */
#software_content {
	/*width: 1000px;*/
	margin: 0 auto;
	}
	
#software_content li {
	margin-left: 30px;
	}

#hosting_content {
	/*width: 1000px;*/
	height: 500px;
	margin: 0 auto;
	}

#services_content {
	width: 1000px;
	height: 500px;
	text-align:	center;
	margin: 0 auto;
	}

#support_content {
	width: 1000px;
	height: 500px;
	text-align:	center;
	margin: 0 auto;
	}

ul.gallery { list-style: none; margin: 0; padding: 0; }
ul.gallery li { list-style: none; display: block; clear: both; border-bottom: 1px solid #616161; min-height: 156px; }

p {
	margin-bottom: 1em;
}

input { border: 1px solid black; }
label { display: block; }
