@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400);
@import url(http://fonts.googleapis.com/css?family=Cabin+Condensed:600);

*{
padding:0px;
margin:0px;
}
img{border:0px;}
html{
width:100%;
height:100%
}
body{
width:954px;
height:100%;
margin:0 auto;
position:relative
}
html > body{
height:auto;
min-height:100%
}
#header{
width:100%;
overflow:hidden
}
#wrapper{
padding-bottom:80px;
width:954px;
overflow:hidden;
}
#footer{
position:absolute;
bottom:0px;
width:100%;
height:80px;
padding-top:0;
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
background-color:#FFFFFF
}
.mainbg{
background-image:url(images/content_bot.gif);
background-position:top left;
background-repeat:no-repeat
}
.contentbg{
background-image:url(images/sl-content_bg.gif);
background-position:top left;
background-repeat:repeat-y
}
.mainbg_s{
background-image:url(images/content_bot_s.gif);
background-position:top left;
background-repeat:no-repeat
}
.contentbg_s{
background-image:url(images/content_bg_s.gif);
background-position:top left;
background-repeat:repeat-y
}
h6 {
	display: block; 
	width: 777px; height: 128px;
	background: url(images/sl-logo-banner2.gif) no-repeat;
	margin: 10px 0 -20px 0;
	padding: 0;
	text-indent: -9999px;
	float: left;
}

	h6 a {
		display: block; 
		width: 500px; height: 100px;
		overflow: hidden;
	}
	
p{
	font-family:'Open Sans', Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:17px;
}
	
h1{
	font-family:'Cabin Condensed', Arial, Verdana, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#344882;
}

h2{
	font-family:'Open Sans', Helvetica, Arial, Verdana, sans-serif;
	font-size:18px;
	color:#999;
}

h3{
	font-family:'Open Sans', Helvetica, Arial, Verdana, sans-serif;
	font-size:13px;
	color:#2d4078;
	border-bottom:1px solid #2d4078;
	margin:10px 0;
}

.bigblock ul li {
	list-style:disc outside none;
	margin-left: 24px;
}

.breadcrumbs {
	padding:0;
	margin:0;
	clear:none;
	font-size:11px;
}
	
#metalink ul{width:106px; position:absolute; top:28px; right:12px; list-style-type:none;}
#metalink ul li{width:52px; height:53px; border-right:1px solid #2d4078; float:left;}
#metalink ul li.pen{width:52px; height:53px; background:url(images/sl-contact.png) 0 0 no-repeat;}
#metalink ul li.pen a{width:52px; height:53px; display:block; background:url(images/sl-contact.png) 0 0 no-repeat; text-indent:-20000px;}
#metalink ul li.pen a:hover{width:52px; height:53px; background:url(images/sl-contact_a.png) 0 0 no-repeat; text-indent:-20000px;}

#metalink ul li.calculator{width:52px; height:53px; background:url(images/sl-smap.png) 0 0 no-repeat; border:none;}
#metalink ul li.calculator a{width:52px; height:53px; display:block; background:url(images/sl-smap.png) 0 0 no-repeat; text-indent:-20000px;}
#metalink ul li.calculator a:hover{width:52px; height:53px; background:url(images/sl-smap_a.png) 0 0 no-repeat; text-indent:-20000px;}	
	
.logo{
float:left
}

.clear {clear: both}

#meta{
float:left;
padding:36px 0 37px 161px;
}
#meta a{
display:block;
float:left;
line-height:21px;
background-position:top left;
background-repeat:no-repeat;
font-family:Tahoma;
font-size:11px;
color:#616365;
text-decoration:none;
padding:0 35px 0 27px;
}
.meta1{background-image:url(images/meta1.gif)}
.meta2{background-image:url(images/meta2.gif)}
.meta3{background-image:url(images/meta3.gif)}

.menucontainer {
	background-color:transparent;
	background-attachment:scroll;
	background-image:url(images/sl-subbg.gif);
	background-repeat:repeat-x;
	background-position:center bottom;
	display:block;
	width:100%;
	height:62px;
}

#navbar {
   float:right;
   margin: 0;
   padding: 0 12px 0 0;}
#navbar li {
   list-style: none;
   float: left;
   height:60px; }
#navbar li a {
   display: block;
   padding: 0 0 2px 0;
   text-decoration: none;
   line-height:31px;
	width:110px;
	text-align:center;
   font-weight: normal;
   color:#616365;
   font-family:tahoma, sans-serif; 
	font-size:13px;
	background-image:url(images/sl-but.gif);
	background-position:top left;
	background-repeat:no-repeat; }
#navbar > li a:hover {
   color: #FFF;
	background-image:url(images/sl-but_a.gif);
	background-position:top left;
	background-repeat:no-repeat; }
#navbar li ul {
   display: none;  }
#navbar li:hover ul, #navbar li.hover ul {
   position: absolute;
   display: inline;
   float:left;
   /*width: 100%; */
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: left; }
#navbar li:hover li a, #navbar li.hover li a {
   color: #000;
   width:auto;
   background-image:url(images/sl-bullet.gif);
background-position:left center;
background-repeat:no-repeat;
text-align:left; 
padding:0 20px; 
height:29px; 
line-height:29px; 
font-size:12px;
font-family:Tahoma;
color:#333333;
font-weight:bold;
text-decoration:none;
 }

#navbar li li a:hover {
   color: #666;
   background-image:url(images/sl-bullet_a.gif);
   background-position:left center;
   background-repeat:no-repeat; }
#navbar li:hover > a{
	text-decoration:none;
	background-image:url(images/sl-but_a.gif);
	color:#FFFFFF;
}
#areas { left:400px; }
#services { left:248px; *left:170px; }
#about { left:440px; *left:380px; }
#customer { left:470px; *left:430px; }

#sidebar{
width:214px;
float:left;
background-color:#fffbe2;
padding-bottom:20px;
}
#block{
width:214px;
float:left;
background-image:url(images/sl-bottom.gif);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#ffdd20;
padding:10px 0 7px 0;
}
#login{
background-image:url(images/login-bg.png);
background-position:top left;
background-repeat:no-repeat;
height:166px;
margin:0 0 0 8px;
padding:41px 0 0 27px;
}
#login img{
float:left;
margin:0;
padding:0;
}
.input{
width:145px;
height:15px;
border:2px inset #D5D5D5;
float:left;
margin:0 0 6px 0;
padding:0 0 0 2px;
font-family:Tahoma;
font-size:11px;
color:#828282
}

.button{
background-image:url(images/button.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#FFFFFF;
width:128px;
border:0px;
margin:4px 0 5px 10px;
padding:3px 0 6px 0;
cursor:pointer;
color:#2C2C2C;
font-family:Tahoma;
font-size:11px;
}

#login .submit{
background-image:url(images/button.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#FFFFFF;
width:128px;
border:0px;
margin:4px 0 5px 10px;
padding:3px 0 6px 0;
cursor:pointer;
color:#2C2C2C;
font-family:Tahoma;
font-size:11px;
}

#login input{
	margin:2px 6px 2px 0;
	padding:0;
}

.checkbox{
float:left;
margin:0 0 0 17px;
width:13px;
height:13px;
}
.forgot{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#2083B6;
text-decoration:underline;
display:block;
/* display:inline; */
float:left;
margin:0 0 0 27px
}
.forgot:visited{text-decoration:underline}
.forgot:hover{text-decoration:none}
#list{
background-image:url(images/list_bg.gif);
background-position:top left;
background-repeat:repeat-y;
width:214px;
margin:5px 0 0 0;
float:left
}
#list ul{
padding:21px 0 30px 16px;
list-style-type:none
}
#list div{
padding:21px 0 30px 16px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#595959;
}
#list div p{
width:185px;
padding:5px 0 5px 3px
}
#list li a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#595959;
text-decoration:underline;
background-image:url(images/arrow.gif);
background-position:top left;
background-repeat:no-repeat;
line-height:24px;
padding:0 0 3px 22px;
}
#list a:visited{text-decoration:underline}
#list a:hover{text-decoration:none}
#content{
width:721px;
float:left;
background-image:url(images/sl-corner.gif);
background-position:top left;
background-repeat:no-repeat;
position:relative;
padding:25px 0 20px 19px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#595959
}
.advertising{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#91D0E8;
text-decoration:underline;
position:absolute;
top:10px;
right:22px;
}
.advertising:visited{text-decoration:underline}
.advertising:hover{text-decoration:none}
.bigblock{
width:480px;
float:left;
padding:18px 29px 10px 20px;
}
.bigblock p{
padding:9px 0 5px 3px
}
.bigblock a, #list div a{
color:#2083B6;
font-size:12px;
/* display:block;
float:left;
margin:2px 0 0 3px; */
text-decoration:underline
}
.bigblock a:visited, #list div a:visited{text-decoration:underline}
.bigblock a:hover, #list div a:hover{text-decoration:none}

.bigblock > table {width:476px; border:1px solid #CCC; border-collapse:collapse;}
.bigblock > table th {background-color:#CCCCFF; border:1px solid #CCC; vertical-align:middle;}
.bigblock > table td {border:1px solid #CCC; padding:5px;}

.quote{
width:188px;
float:right;
padding:16px 0 10px 0;
margin:18px 0 15px 0;
border:1px solid #d7d7d7;
}
.quote img{
margin:0 0 14px 51px
}
.quoteblock{
padding:0 0 15px 0
}
.quoteblock p{
font-family:Tahoma;
font-size:11px;
color:#808080;
padding:0 5px 7px 15px;
text-align:left;
}
.quoteblock p a{
color:#2083B6;
text-decoration:underline
}
.quoteblock p a:visited{text-decoration:underline}
.quoteblock p a:hover{text-decoration:none}
.quoteblock .date{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#D4E9F0;
display:block;
width:169px;
line-height:19px;
background-color:#2d4078;
padding:0 0 0 11px;
margin:0 0 10px 5px;
}
.quoteblock .author{
	color:#2083B6;
	font-weight:bold;
	text-align:right;
}
	
#navigation{
background-image:url(images/sl-bottom_bg.gif);
background-position:top left;
background-repeat:no-repeat;
width:100%;
text-align:center;
line-height:33px;
color:#2d4078
}
#navigation li{
display:inline;
}
#navigation a{
color:#2d4078;
text-decoration:none;
margin:0 8px;
}
#navigation a:visited{text-decoration:none}
#navigation a:hover{text-decoration:underline}
#footer p{
text-align:center;
color:#323232;
padding:5px 0 0 0
}
#footer p a{
color:#0F6A8B;
text-decoration:underline
}
#footer p a:visited{text-decoration:underline}
#footer p a:hover{text-decoration:none}
.service{
padding:10px 0 25px 23px;
overflow:hidden;
float:left
}
.pic{
padding:11px;
border:1px solid #A2ACB0;
margin:16px 27px 10px 0;
float:left
}
.service p{
display:block;
float:left;
width:475px;
padding:10px 0 0 0
}
.banner{
margin-top:5px;
float:left
}