/*
Original design: andreas02 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas02/
*/

/* General layout */
body {background:#e0e0e0; color:#303030; font:76% "Lucida Grande", tahoma, verdana, sans-serif; margin:0; padding:15px 0 0;}
#container {background:#fff; margin:0 auto 20px; padding:5px 20px 20px; width:730px;}

/* Site title */
#logo {margin:15px 0 0;}
#logo a {border:none;}
#logo h1 a {border:none; color:#505050;}
#logo h1 a:hover {border:none; color:#303030; text-decoration:none;}
#logo p {font-size:1.3em;  color:#505050; margin:0 0 20px 0;}
#logoleft { width: 200px; float: left }
#slogan { width: 160px; float: right }
/* Tags */
a {border-bottom:1px dotted #505050; color:#303030; text-decoration:none;}
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
a img {border:0;}
h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;}
h2 {font-size:1.8em; font-weight:400; margin:0 0 12px;}
h3 {font-size:1.3em; font-weight:400; margin:0 0 10px;}
h4 {font-size:1.2em; font-weight:400; margin:0 0 8px;}
h5 {font-size:1.0em; font-weight:400; margin:0 0 6px;}
p {line-height:1.5em; margin:0 0 15px; text-align:left;}
ul,ol {margin:0 0 15px 15px; padding:0;}
li { margin:0 0 3px 0;}
strong { font-size:1.3em; font-weight:400; }
/* Toptabs menu */
#toptabs {font-size:.8em; margin:10px auto -13px; width:760px;}
#toptabs p {color:gray; text-align:right;}
.toptab {background:#f0f0f0 url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#fafafa url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}
.activetoptab {background:#fff url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #fff; color:#505050; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;}

/* Navitabs menu */
#navitabs {clear:both;}
.navitab {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; border-left:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px; text-decoration:none;}
.navitab:hover {background:#d0d0d0 url(images/corner.gif) top right no-repeat; border-bottom:1px solid #fff; text-decoration:none;}
.activenavitab {background:#505050 url(images/corner.gif) top right no-repeat; color:#fff; font-size:1.1em; margin:0 0 5px; padding:4px 8px 5px; text-decoration:none;}
.activenavitab:hover {color:#fff; text-decoration:none;}

/* Header description area */
.desc {clear:both; color:#fff; height:180px; margin:5px 0 15px; padding:0 0 5px 0;}
.desc p {  font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:290px;}
.desc h2 {color:#fff; padding:15px 15px 0;}
.desc a {border-color:#fff; color:#fff; text-decoration:none;}


#desc {background:#505050 url(images/front.jpg) bottom left repeat-y; }

/* Header description area */
#desc2 {background:#505050 url(images/front2.jpg) bottom left repeat-y; }

/* Header description area */
#desc3 {background:#505050 url(images/front3.jpg) bottom left repeat-y; }

/* Header description area */
#desc4 {background:#505050 url(images/front4.jpg) bottom left repeat-y; }

/* Header description area */
#desc5 {background:#505050 url(images/front5.jpg) bottom left repeat-y; }

#desc6 {background:#505050 url(images/front6.jpg) bottom left repeat-y; }

#desc7 {background:#505050 url(images/front7.jpg) bottom left repeat-y; }

#desc8 {background:#505050 url(images/front8.jpg) bottom left repeat-y; }

#desc9 {background:#505050 url(images/front9.jpg) bottom left repeat-y;}
#desc10 {background:#505050 url(images/front10.jpg) bottom left repeat-y; }
#desc11 {background:#505050 url(images/front11.jpg) bottom left repeat-y; }

.contactform {width:300px; margin:0 0 0 0; padding:10px 10px 0 10px; border:none;}
.contactform fieldset {padding:0 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:none;}
.contactform fieldset legend {margin:0 0 20px 5px !important /*Non-IE*/; margin:0 0 100px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.contactform label.left {float:left; width:120px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.field {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:150px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:650px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea.field {width:150px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:30px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

#contactform2 {width:650px;}

/* Main content */
#mainsmall {border-right:1px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; width:230px;}
#main {border-right:1px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; width:350px;}
#mainbig {border-right:1px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; width:450px;}
#mainfull {float:left; margin:0; padding:0 15px 0 0; width:700px;}
#mainshort {border-right:1px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; width:150px;}
p {text-align: justify;}

/* Sidebar */
#sidebig {float: right; width: 470px}
#sideleft {border-right:1px solid #d8d8d8; float: left; padding:0 10px 0 0; width: 220px}
#sideright {float: right; width: 230px}

#sidewide {float:right; width:550px;}
#sidebar {float:right; width:350px;}
#sidesmall {float:right; width:250px;}
#sidemenu {float:right; width:250px;}
#sidemenu p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#sidemenu ul {margin:15px 15px 5px 15px; padding:0;}
#sidemenu li {padding: 10px 0 0 0;}
#sidesmall li {list-style: none; margin-left: -10px;}
#sidesmall li.rest {padding: 10px 0 0 0;}
/* #sidebar p {font-size:1em; line-height:1.3em; margin:0 0 15px;} */
ul.locales li {list-style:circle; margin:0 0 3px; padding:0;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{background:#f0f0f0 url(images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px -40px; padding:3px 4px 3px 8px; text-align:left; width:140px;}
ul.sidelink li a:hover {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border:none; text-decoration:none;}

/* Footer */
#footer {background:#fff; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0; }
#footer a {color:gray;}
#footer a:hover {color:#303030;}
#footer p {color:gray; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0; text-align: center;}

/* Additional classes */
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.timestamp {font-size:1.2em; color:#606060; margin:0px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {background:#f0f0f0; padding:10px;}
.hide {display:none;}

table,td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
	border                :none;
	border                :1px solid #CCC;
}
thead th,
tbody th
{
	background            : #FFF url(th_bck.gif) repeat-x;
  color                 : #666;  
	padding               : 5px 10px;
  border-left           : 1px solid #CCC;
}
tbody th
{
  background            : #fafafb;
  border-top            : 1px solid #CCC;
  text-align            : left;
  font-weight           : normal;
  color                 : #333;  
}
tbody tr td
{
	padding               : 5px 10px;
  color                 : #666;
}
tbody tr:hover
{
  background            : #FFF url(images/tr_bck.gif) repeat;
}

tbody tr:hover td
{
  color                 : #454545;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
	padding               : 4px;
  background            : #FFF url(images/foot_bck.gif) repeat;
  color                 : #666;
}
caption
{
	text-align            : left;
	font-size             : 120%;
	padding               : 10px 0;
	color                 : #666;
}
table a:link
{
	color                 : #666;
}
table a:visited
{
	color                 : #666;
}
table a:hover
{
	color                 : #003366;
	text-decoration       : none;
}
table a:active
{
	color                 : #003366;
}

/* services stuff */
.service {
	font-size: 12px;
	color: #666666;
	margin-bottom:20px;
	line-height: 18px;
	height: 80px;
}
.service img {
	float: left;
	margin-right: 10px;
	display: block;
	margin-bottom: 20px;
}
.service .title {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	line-height: 30px;
}