/*
          Cascacing Stylesheet for anteater-travel.com
          This: additional stylesheet definitions for all other pages than index.html and intro02.html

          by Ayshe Peters, rot65.de, June 2007
        */
        
/** page "why us" **/
body#why>#centerlizer>#maincontent {
	background: url(../img/palms.jpg) no-repeat center 60px #006666;
}

body#why>#centerlizer>#maincontent>#textbackground, 
body#what>#centerlizer>#maincontent>#textbackground {
	background-color:#fff;
	filter:alpha(opacity=60);
	opacity: 0.60;
	-moz-opacity:0.60;
	width:465px;
	height:355px;
	position:absolute;
	left: 154px;
	top:170px;
}

/** page "what we do" **/
body#what>#centerlizer>#maincontent {
	background: url(../img/sunset.jpg) no-repeat center 60px #339;
}

body#what>#centerlizer>#maincontent>#textbackground {
	height:195px;
}

/** page "postcards" **/
body#postcards>#centerlizer>#maincontent {
	background: url(../img/canion.jpg) no-repeat center 60px #330;
}

ul#postcarddisplay {
position:relative;
width:775px;
left:50%;
margin: 0 0 0 -365px;
list-style-type:none;
}

ul#postcarddisplay li.card {
	background: url(../img/postcard.gif) no-repeat;
	width: 310px;
	height:210px;
	filter:alpha(opacity=65);
	opacity: 0.65;
	-moz-opacity:0.65;
	float:left;
	margin-bottom: 10px;
	margin-right: 30px;
}

#postcarddisplay li p {

	width:180px;
	font-size:10px;
	padding:10px;
}

#postcarddisplay li p span.names {
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:10px;
}

#postcarddisplay li p span.date {
	color: #220;
}

/** page "credits" **/

body#credit>#centerlizer>#maincontent {
	background-color: #000;
	color:#fff;
}

body#credit>#centerlizer>#maincontent>#text p {
	color: #aaa;
}

body#credit>#centerlizer>#maincontent>#text p span,
body#credit>#centerlizer>#maincontent>#text p a {
	color: #fff;

}

/** pages "destinations"  and album **/
body#destinations>#centerlizer>#maincontent,
body#album>#centerlizer>#maincontent {
	background-color: #000;
	color:#fff;
	}
	
body#album>#centerlizer>#maincontent {
	height:620px;
}	
	
body#destinations>#centerlizer>#maincontent>#text
{
	width:775px;
	padding:0;
	font-size:12px;
	line-height:18px;
	position:absolute;
	left: 0px;
	top:165px;
}

body#album>#centerlizer>#maincontent>#text {
	width:775px;
	padding:0;
	font-size:12px;
	line-height:18px;
	position:absolute;
	left: 0px;
	top:140px;
}

ul#destinationindex {
	margin:0;
	padding:0;
	list-style-type: none;
	width:775px;
}	

ul#destinationindex li {
	float:left;
	margin-right:1px;
	margin-bottom:1px;
	padding:0;
}

ul#destinationindex li a {
display:block;
	margin-bottom:-4px;
}

#anti {
	position:absolute;
	top:97%;
	left:40%;
}

body#destinations>#centerlizer>#maincontent>#credits {
	position:absolute;
	top:100%;
	left:95%;
}

body#album>#centerlizer>#maincontent>#credits {
	position:absolute;
	top:101%;
	left:95%;
}

h1.captiontitle, #caption {
	color: #888;
	text-align:center;
	margin-top:0;
	font-size: 12px;
}
	
#albumnavigation {
	text-align: center;
	margin-top:-20px;
	padding:0;
}

/** pages "contact" and error handling**/
body#contact>#centerlizer>#maincontent,
body#error>#centerlizer>#maincontent
 {
	background: url(../img/mangroves.jpg) no-repeat center 60px #090;
}

body#contact>#centerlizer>#maincontent>#textbackground,
body#error>#centerlizer>#maincontent>#textbackground
 {
	background-color:#bcdc96;
	filter:alpha(opacity=80);
	opacity: 0.80;
	-moz-opacity:0.80;
	width:465px;
	height:375px;
	position:absolute;
	left: 154px;
	top:170px;
}

form {
	padding:10px 5px;
}

label.label, label.speciallabel {
	display:block;
	float:left;
	width:170px;
	text-align:right;
	font-weight:bold;
	font-size: 9px;
	line-height:10px;
	padding-top:5px;
}

label.speciallabel {
	padding-top: 0;
}

 span.info {
	font-weight:normal;
	padding:0;
	font-size:9px;
}

input.input, textarea.comment {
	margin-bottom:6px;
	margin-left:10px;
	width: 250px;
	background-color:#fff;
	border:1px solid #777;
}

textarea.comment {
	height: 200px;
	background-color:#fff;
}

div#sending {
	float:right; 
	margin-right:10px;
}

a.sendmail {
	float:left;
	margin-right:10px;
	text-decoration: underline;
}

input#sendbutton {
	display:block;
	/*margin-left:384px;*/
	border:1px solid #777;
}

a.backlink {
	color: #000;
	text-decoration: underline;
}