/* CSS Document */

html, body{
	margin: 0;
	padding: 0;
	background-image:url(img/backgr_grad.jpg);
	background-repeat: repeat-x;
	background-color: #cbcbcb;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #545454;
}

#sitecontainer{
width: 906px;
margin: 0 auto;


}
#header{
	margin-top: 7px;
	height: 46px;
	padding-bottom:0;
	margin-bottom:0;
	
}
.contactlink{
	font-size:14px;
	color: #006393;
	
}
#contact{
	padding-top: 30px;
	float:right;
}
#menucontainer{
	height: 278px;
	padding-top: 19px;
}

#maintextcontainer{
	height: 338px;
	background: url(img/photocard_app.jpg) no-repeat 622px 28px #FFFFFF; 
	padding-top:28px;
}
#itemcontainer1{
	margin-left: 32px;
	padding-left: 58px;
	height: 121px;
	width:483px;
	background-image:url(img/what_icon.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;

}
#text1{
	margin-left: 58px;
	width: 484px;
	float: left;
}
#what_icon{
float: left;

}
.itemheader, .listheader, #detailheader, .formheader{
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight:bold;
	font-size:14px;
	color: #007cc2;
}
#itemcontainer2{
	margin-left: 32px;
	padding-left: 58px;
	height: 86px;
	width:483px;
	background-image:url(img/arrow_icon.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;


}
#itemcontainer3{
	margin-left: 32px;
	padding-left: 58px;
	height: 100px;
	width:483px;
	background-image:url(img/question_icon.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;


}
#imagewrapper{
	margin-top: 28px;
	margin-left: 622px;
	float:left;
}

#logo{
	float:left;
}
.itemtext, .how-itemtext, .detailtext{
	margin-top: 0px;
	line-height: 150%;
	
}
#footer{
	height: 99px;
	background: url(img/footer_grad.jpg) repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 19px;
	text-align:center;
	color: #8c8c8c;
}

.footerlink A:link {text-decoration: underline; color: #007cc2;}
.footerlink A:visited {text-decoration: underline; color: #004769;}
.footerlink A:active {text-decoration: none}
.footerlink A:hover {text-decoration: underline; color: #007cc2;}

.contactlink A:link {text-decoration: underline; color: #006393;}
.contactlink A:visited {text-decoration: underline; color: #000000;}
.contactlink A:active {text-decoration: none}
.contactlink A:hover {text-decoration: underline; color: #006393;}

.footermenulink A:link {text-decoration: underline; color: #f46d00;}
.footermenulink A:visited {text-decoration: underline; color: #004769;}
.footermenulink A:active {text-decoration: none;}
.footermenulink A:hover {text-decoration: underline; color: #f46d00;}

/* HOW-PAGE */
#how-menucontainer{
	padding-top: 19px;
}
#how-maintextcontainer{
	margin-left: 33px;
	padding-left: 6px;
	padding-right: 23px;
	height: 121px;
	width:494px;
}
#how-maincontainer{
	height: 350px;
	background: url(img/cards.jpg) no-repeat 561px 20px #FFFFFF; 
	padding-top:28px;
	padding-bottom: 40px;
}
#note{
	width:450px;
	font-size:10px;
	margin-top:25px;
	margin-bottom: 0px;
	padding-left: 30px;
	padding-top: 0px;
	background: url(img/note_icon.gif) no-repeat 0px 0px;

}
#notetext{
	margin-top: 0px;
	margin-bottom: 0px;
}
.how-itemtext{
	margin-bottom: 20px;
}

/* SOFTWARE-PAGE */
#soft-maincontainer{
	height: 449px;
	background-color: #FFFFFF; 
	padding-top:28px;
	padding-bottom: 40px;
}
.listlink{
 	list-style-type: none;
	margin: 0;
	padding: 0;

}
A:link {text-decoration: underline; color: #f46d00;}
A:visited {text-decoration: underline; color: #FFB359;}
A:active {text-decoration: underline; color: #f46d00;}
A:hover {text-decoration: underline; color: #f46d00;}

#listcontainer{
	margin-left: 37px;
	width: 158px;
	float:left;
}
.screenshot{
	float:left;
}
#screendetails{
	float:left;
	position:relative;
	width:212px;
	margin-left: 21px;
	height:315px;
}
.navbtn{
	margin-top:140px;
	margin-bottom:0;
	float:left;
}
.detailtext{
	margin-bottom:0;
}



.btnnext {
position:absolute;
background-image: url(img/btn_next_hover.gif);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 98px;
height: 46px;
margin: 0;
padding: 0;
top:240px;
left:100px;
}
.btnnext_off {
position:absolute;
background-image: url(img/nextbtn_off.gif);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 98px;
height: 46px;
margin: 0;
padding: 0;
top:240px;
left:100px;
}
.btnprev_off{
position:absolute;
background-image: url(img/prevbtn_off.gif);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 96px;
height: 46px;
margin: 0;
padding: 0;
top:240px;
left:0;
}


.btnnext a {
display: block;
/*color: #000000;
font-size: 11px;*/
width: 98px;
height: 46px;
display: block;
text-decoration: none;
}

.btnnext img {width: 98px; height: 46px; border: 0; }
* html a:hover {visibility:visible}
.btnnext a:hover img{visibility:hidden}

.btnprev {
position:absolute;
background-image: url(img/btn_prev_hover.gif);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 96px;
height: 46px;
margin: 0;
padding: 0;
top:240px;
left:0;
}

.btnprev a {
display: block;
/*color: #000000;
font-size: 11px;*/
width: 96px;
height: 46px;
display: block;
text-decoration: none;
}

.btnprev img {width: 96px; height: 46px; border: 0; }
* html a:hover {visibility:visible}
.btnprev a:hover img{visibility:hidden}

/* ABOUT_PAGE */
#about-textcontainer{
	margin-left: 37px;
	width: 539px;
}
.about-text, .contact-text{
	margin: 0 0 20px 0;
}
#about-maincontainer{
	height: 410px;
	padding-top:28px;
	background: url(img/cards2.jpg) no-repeat 609px 21px #FFFFFF; 
}
/* CONTACT-PAGE */
#contact-maincontainer{
	height: 553px;
	padding-top:28px;
	background: url(img/cards3.jpg) no-repeat 276px 16px #FFFFFF; 
}
#contact-infocontainer{
	margin-top:50px;
}
/*label   {
	line-height: normal;
	text-align: left;
	position: relative;
	display: block;
	float: left;
	width: 105px;
	border: 1px #FF0000 solid;
	height: 20px;
	margin:5px 0 5px 0;
}
input.formInputText   {
	color: #000000;
	margin-right: 5px;
	margin-bottom: 5px;
}
select.formSelect  {
	color: #000000;
	padding: 2px;
	border: solid 1px #f66;
	margin-right: 5px;
	margin-bottom: 5px;
}*/
label   {
	/*font-weight: bold;*/
	line-height: normal;
	text-align: left;
	margin-right: 10px;
	position: relative;
	display: block;
	float: left;
	width: 90px;
	}

label.fieldLabel	{
	display: inline;
	float: none;
	}
	
input.formInputText   {
	/*font-size: .8em;*/
	/*color: #666;*/
	/*background-color: #fee;*/
	padding: 2px;
	/*border: solid 1px #f66;*/
	margin-right: 5px;
	margin-bottom: 5px;
	height: 15px;
	}
	
input.formInputText:hover {
	/*background-color: #ccffff;*/
	/*border: solid 1px #006600;*/
	/*color: #000;*/
	/*cursor: pointer;*/
	}
	
input.formInputText:focus {
	/*color: #000;*/
	/*background-color: #ffffff;*/
	/*border: solid 1px #006600;
	cursor: text;*/
	}
	
select.formSelect  {
	/*font-size: .8em;*/
	/*color: #666;*/
	/*background-color: #fee;*/
	/*padding: 2px;*/
	/*border: solid 1px #f66;*/
	margin-right: 5px;
	margin-bottom: 5px;
	/*cursor: pointer;*/
	}

select.formSelect:hover  {
	/*color: #333;*/
	/*background-color: #ccffff;*/
	/*border: solid 1px #006600;*/
	}
	
select.formSelect:focus  {
	color: #000;
	/*background-color: #ffffff;*/
	/*border: solid 1px #006600;*/
	}
input.formInputButton   {
	/*font-size: 1.2em;*/
	vertical-align: middle;
	/*font-weight: bolder;*/
	text-align: center;
	/*color: #300;
	background: #f99 url(bg_button.png) repeat-x;*/
	/*padding: 10px;*/
	/*border: solid 1px #f66;*/
	/*cursor: pointer;*/
	float: right;
	margin: 5px 25px 0 0;
	}
textarea.formInputText   {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:205px;
	}
#myform{
	background-color: #eaeaea;
	width:816px;
	height:226px;
	margin:15px 0 0 0;
	padding:0;
}
#formsub1{
	width:320px;
	float:left;
	margin-left:34px;
	
}
#formsub2{
	width:335px;
	float:left;
	margin-left:12px;
	
}
.roundcont {
	width: 816px;
	background-color: #eaeaea;
	margin-left:37px;
}
.roundtop { 
	background: url(img/tr_corner.gif) no-repeat top right; 
}
img.corner {
   width: 5px;
   height: 5px;
   border: none;
   display: block !important;
}

.formheader{
	margin-bottom: 10px;
}
.reqstar{
	color:#f46d00;
}