@charset "utf-8";
body
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 30px;
	font-family: Tahoma, Arial;
	font-size: 12px;
	background-image: url(../img/page_bg_green.jpg);
	background-repeat: no-repeat;	
	background-color: #7CEC32;
}

a 
{
   outline: none;
   color: #008BAE;
   text-decoration: none;   
}
a:hover
{
	text-decoration: underline;
}
#header
{
	height: 92px;
	background-image: url(../img/header_bg.jpg);
	background-repeat: repeat-x;
}

#mainarea
{
	min-height: 400px;
	position: relative;
}

#mainshadow
{
	height: 8px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;	
	background-image: url(../img/mainshadow.png);
	background-repeat: repeat-x;
}

#logo
{
	padding-top: 12px;
	height: 40px;
	background-image: url(../img/headerborder.png);
	background-repeat: repeat-x;
	background-position: bottom;	
	text-align: center;
}

#nav_main
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	font-size: 12px;	

	background-image: url(../img/menuborder.png);
	background-repeat: repeat-y;
	background-position: top right;	


	height: 40px;	
}

#nav_main a
{
	color: #FFF;
	text-decoration: none;

	display: block;
	float: left;
	
	background-image: url(../img/menuborder.png);
	background-repeat: repeat-y;
	background-position: top left;	
	
	padding: 13px;
	padding-left: 43px;
	padding-right: 44px;

}

#nav_main a:hover
{
	color: #A5FE43;
	padding-top: 12px;
	padding-bottom: 14px;
}

#nav_main a.active
{
	color: #A5FE43;
}

#container_wrap
{
	margin-left: auto;
	margin-right: auto;	

	width: 942px;
	padding: 8px;
	padding-top: 0px;

	border: solid 1px #E3FDD3;
	border-top: none;
	background-image: url(../img/glass_bg.png);
	background-repeat: repeat;
}

#container
{
	background-color: #FFF;
	min-height: 700px;	
}

#attention
{
	background-repeat: no-repeat;
	border-bottom: solid 1px #CCC;
}
#attention.woman
{
	background-image: url(../img/attention_bgs/woman.jpg);
	height: 354px;
}
#attention.hand
{
	background-image: url(../img/attention_bgs/hand.jpg);
	height: 291px;
}
#attention.hosting
{
	background-image: url(../img/attention_bgs/hosting.jpg);
	height: 291px;
}
#attention.huolto
{
	background-image: url(../img/attention_bgs/huolto.jpg);
	height: 291px;
}
#attention.web
{
	background-image: url(../img/attention_bgs/web.jpg);
	height: 291px;
}
#attention.safe
{
	background-image: url(../img/attention_bgs/safe.jpg);
	height: 291px;
}
#attention.ohjelmistot
{
	background-image: url(../img/attention_bgs/ohjelmistot.jpg);
	height: 291px;
}
#attention.yhteydet
{
	background-image: url(../img/attention_bgs/yhteydet.jpg);
	height: 291px;
}
#attention.koulutukset
{
	background-image: url(../img/attention_bgs/koulutus.jpg);
	height: 291px;
}
#attention.laitteistot
{
	background-image: url(../img/attention_bgs/laitteistot.jpg);
	height: 291px;
}
#attention.sunisoft_oy
{
	background-image: url(../img/attention_bgs/sunisoft_oy.jpg);
	height: 291px;
}
#attention.contact
{
	background-image: url(../img/attention_bgs/contact.jpg);
	height: 291px;
}

#attention_container
{
	padding-top: 35px;
	width: 600px;
	text-align:center;
}

#attention h1
{
	margin-top: 0px;
	margin-bottom: 12px;
	letter-spacing: -3px;
	font-size: 46px;
	line-height: 40px;
	color: #000;
	font-weight: normal;
}
#attention h2
{
	margin-top: 0px;
	font-size: 32px;	
	letter-spacing: -2px;	
	color: #91BA01;
	font-weight: normal;
}
.attention_desc
{
	font-size: 13px;
	color: #555;
	line-height: 135%;
	width: 460px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#attention_container.subformat
{
	padding-top: 35px;
	padding-left: 35px;
	width: 600px;
	text-align:left;
}
#attention_container.subformat .attention_desc
{
	margin-left: 0px;
	width: 500px;
	text-align:left;
	margin-top: -5px;
}
#attention_container.subformat h2
{
	margin-bottom: 0px;
}
.attention_desc a
{
	color: #008BAE;
	text-decoration: none;
}
.attention_desc a:hover
{
	color: #008BAE;
	text-decoration: underline;
}


.column_left
{
	width: 471px;
	float: left;
}
.column_right
{
	width: 471px;
	float: right;
}
.product_box
{
	background-repeat: no-repeat;
	width: 300px;
	height: 139px;
	padding-left: 171px;
	padding-top: 21px;
	background-position: 0px -160px;
}
.product_box:hover
{
	cursor: pointer;
	background-position: 0px 0px;
}
.product_box.sunisoft_safe
{
	background-image: url(../img/product_boxes/sprite_safe.png);
}
.product_box.sunisoft_dsl
{
	background-image: url(../img/product_boxes/sprite_dsl.png);
}
.product_box.sunisoft_laitteistot
{
	background-image: url(../img/product_boxes/sprite_laitteistot.png);
}
.product_box.sunisoft_hosting
{
	background-image: url(../img/product_boxes/sprite_hosting.png);
}
.product_box.sunisoft_ohjelmistot
{
	background-image: url(../img/product_boxes/sprite_ohjelmistot.png);
}
.product_box.sunisoft_koulutukset
{
	background-image: url(../img/product_boxes/sprite_koulutukset.png);
}
.product_box.sunisoft_huolto
{
	background-image: url(../img/product_boxes/sprite_huolto.png);
}
.product_box.sunisoft_web
{
	background-image: url(../img/product_boxes/sprite_web.png);
}

.product_box h3
{
	margin-top: 0px;
	font-size: 	19px;
	color: #222;
	margin-bottom: 0px;
}
.product_box h4
{
	margin-top: 0px;
	font-size: 	14px;
	color: #3D5E00;
	margin-bottom: 9px;	
}
div.product_detail
{
	margin-left: 5px;
	padding-left: 13px;
	background-image: url(../img/product_boxes/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	font-size: 11px;
	color: #333;
	margin-bottom: 4px;
}


.font_bell_gothic
{
	font-style: normal;
	font-family: 'BellGothic', sans-serif;
	white-space:nowrap;
}
.font_existence_light
{
	font-style: normal;
	font-family: 'ExistenceLight', sans-serif;
	white-space:nowrap;
	
}
.font_district_thin
{
	font-style: normal;
	font-family: 'DistrictThin', sans-serif;
	white-space:nowrap;
}
.font_print_clearly
{
	font-style: normal;
	font-family: 'PrintClearly', sans-serif;
	white-space:nowrap;
}
.font_dekar_light
{
	font-style: normal;
	font-family: 'DekarLight', sans-serif;
	white-space:nowrap;
}

#footer
{
	font-size: 11px;
	line-height: 140%;
	margin-top: 18px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;		
}
#footer_details
{
	width: 241px;
	float: right;
}

.footerbox
{
	padding: 8px;
	border: solid 1px #E3FDD3;
	background-image: url(../img/glass_bg.png);
	background-repeat: repeat;
}
.footerbox_content
{
	padding: 7px;
	height: 73px;
	background-image: url(../img/glass_bg.png);
	background-repeat: repeat;
}

#footer h5
{
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #333;
}

.column_content
{
	padding: 25px;
}
.column_content h3
{
	font-size: 17px;
	font-weight: normal;
	margin-top: 0px;
	color: #333;
}

.newsitem
{
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom: solid 1px #DDD;
}
.newsitem:last-child
{
	border-bottom: none;
}
.newsitem h4
{
	color: #759601;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 2px;
	margin-top: 0px;
}
.newsdate
{
	font-size: 11px;
	color: #484848;
}
.newscontent
{
	font-size: 11px;
	color: #484848;
}

.feedsection
{
	padding-bottom: 18px;
	margin-bottom: 18px;
	border-bottom: solid 1px #DDD;
}
.feedsection:last-child
{
	border-bottom: none;
}
.feedheader
{
	position: relative;
}
.feedlogo
{

}
.feedinfo
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 11px;
	color: #666666;
}
.feedlist
{
	clear: both;
	padding-top: 11px;
}
.feedlink
{
	margin-bottom: 4px;
}

.columned
{
	background-image: url(../img/columned_bg.gif);
	background-repeat: repeat-y;
}
.page_section
{
	padding-top: 20px;
	padding-left: 35px;
	padding-right: 35px;	
	color: #444;
	line-height: 135%;
	padding-bottom: 20px;
	border-bottom: solid 1px #E6E6E6;
}
.page_section h3
{
	color: #3FACDD;
	font-weight: normal;
	font-size: 15px;
	text-transform: uppercase;	
	margin-top: 5px;
}
.section_list_item
{
	padding-bottom: 2px;
}
.section_left
{
	width: 530px;
}
.section_right
{
	width: 290px;
	float: right;
	text-align: right;
}
.section_link
{
	padding-left: 27px;
	text-align: center;
}
.section_link a
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	padding-top: 8px;
	
	border: solid 1px #DDD;
	width: 200px;
	padding-left: 25px;
	display: block;
	height: 25px;
	background-image: url(../img/sectionbutton_bg_new.jpg);
	background-position: 0px -33px;
	background-repeat: no-repeat;
	color: #333;
	font-weight: normal;

	-moz-border-radius: 7px 7px 7px 7px; /* FFox - TopLft, TR, BR, BL*/
	-webkit-border-top-left-radius: 7px 7px; /*safari*/
	-webkit-border-top-right-radius: 7px 7px; /*safari*/
	-webkit-border-bottom-left-radius: 7px 7px; /*safari*/
	-webkit-border-bottom-right-radius: 7px 7px; /*safari*/						
	border-radius: 7px 7px 7px 7px 7px 7px 7px 7px; /* TR, BR, BL, TL */	
}
.section_link a:hover
{
	background-position: 0px 0px;

	text-decoration: none;
}
span.blue
{
	color: #3FACDD;
}
#references
{
	position: relative;
}
#references img
{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#googlemap
{
	border: solid 1px #DDD;
	padding: 4px;
	margin-top: 5px;
}
.dialog
{
	display: none;
}
.dialog_content
{
	padding-top: 7px;
}
.dialog_form
{
	padding-top: 9px;
	margin-top: 9px;
	border-top: solid 1px #DDD;
}
.formitem
{
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
}
.formlabel
{
	width: 90px;
	float: left;
	padding-top: 2px;
}
.formfield
{
	width: 260px;
	float: right;
}
.formfield input
{
	color: #333
}
.formfield input[type=text]
{
	padding-left: 5px;
}
label.error
{
	color: #CC0000;
	font-size: 10px;
}
input.error
{
	border: solid 1px #FF0000;
}
#tmpfooter
{
	margin-top: 20px;
	color: #FFF;
	font-size: 11px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#tmpfooter a
{
	color: #FFF;
	text-decoration: none;
}
#tmpfooter a:hover
{
	text-decoration: underline;
}
.newsimage
{
	background-color: #F3F3F3;
	padding: 8px;
	border: solid 1px #CCC;
}