* { padding: 0em; margin: 0em; }
body{ background-color:#363636; font-style:normal; font-family:Arial, Helvetica, sans-serif; }

/* :menu */
#wrapptopmenu{	background-image: url(/images/bg_header_all.jpg); background-repeat: repeat-x; text-align: center; }
#topmenu{ margin: 0 auto; width: 1000px; height: 295px; background: url(/images/header_bg.jpg); background-repeat: no-repeat; }
#nav{ margin: 0 auto; width: 805px; height: 295px; }

#nav img { border: none; }
#nav li { display: inline; list-style:none; }

#nav li a { float:left; width: 100px; height: 295px; padding: 0; }
#nav li #four { width: 204px; height: 295px; padding: 0; }
#nav li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#nav li a:hover { visibility:visible; /* for IE6 */ }
#nav li a:hover img { visibility:visible; /* for IE6 */ }
#nav li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#one { background:url(/images/header_menu_1_a.jpg) no-repeat left bottom; }
#two { background:url(/images/header_menu_2_a.jpg) no-repeat left bottom; }
#three { background:url(/images/header_menu_3_a.jpg) no-repeat left bottom; }
#four { width: 204px; background:url(/images/header_menu_4_a.jpg) no-repeat left bottom; }
#five { background:url(/images/header_menu_5_a.jpg) no-repeat left bottom; }
#six { background:url(/images/header_menu_6_a.jpg) no-repeat left bottom; }
#seven { background:url(/images/header_menu_7_a.jpg) no-repeat left bottom; }

/*border-style:solid; border-width:1px;	border-color:#000;*/

/* :content */
#wrappcontent{ text-align: center; background-color:#2B2B2B; }

#content{ text-align: left; margin: 0 auto; width: 805px; color: #aaa; 	padding: 0;	font-size:0.75em; position:relative;}
a img {  border:none; }
#content span{ font-size:1.1em; color:#aaa; line-height:1.3; }
h2{	text-align:center; color:#DDD; padding:5px 0 0 0;}

#content a:link, #content a:active, #content a:visited { color:#aaa; text-decoration: none; }
#content a:hover { color:rgb(87, 218, 18); text-decoration: underline;}
.kep{border:2px solid #aaa;}
.kepdev{border:2px solid #aaa;margin: 5px 0px 0px 0px;}

/*#contentlang{ margin: 0 auto; width: 805px; color: #FFFFFF; padding: 5px; border:none; text-align:right; height:20px; }*/
#contentlang{ margin: 0 auto; width: 805px; color: #FFFFFF; padding: 5px; border:none; text-align:left; height:30px;  }
#contentlang a img {  border:none; }
#lang{float:left; padding:1px 0 0 0 ;}
#breadcrumb{float:left; padding:4px 0 0 10px ;}
#breadcrumb a:link, #breadcrumb a:active, #breadcrumb a:visited { color:#aaa; text-decoration: none; font-size:0.8em;}
#breadcrumb a:hover { color:rgb(87, 218, 18); text-decoration: underline;}
#services { padding: 10px 0 10px 5px;text-align:center;}
#services li { display: inline; list-style:none; padding: 0 11px; font-size:1.1em;}
#services a:active{ color:rgb(87, 218, 18); text-decoration: underline;}

.techbox1{ float:left; width: 140px; }
.techbox2{ float:left; width: 300px; padding:30px 0 30px 0 ;}
.techbox3{ float:left; width: 300px; text-align: left; padding:37px 0 40px 0 ; }

.storebox1{ float:left; width: 250px; padding:40px 15px 40px 0 ;}
.storebox2{ float:left; width: 250px; padding:40px 5px 40px 0 ;}
.storebox3{ float:left; width: 280px; text-align: left; padding:40px 0 40px 0px ; }
.storebox1 ul { margin-left:20px;}

.cmsbox1{ float:left; width: 370px; padding:40px 10px 40px 10px ;}
.cmsbox2{ float:left; width: 400px; padding:40px 10px 40px 0 ;}
.cmsbox1 ul, .storebox2 ul { margin-left:20px;}


.custbox{ float:left; width: 0px; }

.custleftbox{ float:left; width: 220px; padding: 45px 5px 0px 50px;  }
.custleftbox img{ padding: 0px 10px 10px 0; }
.custleftbox .nyil{ padding: 3px 3px 0px 0; }
.custleftbox a:link, .custleftbox a:active, .custleftbox a:visited{ font-weight:bold;}

.custmidbox{ float:left; width: 220px; padding: 45px 5px 0px 20px;  }
.custmidbox img{ padding: 0px 10px 10px 0; }
.custmidbox .nyil{ padding: 3px 3px 0px 0; }
.custmidbox a:link, .custmidbox a:active, .custmidbox a:visited{ font-weight:bold;}


.custrightbox{ float:left; 	width: 220px; padding: 45px 5px 0px 20px;	margin-left:30px; }
.custrightbox img{ padding: 0px 10px 10px 0; }
.custrightbox .nyil{ padding: 3px 3px 0px 0; }
.custrightbox a:link, .custrightbox a:active, .custrightbox a:visited{ font-weight:bold; }

.sosnulla {font-size:1.2em;line-height:1.6em;}

.leftbox{ float:left; width: 360px; padding: 45px 0px 0px 20px; line-height:1.5em;}
.leftbox a {font-size:1.4em;}
.leftbox img{ padding: 0px 10px 10px 0; }
.leftbox a:link, .leftbox a:active, .leftbox a:visited{ font-weight:bold;}


.leftbox #webdev:link img, .leftbox #webdev:active img, .leftbox #webdev:visited img{ background:url(/userfiles/Image/Tools-rss_64_bw.jpg) no-repeat left bottom;  }
.leftbox #webdev:hover img { background:url(/userfiles/Image/Tools-rss_64.jpg) no-repeat left bottom; }

.leftbox #seo:link img, .leftbox #seo:active img, .leftbox #seo:visited img{ background:url(/userfiles/Image/seo_bw.jpg) no-repeat left bottom;  }
.leftbox #seo:hover img { background:url(/userfiles/Image/seo_color.jpg) no-repeat left bottom; }

.rightbox a {font-size:1.4em;}
.rightbox #cms:link img, .rightbox #cms:active img, .rightbox #cms:visited img{ background:url(/userfiles/Image/CMS64_bw.jpg) no-repeat left bottom;  }
.rightbox #cms:hover img { background:url(/userfiles/Image/CMS64.jpg) no-repeat left bottom; }
.leftbox #webstore:link img, .leftbox #webstore:active img, .leftbox #webstore:visited img{ background:url(/userfiles/Image/Shopping-cart-64_bw.jpg) no-repeat left bottom;  }
.leftbox #webstore:hover img { background:url(/userfiles/Image/Shopping-cart-64.jpg) no-repeat left bottom; }
.rightbox #webhosting:link img, .rightbox #webhosting:active img, .rightbox #webhosting:visited img{ background:url(/userfiles/Image/Xserve_64_bw.jpg) no-repeat left bottom;  }
.rightbox #webhosting:hover img { background:url(/userfiles/Image/Xserve_64.jpg) no-repeat left bottom; }
.rightbox #design:link img, .rightbox #design:active img, .rightbox #design:visited img{ background:url(/userfiles/Image/Flash64_bw.jpg) no-repeat left bottom;  }
.rightbox #design:hover img { background:url(/userfiles/Image/Flash64.jpg) no-repeat left bottom; }
.rightbox #dtp:link img, .rightbox #dtp:active img, .rightbox #dtp:visited img{ background:url(/userfiles/Image/Toll64_bw.jpg) no-repeat left bottom;  }
.rightbox #dtp:hover img { background:url(/userfiles/Image/Toll64.jpg) no-repeat left bottom; }
.rightbox{ float:left; 	width: 360px; padding: 45px 0px 20px 10px;	margin-left:30px; }
.rightbox img{ padding: 0px 10px 10px 0; }
.rightbox .nyil{ padding: 3px 3px 0px 0; }
.rightbox a:link, .rightbox a:active, .rightbox a:visited{ font-weight:bold; }

.dtpimg{float:left;text-align: justify;font-size:1.1em; letter-spacing:-0.1px; line-height:1.5em; padding:0px 0px 50px 0px;width:380px;margin:0;}
.dtpimg img{ margin:110px 0px 20px 20px;}
.dtptext1{clear:left;text-align: justify;font-size:1.1em; letter-spacing:-0.1px; line-height:1.5em; padding:0px 0px 50px 40px;width:360px;}
.dtptext{float:left;text-align: justify;font-size:1.1em; letter-spacing:-0.1px; line-height:1.5em; padding:0px 0px 50px 40px;width:360px;}

.devtext{float:left;text-align: left;font-size:1.1em; line-height:1.5em; padding:0px 10px 50px 20px;width:370px;}
.animtext{float:left;text-align: right;font-size:1.1em; line-height:1.5em; padding:0px 10px 50px 30px;width:350px;}
.contacttext{float:left;text-align: right;font-size:1.1em; line-height:1.5em; padding:0px 10px 30px 10px;width:380px;}
.hostingtext{float:left;text-align: left;font-size:1.1em; line-height:1.5em; padding:0px 5px 50px 5px;width:470px;}
.hostingtext ul { padding:0px 0px 0px 20px;}

.seotext{float:left;text-align: left;font-size:1.1em; line-height:1.5em; padding:0px 20px 50px 20px;width:400px;}
.seotext ul { padding:0px 0px 0px 20px;}
.seokep img {border: 0px solid #000;}

h3 {font-size:1.4em;}
h4 {font-size:1.2em;}

#TotalNet_Logo_container{float:right; padding:30px 0 0 0;}
#space{ padding: 15px;}
.nyil{ padding: 3px 3px 0px 0; }
.clearbox{ width: 390px; clear:both; }

#wrapcenterbox{text-align: center;width: 805px;}
.centerbox{ text-align: justify;  line-height:1.5em; margin: 0 auto; width: 350px; padding:0 0 0 0px;}
.centerbox p {text-indent: 1.5em;}
.centerbox .nyil{ padding: 5px 1px 0px 0; }

.login{text-indent: 1.5em;}
.labelboxes{ float:left; text-align: right; width: 150px; padding: 0 5px 0; line-height:1.7em; font-size:1em;}
.textboxes{ float:left; width: 110px; height:50px; padding: 0 0 0px 5px;}
.okboxes{ float:left; width: 50px; padding:20px 0 0 10px;}
.textbox{ margin: 0 0 5px; background-color:rgb(43,43,43); color: #ccc; border:1px solid rgb(28, 95, 24);}

/* :footer */
#wrappfooter{ background-image: url(/images/bg_footer_all.jpg); background-repeat: repeat-x; text-align: center; }
/*#footer{ margin: 0 auto; width: 800px; 	height: 200px; background: url(/images/footer_bg.jpg); 	background-repeat: no-repeat; }*/
#footer{ margin: 0 auto; width: 800px; 	height: 160px; background: url(/images/footer_bg.jpg); 	background-repeat: no-repeat; }
#leftfooter{ float:left; width: 400px; height: 180px; }
#footerdiv .outer{ float:left; padding:20px 30px 0 20px;}
#footerdiv li {	text-align: left; list-style:none; font-style:normal; font-family:Arial, Helvetica, sans-serif;	font-size:0.8em; }
#footerdiv li a{ color:#acafb5; list-style:none; }
#footerdiv li a:link, #footerdiv a:active, #footerdiv a:visited{ color:#acafb5; text-decoration: none; }
#footerdiv li a:hover { color:#acafb5; text-decoration: underline;}

#flashcontent{float:right; width:400px; height:160px; padding-top:2px;}

#footerbottom{ text-align: left; padding:40px 10px 0; color:#acafb5; font-size:0.7em;	height:25px;}
#footerbottom a:link, #footerbottom a:active, #footerbottom a:visited{ color:#acafb5; text-decoration: none; }
#footerbottom a:hover { color:#acafb5; text-decoration: underline;}


.greenbold, .greenbold:link, .greenbold:active, .greenbold:visited {font-size:1.2em;color:#57DA17;}
.greenbold:hover {font-size:1.2em;color:#DF3A3E;}