/*__ Basics __*/

html { height: 100%;  margin-bottom: 0px; }
html * { padding: 0; margin: 0; }

body {
text-align: center; 		/* to correct the centering IE bug*/
padding: 40px 0px 20px;
}

#dark{
	color:#ffffff;
	background-color:#54574c;
}

#darker {
	color:#ffffff;
	background-color:#30312B;
}

#white{
	color:#ffffff;
	background-color:#ffffff;
}

.button{		/* All types Buttion Class */
	background-color:#1387DD;
	border:1px solid #60AFE8;
	color:#FFFFFF;
	font-size:11px;
	font-family:tahoma;
	height:20px;
	width:70px;
}

.cboactive{        /* class for ComboBox, TextBox, Drop Down List, FileUpload, ListBox */
    font-size: 11px;
    color: #000000;
	border: 1px solid #cccccc;
	height: auto;
    font-family: tahoma;
	background-color:#FFFFFF;
	width: 150px;
}


a.link{		/*class for Link */
	font-weight:normal;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	color:#A5A5A5;
	font-size:15px;
	background: #30312B url(../images/start_01.gif) no-repeat;
	padding-left: 23px;
	margin-left: 350px;
	margin-top: 40px;
}

a.link:hover{		/* Class for Link */
	font-weight:normal;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	color:#990000;
	font-size:15px;
	background: #30312B url(../images/start_02.gif) no-repeat 0px center;
	padding-left: 23px;
	margin-left: 350px;
	margin-top: 40px;
}

.errormsg{			/* class for error message */
	color:#FF0000;
	font-size:11px;
}

#wrapper{		/* page align */
	width: 1000px;
	height: 620px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}


#wrapper h1 {
	width: 2px;
	height: 4px;
	left: 0px;
	top: 0px;
	position: absolute;
}
  
#wrapper h1 a {
	display: block;
	width: 2px;
	height: 2px;
	text-decoration: none;
	text-indent: -4040px;
}

#wrapper p {
	display: block;
	width: 2px;
	height:2px;
	text-decoration: none;
	text-indent: -4040px;
}

#special_wrapper {
	width: 1000px;
	height: 620px;
	position: relative;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#special_list{
	position:absolute;
	top:0px;
	left:0px;
	width: 250px;
	height: 500px;
	padding-top: 50px;
	text-align:left;
	font-size: 22px;
	color: #A5A5A5;
	text-transform: uppercase;
}

#special_list ul{
	margin : 0;
	padding : 0;
	list-style-type : none;
}

#special_list li { margin: 0 0 0 0; }

#special_list ul a{
	display : block;
	padding : 5px 10px;
	width : 180px;
	color : #555650;
	text-decoration : none;
	font-size : 22px;
	line-height : 22px;
}

#special_list ul a:hover {
	color : #A5A5A5;
	text-decoration : none;
}

#special_list .active{
	color: #A5A5A5;
}

#special{
	position:absolute;
	top:0px;
	left:270px;
	width: 600px;
	height: 420px;
	padding-top: 50px;
	text-align:left;
	color: #A5A5A5;
	font-size: 16px;
	line-height: 18px;
	overflow:auto;
}

#special p {
	font-size:13px;
	font-weight:normal;
    margin-bottom: 15px;
}

#specialthumb{
	position:absolute;
	top:420px;
	left:610px;
	width: 80px;
	height: 80px;
}

#gallery_list{
	position:absolute;
	top:0px;
	left:0px;
	width: 150px;
	height: 620px;
	text-align:center;
}

#gallery_list img{
	margin-bottom: 12px;
}

#gallery{
	position:absolute;
	top:0px;
	left:200px;
	width: 800px;
	height: 550px;
	text-align:center;
}

.kids{
	position:absolute;
	top:7px;
	left:7px;
}

/*__ myClients __*/

#myClients {
	position: absolute;
	width: 1000px;
	height: 500px;
	top:20px;
	left:0px;
	z-index: 5;
	visibility: hidden;
	text-align: left;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica;
	font-size: 13px;
	color: #DAD4C4;
	overflow: hidden;
	line-height: 19px;
}

#myClients .first{
	position: absolute;
	width: 210px;
	top:0px;
	left:0px;
}

#myClients .second{
	position: absolute;
	width: 210px;
	top:0px;
	left:210px;
}

#myClients .third{
	position: absolute;
	width: 210px;
	top:0px;
	left:580px;
}

#myClients .fourth{
	position: absolute;
	width: 210px;
	top:0px;
	left:790px;
}


/*__ Mainmenu __*/

ul#hauptmenue {
position: absolute;
top: 580px; left: 180px; 
width: 646px; height: 40px;
list-style-type: none; 
background: #54574c url(../images/menu/menu_01.gif) no-repeat;
}

  ul#hauptmenue li {
  display: block; 
  position: absolute;
  top: 0px;
  }

    ul#hauptmenue li a { 
    display: block; 
    height: 40px;     
    text-decoration: none; 
    text-indent: -4040px;
    }
    
    ul#hauptmenue a.aktiv { cursor: default; }
    
    ul#hauptmenue li { width: 646px; }
    ul#hauptmenue li a { background: #54574c url(../images/menu/menu_01.gif) no-repeat; }
    
    ul#hauptmenue li#navi_portfolio           { width: 135px; left: 0px; }
    ul#hauptmenue li#navi_portfolio           { background-position: -0px  -0px; }
    ul#hauptmenue li#navi_portfolio a:hover   { background-position: -0px -40px; }
    ul#hauptmenue li#navi_portfolio a.aktiv { background-position: -0px -40px; }
    
    ul#hauptmenue li#navi_clients           { width: 144px; left: 135px; }
    ul#hauptmenue li#navi_clients a         { background-position: -135px  -0px; }
    ul#hauptmenue li#navi_clients a:hover   { background-position: -135px -40px; }
    ul#hauptmenue li#navi_clients a.aktiv { background-position: -135px -40px; }
    
    ul#hauptmenue li#navi_contact           { width: 135px; left: 279px; }
    ul#hauptmenue li#navi_contact a         { background-position: -279px  -0px; }
    ul#hauptmenue li#navi_contact a:hover   { background-position: -279px -40px; }
    ul#hauptmenue li#navi_contact a.aktiv { background-position: -279px -40px; }
			
	ul#hauptmenue li#navi_specials           { width: 135px; left: 414px; }
    ul#hauptmenue li#navi_specials a         { background-position: -414px  -0px; }
    ul#hauptmenue li#navi_specials a:hover   { background-position: -414px -40px; }
    ul#hauptmenue li#navi_specials a.aktiv { background-position: -414px -40px; }
    
    ul#hauptmenue li#navi_home           { width: 110px; left: 536px; }
    ul#hauptmenue li#navi_home a         { background-position: -536px  -0px; }
    ul#hauptmenue li#navi_home a:hover   { background-position: -536px -40px; }
    ul#hauptmenue li#navi_home a.aktiv { background-position: -536px -40px; }
	
/*__ Gallerymenu __*/


ul#gallerymenue {
	position: absolute;
	top: 580px; left: 180px; 
	width: 646px; height: 40px;
	list-style-type: none; 
	background: #ffffff url(../images/menu/menu_02.gif) no-repeat;
}

  ul#gallerymenue li {
	display: block; 
	position: absolute;
	top: 0px;
}

    ul#gallerymenue li a { 
    display: block; 
    height: 40px;     
    text-decoration: none; 
    text-indent: -4040px;
}
    
    ul#gallerymenue a.aktiv { cursor: default; }
    
    ul#gallerymenue li { width: 646px; }
    ul#gallerymenue li a { background: #ffffff url(../images/menu/menu_02.gif) no-repeat; }
    
    ul#gallerymenue li#navi_portfolio           { width: 135px; left: 0px; }
    ul#gallerymenue li#navi_portfolio           { background-position: -0px  -0px; }
    ul#gallerymenue li#navi_portfolio a:hover   { background-position: -0px -40px; }
    ul#gallerymenue li#navi_portfolio a.aktiv { background-position: -0px -40px; }
    
    ul#gallerymenue li#navi_clients           { width: 144px; left: 135px; }
    ul#gallerymenue li#navi_clients a         { background-position: -135px  -0px; }
    ul#gallerymenue li#navi_clients a:hover   { background-position: -135px -40px; }
    ul#gallerymenue li#navi_clients a.aktiv { background-position: -135px -40px; }
    
    ul#gallerymenue li#navi_contact           { width: 135px; left: 279px; }
    ul#gallerymenue li#navi_contact a         { background-position: -279px  -0px; }
    ul#gallerymenue li#navi_contact a:hover   { background-position: -279px -40px; }
    ul#gallerymenue li#navi_contact a.aktiv { background-position: -279px -40px; }
				
	ul#gallerymenue li#navi_specials           { width: 135px; left: 414px; }
    ul#gallerymenue li#navi_specials a         { background-position: -414px  -0px; }
    ul#gallerymenue li#navi_specials a:hover   { background-position: -414px -40px; }
    ul#gallerymenue li#navi_specials a.aktiv { background-position: -414px -40px; }
    
    ul#gallerymenue li#navi_home           { width: 110px; left: 536px; }
    ul#gallerymenue li#navi_home a         { background-position: -536px  -0px; }
    ul#gallerymenue li#navi_home a:hover   { background-position: -536px -40px; }
    ul#gallerymenue li#navi_home a.aktiv { background-position: -536px -40px; }



/*__ Specialmenu __*/

ul#specialmenue {
position: absolute;
top: 580px; left: 180px; 
width: 646px; height: 40px;
list-style-type: none; 
background: #30312B url(../images/menu/menu_03.gif) no-repeat;
}

  ul#specialmenue li {
  display: block; 
  position: absolute;
  top: 0px;
  }

    ul#specialmenue li a { 
    display: block; 
    height: 40px;     
    text-decoration: none; 
    text-indent: -4040px;
    }
    
    ul#specialmenue a.aktiv { cursor: default; }
    
    ul#specialmenue li { width: 646px; }
    ul#specialmenue li a { background: #30312B url(../images/menu/menu_03.gif) no-repeat; }
    
    ul#specialmenue li#navi_portfolio           { width: 135px; left: 0px; }
    ul#specialmenue li#navi_portfolio           { background-position: -0px  -0px; }
    ul#specialmenue li#navi_portfolio a:hover   { background-position: -0px -40px; }
    ul#specialmenue li#navi_portfolio a.aktiv { background-position: -0px -40px; }
    
    ul#specialmenue li#navi_clients           { width: 144px; left: 135px; }
    ul#specialmenue li#navi_clients a         { background-position: -135px  -0px; }
    ul#specialmenue li#navi_clients a:hover   { background-position: -135px -40px; }
    ul#specialmenue li#navi_clients a.aktiv { background-position: -135px -40px; }
    
    ul#specialmenue li#navi_contact           { width: 135px; left: 279px; }
    ul#specialmenue li#navi_contact a         { background-position: -279px  -0px; }
    ul#specialmenue li#navi_contact a:hover   { background-position: -279px -40px; }
    ul#specialmenue li#navi_contact a.aktiv { background-position: -279px -40px; }
		
	ul#specialmenue li#navi_specials           { width: 135px; left: 414px; }
    ul#specialmenue li#navi_specials a         { background-position: -414px  -0px; }
    ul#specialmenue li#navi_specials a:hover   { background-position: -414px -40px; }
    ul#specialmenue li#navi_specials a.aktiv { background-position: -414px -40px; }
    
    ul#specialmenue li#navi_home           { width: 110px; left: 536px; }
    ul#specialmenue li#navi_home a         { background-position: -536px  -0px; }
    ul#specialmenue li#navi_home a:hover   { background-position: -536px -40px; }
    ul#specialmenue li#navi_home a.aktiv { background-position: -536px -40px; }