/*
Design Name: Zygoptera Communication
Version: 1.0
Design: by George Boteanu
*/

body { background: #fff url('../../images/layout/body.gif') top repeat-x; font-family: Arial, Helvetica, sans-serif; }

#container { width: 900px; margin: 0 auto; }

/* =Header
----------------------------------------------- */
#header { height: 150px; position: relative; }

	#header h1 a { display: block; text-indent: -5000px; width: 140px; height: 47px; background: url('../../images/layout/logo.jpg') no-repeat; position: absolute; left: 20px; top: 15px; }
	
	#utility-nav { position: absolute; right: 20px; top: 40px; }
	#utility-nav { display: inline; }
	#utility-nav a { display: block; float: left; font-size: 11px; color: #ffffff; text-decoration: none; padding: 0 5px; }
	#utility-nav a:hover, #utility-nav li a.active { color: #B3640D; text-decoration: underline; }
	#utility table {z-index: 9999;font-size: 11px; color: #ffffff;}
	
	#main-nav { background: url('../../images/nav/main_nav.gif') left no-repeat; margin: 0 -9px; height: 53px; width: 891px; position: absolute; bottom: 11px; padding: 15px 0 0 27px; }
	#main-nav  { display: inline; }
	#main-nav  a { display: block; float: left; font-size: 12px; font-weight: bold; color: #fff; text-decoration: none;  }
	#main-nav first-item a { background: none; padding-left: 0; }
	#main-nav a.active span {  background: url('../../images/nav/main_nav_active.gif') bottom center no-repeat; height: 31px; display: block; float: left; cursor: pointer; color: #B3640D; }
	#main-nav a:hover { color: #B3640D; }
	
/* =Sub Header
----------------------------------------------- */
#sub-header { background: url('../../images/layout/sub_header.gif') no-repeat; z-index: 1; width: 900px; position: relative; padding-top: 43px; margin-bottom: 20px; }

	p.breadcrumbs { font-size: 11px; color: #777; position: absolute; top: 14px; left: 20px; }
	
	#loggedin {background:none; width: 306px; height: 20px; position: absolute; right: 20px; top: 11px; }
	#loggedin legend { display: none; }
	#loggedin .input-text { width: 120px; background: none; border: none; font-size: 11px; color: #999; display: block; float: left; padding: 3px 0 0 9px; }	
	#loggedin .input-button { width: 16px; height: 20px; cursor: pointer; background: none; border: none; }
	
	#search { background: url('../../images/form/login_lock.jpg') no-repeat; width: 306px; height:20px; position: absolute; right: 20px; top: 11px; }
	#search legend { display: none; }
	#search .input-text { width: 120px; background: none; border: none; font-size: 11px; color: #999; display: block; float: left; padding: 3px 0 0 9px; }	
	#search .input-button { width: 16px; height: 20px; cursor: pointer; background: none; border: none; }
	

	
	
	#images { background: #fff; height: 111px;  }
	#images li { display: block; float: left; margin: 1px 1px 0 0;}
	#images li.first-item { margin-left: 1px; }
	#images li.last-item { margin-right: 0; }
	
	#directory { background: url('../../images/layout/directory.gif') bottom no-repeat; padding: 0 0 11px 0; }
	#directory-inner { background: #f5f5f5 url('../../images/layout/directory_list.gif') top left no-repeat; padding-bottom: 5px;}
	#directory ul { width: 159px; float: left; padding: 10px 0 0 20px; }
	#directory ul li { background: url('../../images/icons/directory_bullet.gif') left no-repeat; padding-left: 8px; }
	#directory ul li a { font-size: 11px; color: #666; text-decoration: none; line-height: 1.6; }
	#directory ul li a:hover, #directory ul li a.active { border-bottom: 1px dotted #333; color: #333; }

/* Image menu
----------------------------------------------- */

.box {
  width:300px;
  height:210px;
  float:left;
  display:inline;
}
.box h2 {
  font:bold 20px Verdana, Geneva, sans-serif;
  color:#0f83bc;
  text-transform:uppercase;
  margin:15px 0 0 100px;
}
.box p {
  font:normal 12px/18px Verdana, Geneva, sans-serif;
  color:#0c3b4a;
  margin:0 15px 0 100px;
}
.box ul {
  font:normal 12px/18px Verdana, Geneva, sans-serif;
  color:#0c3b4a;
  margin:0 5px 0 100px;
}

* html .box ul, box p, box h2 {margin:0 5px 0 50px;}


.client {
	background:url('../../images/layout/box1.jpg') no-repeat 0 0;
}
.work {
	background:url('../../images/layout/box2.jpg') no-repeat 0 0;
}
.book {
	background:url('../../images/layout/box3.jpg') no-repeat 0 0;
}

.contactContainer
{
  width :900px;
  height:500px;  
  background :url('../../images/layout/contact.jpg') no-repeat 0 0;
  float:left;
  display:inline;
}

.contactContainer h2 
{
	font:bold 20px Verdana, Geneva, sans-serif;
  color:#0f83bc;
  text-transform:uppercase;
  margin: 15px 0px 10px 100px;

	}

.contactContainer p
{
	font:normal 12px/18px Verdana, Geneva, sans-serif;
  color:#0c3b4a;
  margin: 3px 15px 0 30px;
	}
.contactContainer hr 
{
	margin: 0px 10px 0 10px;
	}
.infoContact 
{
	width: 375px;
	  float:left;
  display:inline;
  margin: 0 40px 0 40px;
	}

.formContact 
{
	width: 385px;
	  float:left;
  display:inline;
	}
	
	#patcon legend { display: none; }
	#patcon .input-text { position: relative; width: 315px; height: 25px; background: url('../../images/layout/textbox.jpg') no-repeat; border: none; font-size: 14px; color: #999; padding: 4px 0 0 10px; margin: 0px 0px 0px 40px; }
	#patcon .input-button { position: relative; width: 50px; height: 30px; cursor: pointer; background: none; border: none; }
	.Panel1 { position: relative;  font-size: 14px;  padding: 4px 0 0 5px; margin: 0px 0px 0px 40px; }

.feedback {width: 450px; height:110px; float:left}
.newsletter {background:url('../../images/layout/newsletter.jpg') no-repeat 0 0;}
.survey {background:url('../../images/layout/surveY.jpg') no-repeat 0 0;}
.feedback h2 {
  font:bold 20px Verdana, Geneva, sans-serif;
  color:#0f83bc;
  text-transform:uppercase;
  margin:20px 0 0 130px;
}

	
	#news legend { display: none; }
	#news .input-text { position: absolute; left:110px; top: 570px; width: 260px; background: none; border: none; font-size: 14px; color: #999; padding: 3px 0 0 9px; }
	#news .input-button { position: absolute; left:381px; top: 570px; width: 50px; height: 30px; cursor: pointer; background: none; border: none; }
	
	#survey .input-button {position: absolute; left: 505px; top: 570px; width:290px; height: 30px; cursor: pointer; background: none; border:none; }
	#survey legend {display:none;}

/* =Footer
----------------------------------------------- */
	#footer { background: url('../../images/layout/footer.gif') no-repeat; width: 898px; height: 27px; margin: 0 auto 10px auto; clear: both; padding-top:13px; position: relative; }
	#footer p { font-size: 11px; color: #999;}
	#footer p.copyright { padding-left: 25px; }
	#footer p.copyright span { color: #5c91c7; }
	#footer p.authors { position: absolute; right: 25px; top: 14px; }
	#footer p.authors a { color: #5c91c7; text-decoration: none; } 
	

	
/* Accordion*/
.accordionHeader
{
	border: 1px solid #eaf6fd;
	color: #0f83bc;
	background-color: #99ccff;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	font-size: 10pt;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	
}

.accordionHeader h2 
{
  font:bold 20px Verdana, Geneva, sans-serif;
  color:#0f83bc;
  text-transform:uppercase;
}

.accordionHeaderSelected
{
	border: 1px solid #eaf6fd;
	color: #0f83bc;
	background-color: #f9ac57;
	background-image: url('../../images/layout/Accheadbkg.jpg');
	font-weight: bold;
	font-family: Verdana;
	text-transform: uppercase;
	font-size: 10px;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
}

.accordionHeaderSelected h2 
{
  font:bold 20px Verdana, Geneva, sans-serif;
  color:#0f83bc;
  text-transform:uppercase;
}

.accordionContent
{
	background-color: #eaf6fd;
	border: 1px dashed #2F4F4F;
	border-top: none;
	font-size: 12px;
	padding: 5px;
	padding-top: 10px;
}

.accordionContent ul, li, p {
  font :normal 12px/18px Verdana, Geneva, sans-serif;
  color:#0c3b4a;
 }
 
 /* Communication offers */
 .Products 
 {
	width : 900px;
	height : auto;
	border :  0px ;
	float:left;
	display:inline;
	padding: 0px;
	margin: 0px;
  }

.ProductContent
{
	background-color: #eaf6fd;	
	width:220px;
	height:300px;
	overflow:hidden;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left:0px;
	margin-right:0px;
	display:inline;
	float:left;
	vertical-align:top;
	text-align:center;
	font:normal 12px/18px Verdana, Geneva, sans-serif;
    color :#0c3b4a;
    padding: 0px 4px 4px 4px;
}

.ProductContentAlt
{
	height:300px;
	overflow:hidden;
	width:220px;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left:0px;
	margin-right:0px;
	float:left;
	vertical-align:top;
	text-align:center;
	font:normal 12px/18px Verdana, Geneva, sans-serif;
    color :#0c3b4a;
    padding:0px 4px 4px 4px;
}

.ProductContent, .ProductContentAlt {
	background:url('../../images/layout/bkg_prod.jpg') no-repeat 0 0;
}

.ProductContent h2, .ProductContentAlt h2
{
	font:bold 12px Verdana, Geneva, sans-serif;
  color:#0f83bc;
  text-transform:uppercase;
  text-align:center;
	}

.ProductContent p, .ProductContentAlt p
{ 
	text-align:left;
	max-width:200px;
	padding:2px;
	}
.ProductContent img, .ProductContentAlt img 
{
	padding: 0px 4px 0px 4px;
	text-align:center;
	}
	
.ProductContent a, .ProductContentAlt a 
{
	font:bold 8px Verdana, Geneva, sans-serif;
  color:#0f83bc;
  text-transform:uppercase;
  text-align:center;
	}

.ProductContent:Hover, .ProductContentAlt:Hover {
	background:url('../../images/layout/bkg_prod_ho.jpg') no-repeat 0 0;
}

.error {
font:bold 20px Verdana, Geneva, sans-serif;
  color:#0f83bc;
  text-transform:uppercase;
  margin:15px 0 0 100px;}
  
  .buttons 
  {
	 width: 260px; margin: 0 auto;
	}
  
 #send {position: relative; width:104px; height: 30px; cursor: pointer; background: url('../../images/layout/send.jpg') no-repeat; border: none; }
 #reset {position: relative; width:104px; height: 30px; cursor: pointer; background: url('../../images/layout/reset.jpg') no-repeat; border: none; }