html, body {
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
	line-height:1.1em;
	color:#222b32;
	background-image:url('../images/bg-blue.gif');
	background-repeat: repeat-x;
	background-color:#596a72;
	margin:0px;
	height:100%; background-position-y:center
}

/* fix footer */
#wrapper {
	min-height: 100%;
	width:100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -110px auto; /* the bottom margin is the negative value of the footer's height */
	position:relative;
	}
	
#push {
	height: 110px; /* .push must be the same height as .footer */
	overflow:hidden;
	
}
	
	
#header {
	font-family: tahoma, arial, helvetica, verdana;
	height:173px; width:100%;
	margin-left:auto;
	margin-right:auto;
	
}

#header .bkg {
	font-family: tahoma, arial, helvetica, verdana;
	background-image:url('../images/bg-header.gif');
	background-repeat: no-repeat;
	background-position: center top;
	height:173px;
	min-width:1000px
}

#header .content {
	font-family: tahoma, arial, helvetica, verdana;
	height:173px; width:1000px;
	margin-left:auto;
	margin-right:auto;
}

#header .notice {
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
	font-size:13px; line-height:15px;
	float:right;
	width:530px;
	height:120px; 
	padding-top:0px;
	margin-right:10px;
	text-align:left; color:#2f3343;
}

#header .skip {
	line-height:2px;
	height:2px;
	padding-top:0px;
}

#header .news {
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
	font-size:11px; line-height:14px;
	vertical-align:middle;
	width:530px;
	padding-top:3px;
	padding-bottom:15px;
	text-align:right; color: #333333;
}

#header .general {
	font-family:tahoma, arial, helvetica, verdana;
	font-size:12px;
}

#freehover {
	width:220px; 
	height:25px;
	float:left;
	margin-left:-25px; 
	margin-top:88px;
	padding:0px;
}

#freehover a {
	padding-top:10px;
}

#freehover a:hover{
	background-image:url('../images/freetext-hover.gif');
	background-position: center 50%;
	background-repeat:no-repeat
}

#footer {
	font-family: tahoma, arial, helvetica, verdana;
	font-size:12px;
	height:110px;
	margin-left:0px;
	margin-right:0px;
	color:#7293a9;
	bottom:0;
/*	position:absolute;
	bottom:0;
	width:100%;*/
	
}

#footer .bkg {
	font-family: tahoma, arial, helvetica, verdana;
	background-image:url('../images/bg-footer.png');
	background-repeat: no-repeat;
	background-position: center top;
	height:110px;
	width:1001px;
	margin-left:auto;
	margin-right:auto

}

#footer .content {
	font-family: tahoma, arial, helvetica, verdana;
	height:96px; width:960px;
	padding-top:10px;
	margin-left:auto;
	margin-right:auto;
}

#footer .extrainf {
	font-family: tahoma, arial, helvetica, verdana;
	font-size:11px;
	color:#7293a9;
}

#menu  {
	width:800px;
	height:35px;
	margin-top:15px;
	padding-top:0px;
	text-align:center;
	margin-left:-60px;
	
}

#menu img  {
	vertical-align:middle; margin-top:-2px;
	 
}

ul#navlist
{
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana, Sans-serif;
	font-size:12px;
}

#navlist li
{
	display: inline;
	line-height:35px;
	list-style-type: none;
}

#navlist a {
  	padding-right:10px;
	padding-left:10px;
	padding-top:8px;
	padding-bottom:8px;
}

#navlist a:link, #navlist a:visited
{
	color: #3a454d ;
	text-decoration: none;
}

#navlist a:hover
{
	text-decoration: none;
	color: #CC6600;
	background-image:url('../images/menu_over.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}


#infotop  {
	width:760px;
	height:81px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
	font-size:14px;
	line-height:17px;
	vertical-align:middle;
	color:#6a767c;
	padding-top:8px;
	background-image:url('../images/hat.gif');
	background-position: right top;
	background-repeat:no-repeat
	}
	
#infotop_icons  {
	width:760px;
	height:87px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
	font-size:22px;
	line-height:22px;
	vertical-align:middle;
	color:#6a767c;
	padding-top:0px;
	background-image: url('../stock-icons/images/pencil.gif');
	background-position: right top;
	background-repeat:no-repeat
	}
	

#crumbs_empty  {
	width:1001px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
	font-size:12px;
	vertical-align:middle;
	color:#55757a;
	padding-top:0px;
	text-align:center;
	background-image:url('../images/bg-crumbs.png');
	background-position: center 50%;
	background-repeat:no-repeat
	}
	
#crumbs  {
	width:1001px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
	font-size:12px;
	vertical-align:middle;
	color:#55757a;
	padding-top:5px;
	text-align:center;
	background-image:url('../images/bg-crumbs.png');
	background-position: center 50%;
	background-repeat:no-repeat
	}
	
#crumbs A {COLOR: #55757a; TEXT-DECORATION: none;}
#crumbs A:hover {COLOR: #e06806; TEXT-DECORATION: none;}
#crumbs A:active {COLOR: #55757a;}

#crumbs_free  {
	width:1001px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
	font-size:12px;
	vertical-align:middle;
	color:#55757a;
	padding-top:5px;
	text-align:center;
	background-image:url('../images/bg-crumbs.png');
	background-position: center 50%;
	background-repeat:no-repeat
	}
	
#crumbs_free A {COLOR: #55757a; TEXT-DECORATION: none;}
#crumbs_free A:hover {COLOR: #e06806; TEXT-DECORATION: none;}
#crumbs_free A:active {COLOR: #55757a;}

#contwrap {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#content  {
	width:1001px;
	background-image:url('../images/bg-content.png');
	background-repeat:repeat-y;
	background-position: center 50%;
	margin-left:auto; 
	margin-right:auto;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
	font-size:11px;
	color:#222b32;
	padding-bottom:25px
}

#contentsm  {
	width:812px; background-color: #FFFFE6;
	margin-left:auto; 
	margin-right:auto;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
	font-size:14px;
	color:#222b32;
	padding-bottom:25px;
	border:1px #999933 solid;
}


/* Inside pages----------------------*/

.aboutleft  {
	width:410px;
	padding:5px;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	
}

.aboutright  {
	width:410px;
	float:right;
	padding:5px;
	margin-bottom:10px;
	margin-top:10px;
	
}


.contblock  {
	width:365px;
	padding:5px;
	margin-left:5px;
	float:right;
	
}

.contblock1  {
	width:450px;
	padding:5px;
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	
}


.contblock2  {
	width:12px;
	height:250px;
	float:left;
	margin-bottom:1px;
	margin-top:1px;
	
}

.contin  {
	width:850px;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	
}


#content img {
	border:0;
	text-decoration:none;
	border:none;}

td {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
}

th {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
}

.rightbor{ background-image:url('../images/line_vert.gif'); background-repeat:repeat-y; background-position: right 50%;
}
.leftbor{
	background-image:url('../images/line_vert.gif'); background-repeat:repeat-y; background-position: left 50%;
}
.topbor{
	background-image:url('../images/line_hor.gif'); background-repeat:repeat-x; background-position-y:50%;
}
.botbor{
	background-image:url('../images/line_hor.gif'); background-repeat:repeat-x; background-position-y:50%;
}
.divfull{ width:840px; padding:5px; margin-left:auto; margin-right:auto; margin-top:30px; clear:both;
}


.colorblue {color:#446e96;}
.colorwhite {color:#ffffff;}
.colorred {color:#c50d0d;}

.small {font-size:11px;
		line-height:1.1em;}
		
.big { font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
	   font-size:18px;
	   color:#7293a9;}
	   
.prices {font-size:13px;
		font-family:Georgia, "Times New Roman", Times, serif;
		}
	   

#content A {COLOR: #7293a9; TEXT-DECORATION: none;}
#content A:hover {COLOR: #87b3d0; TEXT-DECORATION: none;}
#content A:active {COLOR: #7293a9;}

#contentsm A {COLOR: #7293a9; TEXT-DECORATION: none;}
#contentsm A:hover {COLOR: #87b3d0; TEXT-DECORATION: none;}
#contentsm A:active {COLOR: #7293a9;}

A.linkblue {COLOR: #446e96; TEXT-DECORATION: underline}
A.linkblue:hover {COLOR: #87b3d0; TEXT-DECORATION: underline}
A.linkblue:active {COLOR: #446e96}

A.linkwhite {COLOR: #ffffff; TEXT-DECORATION: underline}
A.linkwhite:hover {COLOR: #ffffff; TEXT-DECORATION: underline}
A.linkwhite:active {COLOR: #ffffff; TEXT-DECORATION: underline}

A.linkgreen {COLOR: #7f8810; TEXT-DECORATION: none}
A.linkgreen:hover {COLOR: #c2cc13; TEXT-DECORATION: none}
A.linkgreen:active {COLOR: #7f8810;}

A.linkorange {COLOR: #e06806; TEXT-DECORATION: none}
A.linkorange:hover {COLOR: #e06806; TEXT-DECORATION: none}
A.linkorange:active {COLOR: #e06806; text-decoration:none;}

h1 {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Arial, Verdana,  Sans-serif;
	font-size:20px;
	color:#7293a9;
}

.td_webshow {
	font-family: tahoma, arial, helvetica, verdana;
	font-size:11px;
	border:1px dashed #FCFCFC;
	text-align:center;
}

.td_webshow:hover {
	font-family: tahoma, arial, helvetica, verdana;
	font-size:11px;
	border:1px dashed #666666;
	text-align:center;
}

hr { color: #6699CC;}

img.middle { 
	vertical-align: middle;
	position: relative;}


TABLE.tabledashed {BORDER: rgb(221,221,221) 1px dashed}

.txarea {
    border: 1px solid #447296;
    /*background: #ffffff;*/
}
.txarea:hover {
    border: 1px solid #95d27d;
    /*background: #ffffff;*/
}

/*Table rounded corner*/
.roundcont{display:block}
.roundcont *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#eef0e4}
.roundcont1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #EDEFE0;
  border-right:1px solid #EDEFE0;
  background:#eef0e4}
.roundcont2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #EDEFE0;
  border-right:1px solid #EDEFE0;
  background:#eef0e4}
.roundcont3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #eef0e4;
  border-right:1px solid #eef0e4;}
.roundcont4{
  border-left:1px solid #eef0e4;
  border-right:1px solid #eef0e4;}
.roundcont5{
  border-left:1px solid #eef0e4;
  border-right:1px solid #eef0e4}
.roundcontfg{/*content class*/
  background:#eef0e4; color:#5e6870; padding:3px;}
  
  

/*TOOLTIP----------------------*/
a.tt{
	COLOR:#446e96;
    position:relative;
    z-index:24;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-95px; left:-130px;
	padding: 0px 0 0 0;
	width:200px;
	color: #6699CC;
    text-align: center;
	text-decoration:none;
	/*filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90; */
	font-weight:bold;
}
a.tt:hover span.top{
	display: block;
	background: url('../images/bubble.gif') no-repeat top;; padding-left:0px; padding-right:0px; padding-top:18px; padding-bottom:0
}
a.tt:hover span.middle{
	display: block;
	font-size:12px;
	background: url('../images/bubble_filler.gif') bottom;; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0 
}
a.tt:hover span.bottom{
	display: block;
	color: #6699CC;
    background: url('../images/bubble.gif') no-repeat bottom;; padding-left:0px; padding-right:0px; padding-top:18px; padding-bottom:10px
}

/*Portfolio*/
.portfolioitem {
	width: 120px;
	height: 200px;
	max-height:300px;
	padding: 10px;
	float: inherit;
	border: 1px solid #F7F9E9;
	display:block;
	vertical-align:center;
	top:0px;
}


.portfolioitem1 {
	width: 832px;
	height: 220px;
	max-height:300px;
	padding: 10px;
	float: inherit;
	border: 1px solid #F7F9E9;
	display:block;
	vertical-align:center;
	top:0px;
}

.portfolioitem2 {
	width: 388px;
	height: 220px;
	max-height:300px;
	padding: 10px;
	float: inherit;
	border: 1px solid #F7F9E9;
	display:block;
	vertical-align:center;
	top:0px;
}

.portfolioitem:hover {
	border: 1px solid #ccc;
	background-color: #c4dde5;
	color:#5e6870;
	TEXT-DECORATION: none;
}

.portfolioitem1:hover {
	border: 1px solid #ccc;
	background-color: #c4dde5;
	color:#5e6870;
	TEXT-DECORATION: none;
}

.portfolioitem2:hover {
	border: 1px solid #ccc;
	background-color: #c4dde5;
	color:#5e6870;
	TEXT-DECORATION: none;
}


A.portfolioitem div {
	color: #5e6870;
	TEXT-DECORATION: none;
	width:120px;
}


A.portfolioitem1 div {
	color: #5e6870;
	TEXT-DECORATION: none;
	width:120px;
}

A.portfolioitem2 div {
	color: #5e6870;
	TEXT-DECORATION: none;
	width:120px;
}