/*
*
* This code is written by Dala IT in 2009.
*
* http://www.dalait.se
*
*/

/* Centering content */
body { text-align: center; padding-top: 0px; }
.container { width: 620px; margin: 0 auto; margin-top: 21px; background-color: #fff; clear: none; float: none; text-align: left; }
* { margin:0; padding:0; }	
#center_wrapper { height: 100%;	width: 100%; display:table; vertical-align:	middle;	}
#center_outer { display: table-cell; vertical-align: middle; }	
#center_contentwrap { position: relative; left: 50%; float: left; }
#center_content { padding: 20px 20px; position:relative; text-align:center; left:-50%; }


/* Structure */
#top { width: 619px; height: 131px; background-image: url(../img/top.jpg); clear: both; }
#menu_2blocks { width:	107px; height: 241px; background-image: url(../img/menu.jpg); float: left; text-align: left; padding-left: 0px; }
#menu_3blocks { width:	107px; height: 373px; background-image: url(../img/menu.jpg); float: left; text-align: left; padding-left: 0px; }
#bottom { width: 619px; height:	152px; background-image: url(../img/bottom.jpg); clear: both; }
.content { width: 512px; height: 372px; background-repeat: no-repeat; float: left; overflow: hidden; }
.startbox { width: 107px; height: 110px; padding-right: 21px; padding-bottom: 21px; float: left; position: relative; }
.services-box_left { width: 200px; float: left; clear: left; padding-right: 10px; padding-bottom: 20px; overflow: hidden; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; }
.services-box_right { width: 200px; float: left; padding-right: 10px; padding-bottom: 20px; overflow: hidden; font-family: "Trebuchet MS", Arial, Helvetica, sans- serif; font-size: 12px; line-height: 1.2em; }
.spacer {
	clear: both;
}

/* Images and backgrounding */
#home {background-image: url(../img/background_home.jpg); float: left; height: 241px; }
#company {background-image: url(../img/background_company.jpg);}
#contact {background-image: url(../img/background_contact.jpg); height: 241px;}
#services {background-color: #fff;}
#services_examples {background-color: #fff;}
img { border: 0px; }
.img_start { width: 107px; height: 110px; }
.img_start_logo { width: 107px;height: 131px; }


/* Text */
.text { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }
.heading { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.italic { font-style: italic; display: block; padding-top: 10px; }
.menu_text { padding: 6px; line-height: 1.3em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; }
.menu_indent { text-indent: 14px; line-height: 1.6em; clear: right; }
.services-indent { padding-left: 22px; padding-top: 5px; padding-bottom: 0px; }
.home_text { text-align: left; padding-left: 21px; width: 235px; padding-right: 21px; }
.company_text_heading { text-align: left; padding-left: 21px; width: 491px; line-height: 1.0em; }
.company_text {	text-align: left; padding-left: 21px; width: 240px; line-height: 1.0em; }
.services_text { text-align: left; padding-left: 21px; width: 490px; line-height: 1.0em; float: left; }
.services_link { font-size: 11px; text-align: right; display: block; }
.services_examples_text { text-align: left; padding-left: 21px; width: 500px; float: left; }
.contact_content { text-align: left; padding-left: 21px; width: 235px; padding-right: 21px; line-height: 1.1em; }
.contact_text { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.2em; }

/* Anchors */
a, a:visited, a:active { text-decoration: none; color: #000; }
a:hover { text-decoration: underline overline; color: #060; }
a.active { color: #060; text-decoration: none; }
a.active:hover, a.active:visited { color: #060; text-decoration: none; }