/*
    File Name:      main.css
    Description:    Skārda Nams website.
    Version:        V1
    Author:         Zigurds Gavars
    Author URI:     http://www.html-advisor.com/
*/
html,body{
    font:12px Arial, Helvetica, sans-serif;
    color:#666;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    background: #B1DBB7 url(../img/bg.jpg) repeat}
h1,h2,h3,h4,h5,h6{
    font-size:14px;
    margin:0;
    padding:0}
h3{
    font-size:12px;
    font-weight:bold;
    color:#000}
h4{
    color:#38332D;
    font-size:12px;
    font-weight:normal;
    /*padding:0 0 0 19px;*/
    margin:0;
    /*background:url(../img/bgh4.gif) 0 0 no-repeat*/}
a{
    color:#666;
    text-decoration:none;
    outline:none}
a:hover{
    text-decoration:underline}
a:active,a:link,fieldset{
    border:0;
    outline:none}
em{
    font-style:normal;
    color:#00944B}
#wrp{
    position:relative;
    top:0;
    width:100%;
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 0 -90px 0}
#cont{
    position:relative;
    top:0;left:50%;
    width:900px;
    height:auto;
    padding:130px 0 0 0;
    margin:0 0 0 -450px;
    z-index:2;
    overflow:hidden}
#hd{
    position:absolute;
    top:0;
    width:100%;
    height:189px;
    background:url(../img/top_bg.jpg) repeat-x;
    z-index:1}
    #hdi{
        position:relative;
        width:900px;
        height:175px;
        margin:0 auto;
        padding:0;}
#menu{
    float:left;
    width:261px;
    height:auto;
    margin:0;
    background:url(../img/m_bg.jpg) repeat-y;
    overflow:hidden}
    #mtop{
        height:auto;
        background:url(../img/m_b.jpg) no-repeat left bottom}
    #menu ul{
        height:auto;
        list-style:none;
        overflow:hidden}
    #mmain{
        padding:35px 15px 22px 15px;
        margin:0;
        background:url(../img/m_t.jpg) no-repeat left top}
        #mmain h2{
			background: url(../img/ico/li1.gif) 11px top no-repeat;
            height:24px;
            padding:0 0 0 36px;
            margin:0;
            font-size:12px;
            line-height:24px;
            color:#333}
		#mmain li li {
			background: url(../img/ico/li2.gif) 6px 4px no-repeat;
			padding: 2px 0 3px 25px
		}
		#mmain li li li {
			background: url(../img/ico/li3.gif) left 4px no-repeat;
			padding: 2px 0 3px 19px
		}
        #pg1,#pg2,#pg3,#pg4{
            margin:12px 0 0 0;
            padding:0 0 11px 0;
			background: url(../img/dash_b.gif) 6px bottom no-repeat}
        #menu ul.ml1{
            height:100%;
            padding:0;
            margin:0 0 0 12px}
        ul.ml2{
            padding:0;
            margin:0}
        #pg1{
            margin-top:0;
            padding-top:0;}
        #pg4{
            background-image: none}
        #mmain li.nb{
            background:none}
#page{
    float:right;
    width:630px;
    height:auto}
    #page h2{
        height:24px;
        margin:5px 0 5px 5px;
        padding:0;
        font-size:13px;
        font-weight:bold;
        line-height:24px;
        color:#333;
        background:url(../img/ico/li4.jpg) no-repeat}
        #page h2 b{
            padding:0 10px 0 8px}
        #page h2.h2f{
            padding-left:30px}
        #page dl,#page dt,#page dd{
            padding:0;
            margin:0}
            #page dl{
                background:url(../img/box_bg.jpg) 0 33px no-repeat;
                height:386px}
            #page dt{
                background:url(../img/box_t.jpg) 0 0 no-repeat;
                height:18px;
                padding:15px 0 0 19px;
                font-size:13px;
                font-weight:bold;
                color:#333}
            #page dd{
                background:url(../img/box_b.jpg) 0 bottom no-repeat;
                height:341px;
                padding:8px 70px 5px 28px}
            #page dd a{
                color:#4E945A;
                text-decoration:underline}
            #page dd a:hover{
                color:#81BC8B;
                text-decoration:none}
            #page dd p{
                padding:0 0 14px 0;
                margin:0}
            #page dd ul{
                padding:0 0 7px 10px;
                margin:0}
			#page dd ul li{
				background: url(../img/ico/li2.gif) left 2px no-repeat;
				list-style-type: none;
                padding:0 0 5px 20px;
                margin:0}
    #lgbg{
        position:absolute;
        top:22px;left:5px;
        height:55px;
        width:138px;
        background:#F00;}
    #logo{
        position:absolute;
        top:14px;
        left:11px;
        width:230px;
        height:79px;
        padding:0;
        margin:0;
        background:url(../img/logo.gif) no-repeat}
        #logo a{
            display:block;
            width:237px;
            height:0;
            padding:79px 0 0 0;
            overflow:hidden}
        #tm{
            position:absolute;
            top:0;
            right:0;
            margin:69px 50px 0 0;
            list-style:none;
            overflow:hidden;
            display:inline;
            z-index:30}
            #tm li{
                float:left;
                margin:0;
                padding:0;
                line-height:12px;
				font-size: 11px;
				color: #9CA5A5}
			#tm li a{
				font-size: 11px;
				color: #9CA5A5}
			#tm li a:hover {
				color: #73B57E;
			}
            li#tmi1,li#tmi2,li#tmi3{
                width:11px;
                height:10px;
                background-repeat:no-repeat}
			li#tmi1{
				margin: 0 9px 6px 78px;
			}
			li#tmi2{
				margin: 0 9px 6px 0;
			}
			li#tmi3{
				margin: 0 0 6px 0;
			}
                #tmi1 a,#tmi2 a,#tmi3 a{
                    display:block;
                    overflow:hidden;
                    width:11px;
                    height:0;
                    padding:10px 0 0 0;}
            #tmi1{
                background-image:url(../img/ico/icohome.gif)}
            #tmi2{
                background-image:url(../img/ico/icocontact.gif)}
            #tmi3{
                background-image:url(../img/ico/icobookmark.gif)}
            li#tmi4{
                margin:0 10px 0 20px;
                padding:0 10px 0 0;
                border-right:1px solid;
				clear: left;}
    #bcr{
        height:28px;
        margin:17px 0 -45px 6px;
        padding:0 0 0 19px;
		z-index: 999;
        list-style:none;
        line-height:28px;
		position: relative;}
        #bcr li{
            float:left;
			font-size: 15px;
			font-weight: bold;
			color: #333333}
    #gs{
        position:relative;
        top:0;
        width:593px;
        height:475px;
        margin:0;
        padding:0;
        list-style:none;
        background:url(../img/house.jpg) left top no-repeat}
        #gs li{
            position:absolute;
            width:25px;
            height:25px;
            margin:0;
            padding:0}
        #g01{
            top:73px;
            left:308px}
        #g02{
            top:127px;
            left:309px}
        #g03{
            top:156px;
            left:258px}
        #g04{
            top:195px;
            left:195px}
        #g05{
            top:137px;
            left:449px}
        #g06{
            top:246px;
            left:276px}
        #g07{
            top:327px;
            left:201px}
        #g08{
            top:305px;
            left:387px}
        #g09{
            top:152px;
            left:480px}
        #g10{
            top:75px;
            left:375px}
        #g11{
            top:189px;
            left:319px}
        #gs a{
            display:block;
            width:25px;
            height:25px;
            line-height:25px;
            text-align:center;
            color:#333}
            #gs a:hover{
                text-decoration:none}
    #dyn{
        height:auto;
        overflow:hidden}
        ul#prgr{
            margin:0;
            padding:0;
            overflow:hidden}
            ul#prgr li{
                float:left;
                width:184px;
                height:146px;
                margin:0 0 0 1px;
                padding:10px 0 10px 12px;
                list-style:none;
                background:url(../img/pgibg.png) no-repeat;
                display:inline}
            ul#prgr span{
                font-size:11px;
                color:#666;
                display:block;
                padding:4px 0 2px 0}
            ul#prgr p{
                padding:0 0 3px 0;
                margin:0;
                height:70px}
                ul#prgr p img{
                    float:left;
                    margin:0 3px 0 0;
                    border:1px solid #81BC8B}
            ul#prgr strong{
                font-weight:normal;
                color:#333}
            ul#prgr a{
                margin:5px 0 0 0;
                display:block;
                padding:0 0 0 18px;
                background:url(../img/bgmore.gif) 0 0 no-repeat}
                ul#prgr a:hover{
                    background:url(../img/bgmoreo.gif) 0 0 no-repeat}
.clr{
    clear:both}
.ddt,.ddb{
     float:left;
     width:264px;
     height:100px}
     .ddt p{
        margin:0;
        padding:0 0 0 20px !important;
        font-size:11px;
        color:#666}
     .ddt strong{
        padding:0 0 0 20px;
        color:#333}
     .ddb img,.ddt img{
        margin:5px 0 0 0}
.brdr{
    border:1px solid #999}
.info{
    padding:4px 0 0 25px;
    margin:0;
    color:#333}
.hidden{
    visibility:hidden}
#TB_window a:link,#TB_window a:visited,#TB_window a:hover,#TB_window a:active,#TB_window a:focus{
    color:#34911B;
    text-decoration:none;
    font-weight:bold}
a.nlink{
    color:#38332D !important;
    font-weight:normal !important;
    text-decoration:none !important}
    a.nlink:hover{
        text-decoration:underline !important}
		
#kontaktforma {
	background: url(../img/box_bg2.jpg) left top no-repeat;
	height: 458px;
	padding: 0 0 17px 0;
	border: 0;
	margin: 0;
}

#cont #page #kontaktforma dl,
#cont #page #kontaktforma dd,
#cont #page #kontaktforma dt {
	background-image: none;
}

#cont #page #kontaktforma dd {
	padding: 20px 70px 5px 28px;
}
		
#kontaktforma fieldset{
    padding:0;
    border:0;
    margin:0}
    #kontaktforma ol{
        margin:8px 8px 5px 0;
        padding:0;
        list-style:none}
    #kontaktforma li{
        padding:4px 0;}
    #kontaktforma label{
        font-weight:bold;
        color:#555;
        width:160px;
        display:block;
        float:left}
    #kontaktforma input{
        width:250px;
        border:1px solid #99C9A2}
    #kontaktforma textarea{
        width:360px;
        height:130px;
        border:1px solid #99C9A2}
    #kontaktforma input.btn{
        border:0;
        width:100px;
        height:25px;
        background:url(../img/bgbtn.gif) no-repeat;
        font-weight:bold;
        color:#333}
    #kontaktforma legend{
        color:#666;
        margin:0;
        padding:0;
        text-indent:0}
#error,#gutt{
    margin:280px 0 0 290px;
    width:140px;
    padding:3px;
    color:#000;
    text-align:center;
    border:1px solid;
    position:absolute}
    #error{
        border-color:#B74D4D;
        background:#FFBABA}
    #gutt{
        border-color:#749074;
        background:#E9FDE4}
#ft,.spc{
    height:57px}
#ft{
    height: 40px;
    padding: 50px 0 0 0;
    text-align:center;
    background: url(../img/ftr_bg.jpg) repeat-x}
	#ft p{
		margin: 0;}
    #ft .p{
		padding: 4px 0 0 0;
		color: #999999;
		font-size: 11px;}
		
		
	

#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: 130px;
	height: 50px;
	padding: 15px 10px 0 10px;
	background: transparent url(../img/tooltip.gif) left top no-repeat;
	visibility: hidden;
	z-index: 999;
	text-align: left;
	font-size: 11px;
	color: #828282;
}
#dhtmltooltip b {
	color: #333333;
	font-size: 12px;
	display: block;
	padding-bottom: 2px;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}