/* FrogWeb.at CSS  */
/*	Craig Morgan 2007  */

/* standard elements */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family:"Courier New", Courier, monospace;
	font-family:Arial, Helvetica, sans-serif;	
	background:   		#98A66F; 
	text-align: 		center;
	margin: 			0 auto;
	padding:			3%;
	}


input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.0em;
	padding-bottom: 1.0em;
}
h1 {
	font-size: 110%;
	margin-bottom: 4px;
	color:#000;	
}


#p {
	font-size: 85%;
	color:#FFE6D0;
	}	
		
.textblock {
	margin: 20px 80px 20px 20px;
        color:white;
	}	
	
.em         {        
        font-weight:600;
        font-style:normal;
        }	
		
form input
		{
		border: 1px solid #999;
		}
		
ul.contact  {
		clear:both;
		padding:0px 0px 2px 0px;
		margin:8px;
		list-style-type:none;
		line-height:150%;
		text-align:left;
		color:white;
		}					
	
/* positioning */
#wrapper {	
                width: 830px; 
                height: 555px; 
                margin: 0 auto;  
                position: absolute; 
                top: 50%; 
                left: 50%; 
                margin-left: -415px; 
                margin-top: -261px; 
                text-align: 		left;
	}
#shadow {
	position: absolute;
	width: 820px;
	height: 545px;
	background-image: url(../../images/shadow.gif);
	background-repeat: no-repeat;
	}
	
#frame {
	position:absolute;
	width: 782px;
	height:510px;
	margin: 1px;
	border:solid 8px #A7B384;
	background-color:#FFFFFF;	
	}
	
#frame2 {
	position:absolute;
	width: 800px;
	height:528px;	
	margin: 8px auto auto 10px;
	background-color:#C9CFB4;	
	}
	
	
#contenttitle {
	position: absolute;
	top: 80px;
	width: 240px;
	color: #FFFFFF;
	font-size: 100%;
	text-align: center;
	z-index: 5;
        white-space: nowrap;        
	}

#contenttitle td {
        text-align: left;
        font-size: 80%;
}

#contentlogo {
	position:absolute;
	width: 179px;
	height:169px;
	background-image:url(../../images/logo.gif);
	background-repeat:no-repeat;
	z-index:10;
	left: 422px;
	top: 210px;
	border: solid 6px #fff;
	}

/* Index page*/	
#p1_contentimg {
	position:absolute;
	left:270px;
	width: 270px;
	height: 170px;
	padding-top:100px;
	z-index:3;
	background-color: white;
	}
	
#p1_contenttext {
	position:absolute;
	top:360px;
        left:0px;
        width: 290px;
	height:128px;	
	z-index:5;
	padding:0px 30px 30px 30px;	
	overflow:hidden;
        font-size: 85%;
	color:#FFF;          
	}	

#p1_contenttext .textblock {
	margin: -10px;
	}
	
#p1_contenttext .textblock ul  { 
                color:#FFF; 
                list-style-type : none ;
                line-height :1.5em ;
                margin-left : -30px;
		}
	
#p1_contenttext h2 {
	color:#FFF;
        font-size : 120%;      
}

#p1_frog {
	position: absolute;
	width: 538px;
	height: 510px;
	background-image: url(../../images/froginplant4.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	z-index: 4;
	}


/* offers page*/
#p2_contentlogo {
	position: absolute;
	width: 155px;
	height: 143px;
	background-image: url(../../images/logoredbrown.gif);
	background-repeat: no-repeat;
	z-index: 5;
	left: 457px;
	top: 175px;
	border: solid 4px white;
	}				

#p2_contentimg {
	position:absolute;
	left:240px;
	width: 240px;
	height: 140px;
	padding-top:100px;
	z-index:3;
	background-color: #2F1312;
	}
	
#p2_contenttext {
	position:absolute;
	top:240px;
	width: 480px;
	height:270px;
	background-color:#5B423B;
	z-index:2;
	color:#000;
	overflow:hidden;
        font-size: 80%;
	color:#FFE6D0;
        text-align: left;
	}		

#p2_contenttext .textblock ul  {         
        line-height :1.7em ;
        }

#p2_contentdetail {
	position:absolute;
	top: 0px; 
        left: 0px;
	width: 418px;
	height:205px;	
	z-index:4;	
	color:#FFF;
	overflow:hidden;
        visibility : hidden;
        background-image: url(../../images/detailbg.png) ;
        background-repeat:repeat;  
        padding:30px 30px 10px 30px;
        line-height :1.2em ;
        font-size: 80%;  
	}	
	
#p2_frog {
	position:absolute;
	width: 240px;
	height:240px;
	background-image:url(../../images/laptop.jpg);
	background-repeat:no-repeat;
	background-color: #FFF;
	}

#p2a_frog {
	position:absolute;
	width: 240px;
	height:240px;
	background-image:url(../../images/laptop.jpg);
	background-repeat:no-repeat;
	background-color: #FFF;
	}

	
/* CMS page*/	
#p3_contentlogo {
	position: absolute;
	width: 155px;
	height: 143px;
	background-image: url(../../images/logoredbrown.gif);
	background-repeat: no-repeat;
	z-index: 5;
	left: 457px;
	top: 175px;
	border: solid 4px white;
	}				

#p3_contentimg {
	position:absolute;
	left:240px;
	width: 240px;
	height: 140px;
	padding-top:100px;
	z-index:3;
	background-color: #40452F;
	}
	
#p3_contenttext {
	position:absolute;
	top:240px;
	width: 480px;
	height:270px;
	background-color:#75804F;
	z-index:2;
	color:#000;
	overflow:hidden;
        font-size: 80%;
	color:#FFE6D0;
        text-align: left;
	}
	
#p3_frog {
	position:absolute;
	width: 240px;
	height:240px;
	background-image:url(../../images/frograin.jpg);
	background-repeat:no-repeat;
	background-color: #FFF;
	}

/* Template page*/	
#p4_contentlogo {
	position:absolute;
	width: 125px;
	height:125px;
	background-image:url(../../images/logowhite.gif);
	background-repeat:no-repeat;
	z-index:7;
	left: 655px;
	top: 380px;
	}
	
#p4_contenttext {
	position:absolute;
	top: 0px; 
        left: 50%;
	width: 552px;
	height:480px;	
	z-index:2;
	padding:0px;
	color:#EEE;
	overflow:hidden;
        margin-left: -356px;  
	}

#p4_contenttext p {
	font-size: 85%;
	color:#FFE6D0;
	}
	
#p4_frog {
	position:absolute;
	width: 123px;
	height:247px;
	top: -1px;
	left: 731px;
        background-image:url(../../images/cutefrog.gif);
	background-repeat:no-repeat;
        z-index:7; 
	}	
	
#templatemenu {
	position:absolute;
	width:560px;
	height:20px;
	top: 482px;
	left: 15px;
	font-size:80%;            
	}

#templatemenu a:link {
		text-decoration:none;
		color:#565B48;
	}	

#templatemenu a:visited {
		text-decoration:none;
		color:#6F765E;
	}	

#templatemenu a:hover, a:active {
		text-decoration:none;
		color: #F03C04;
	}
	
#templatemenu td {
    height: 24px; 
    width: 23px;
    text-align: center;
    vertical-align: middle;
}

#templatemenu .activeid {
    background-image:url(../../images/redring.gif);
    background-repeat:no-repeat; 
    background-position: center;    
}

#templatemenu  a.activeid { 
    background-image: none;
    color: #FD7205;    
}

/* Contact page*/	
#p5_contentlogo {
	position: absolute;
	width: 155px;
	height: 143px;
	background-image: url(../../images/logoredbrown.gif);
	background-repeat: no-repeat;
	z-index: 5;
	left: 457px;
	top: 175px;
	border: solid 4px white;
        z-index: 1;
	}				

#p5_contentimg {
	position:absolute;
	left:240px;
	width: 240px;
	height: 140px;
	padding-top:100px;
	z-index:3;
	background-color: #731B09;
        text-align: left;        
	}
	
#p5_contenttext {
	position:absolute;
	top:240px;
	width: 480px;
	height:270px;
	background-color:#9B1901; 
	z-index:2;
	color:#000;
	overflow:hidden;
        font-size: 74%;
	color:#FFE6D0;
        text-align: left;
	}

#p5_contenttext ul {
        list-style-type:none;
}	
	
	
#p5_frog {
	position:absolute;
	width: 240px;
	height:240px;
	background-image:url(../../images/froginplant2.jpg);
	background-repeat:no-repeat;
	background-color: #FFF;
	}


/* Portfolio page*/	
#p6_contentlogo {
	position:absolute;
	width: 125px;
	height:125px;
	background-image:url(../../images/logowhite.gif);
	background-repeat:no-repeat;
	z-index:7;
	left: 655px;
	top: 380px;
	}
	
#p6_contenttext {
	position:absolute;
	top:0px;
	left:0px;
	width: 600px;
	height:440px;	
	z-index:2;
	padding:0px;
	color:#EEE;
	overflow:hidden;
	}	
	
#p6_contenttext p {
	font-size: 85%;
	color:#FFE6D0;
	}
	
#p6_frog {
	position:absolute;
	width: 123px;
	height:247px;
	top: -1px;
	left: 731px;
        background-image:url(../../images/cutefrog.gif);
	background-repeat:no-repeat;
        z-index:7;  
	}	
	
#p6_portfoliotext{
   color: #000;
   margin-left: 50px;
   margin-right: 50px;
   margin-top: 10px;
   font-size: 80%;
   text-align : left;   
}

/* Portfolio page*/	
#p7_contentlogo {
	position: absolute;
	width: 155px;
	height: 143px;
	background-image: url(../../images/logoredbrown.gif);
	background-repeat: no-repeat;
	z-index: 5;
	left: 457px;
	top: 175px;
	border: solid 4px white;
	}				

#p7_contentimg {
	position:absolute;
	left:240px;
	width: 240px;
	height: 140px;
	padding-top:100px;
	z-index:3;
	background-color: #211231;
	}
	
#p7_contenttext {
	position:absolute;
	top:240px;
	width: 480px;
	height:270px;
	background-color:#4A4252;
	z-index:2;
	color:#000;
	overflow:hidden;
        font-size: 80%;
	color:#FFE6D0;
        text-align: left;
	}
	
#p7_frog {
	position:absolute;
	width: 240px;
	height:240px;
	background-image:url(../../images/froglemon.jpg);
	background-repeat:no-repeat;
	background-color: #FFF;
	}


/* e-commerce page*/
#p8_contentimg {
	position:absolute;
	left:240px;
	width: 240px;
	height: 140px;
	padding-top:100px;
	z-index:3;
	background-color:#965814;
	}

#p8_contenttext {
	position:absolute;
	top:240px;
	width: 480px;
	height:270px;
	background-color:#ba6e1a;
	z-index:2;
	color:#000;
	overflow:hidden;
	font-size: 80%;
	color:#FFE6D0;
	text-align: left;
	}

#p8_frog {
	position:absolute;
	width: 240px;
	height:240px;
	background-image:url(../../images/frogsit.jpg);
	background-repeat:no-repeat;
	background-color: #FFF;
	}


/* menu */	
#menu {
	position:absolute;
	width: 140px;
	height:250px;
	top: 215px;
	left: 620px;
	z-index:5;
	}

#menu ul {
		font-size: 70%;
		clear:both;
		padding:0px 0px 2px 0px;
		margin:8px;
		list-style-type:none;
		line-height:250%;
		text-align:left;		
	}	
	
#menu li {
		border-bottom:dotted 1px #ccc;
		white-space:nowrap;
	}	

#menu li {
		border-bottom:dotted 1px #ccc;
		white-space:nowrap;
	}	

#menu a:link {
		text-decoration:none;
		color:#6F765E;
	}	
	
#menu a:visited {
		text-decoration:none;
		color:#6F765E;
	}	

#menu a:hover, a:active {
		text-decoration:none;
		color:#6F765E;
	}	
	
/* portfolio menu */
#portfoliomenu {
	position:absolute;
	width:500px;
	height:20px;
	top: 440px;
	left: 10px;
	font-size:80%;            
	}

ul.portfolio	{
			margin:0px;
			padding:0px;
			float:right;
			list-style-type:none;
			text-align:left;;
			}

ul.portfolio li{	
			display:block;
			margin:0px;
			float:left;
            border:1px solid #999;
			}

#portfoliomenu a:link {
            height: 48px;
}

#footer {
	position:absolute;
	width:780px;
	text-align:right;
	top: 530px;
	left: 0px;
	color:#C9CFB4;
	font-size:80%;
	}	
	
#footer a:link, a:visited {
		text-decoration:none;
		color:#C9CFB4;
	}	

#footer a:hover, a:active {
		text-decoration:underline;
		color:#C9CFB4;
	}	

 a:link, a:visited {
		text-decoration: none;
		color: #FE9E50;
	}	

 a:active, a:hover {
		text-decoration: underline;
		color: #FD7205;
	}
	
a.smallwhitelink {
		color:#FFFFFF;
		font-size: 85%;
}	

#information{
   position: absolute; 
   z-index: 10; 
   visibility: visible; 
   left: -1000px; 
   top: -1000px;
}