/*********************************************************************/
/* Informations                                  */
/* Author: Gigi Frig                             */
/* Author URI: www.camtrial.com                  */
/* Author email: LOL                             */
/* Inspired from diferent www.oswd.org templates */

/*********************************************************************/

/* Main body */

*{
padding: 0;
margin: 0;
}

body{
font-family: Arial, Helvetica;
color: #000000;
font-size: 12px;
background-color: #ffcc66;
}

/*********************************************************************/

/* Img */

img{
padding: 3px;
border: 2px solid #ffcc66;
}

.img2{ 
padding: 3px;
border:none;
}

.img3{
padding: 3px;
border: none;
float:left;
margin-bottom:-4px;
}

img.floatTL{
float: left;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 8px;
}

img.floatTR{
float: right;
margin-left: 5px;
margin-bottom: 5px;
margin-top: 7px;
}

/*********************************************************************/

/* Wrapper */

#wrapper{
width: 770px;
margin-top: 5px;
margin-left:auto;
margin-right:auto;
margin-bottom: 5px;
}

/*********************************************************************/

/* Navigation */

#navbartop{
margin: 0px 5px 0px 5px;
padding: 5px;
vertical-align:middle;
background-image:url(../images/logo.gif);
background-position:center;
background-repeat:no-repeat;
background-color: #fe7733;
text-align: right;
color: #ffffff;
}

#navbartop a{
font-size: 12px;
color: #ffffff;
text-decoration: none;
}

#navbar{
margin: 3px 5px 0px 5px;
background-color:#ccccff;
height: 55px;
text-align: center;
padding: 5px;
}

#nav{
padding: 0;
margin-bottom: auto;
margin-top: 17px;
}

#nav li{
list-style-type: none;
display: inline;
line-height: 20px;
}
		
#nav li a{ 
text-decoration: none; 
color: #333360;
border-bottom: 0;
padding: 5px 10px;
font-size: 14px;
font-weight: bold;
}
 
#nav li a:hover{ 
color: #ff7733; 
}

#nav li a.on{ 
color: #00a7cc; 
}

.navspan{
text-decoration:underline;
}

/*********************************************************************/

/* Main text area */

#maintext{
border: 1px solid #ccc;
margin: 0px 5px 0px 5px;
padding: 4px;
background-color: #ffffcc;
}

#maintext h1{
color: #ffffff;
font-size: 12px;
font-weight:bold;
padding-left: 5px; padding-bottom:4px; padding-top:4px; padding-right:auto;
background-color: #fe7733;
}

#maintext h2{
color: #ffffff;
font-size: 12px;
font-weight:bold;
padding-left: 5px; padding-bottom:4px; padding-top:4px; padding-right:auto;
background-color: #fe7733;
}

#maintext p{
color: #000000;
text-align: justify;
padding-top: 5px;
padding-left: 5px;
padding-bottom: 5px;
padding-right: 10px;
}

#maintext a{
color: #ff7733;
text-decoration: underline;
}

#maintext a:hover{
color: #ff7733;
text-decoration: none;
}

#maintext center {font-size:10px; text-align:center;}

div.maintext{
font-weight:bold;
padding:3px;
text-align:left;
color:white;
background-color:#fe7733;
}

blockquote{
font-family: Tahoma, Arial;
font-size: 11px;
background-color: #ffcc66;
margin-top: -4px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
padding: 1px;
text-align: justify;
}

.blockquote2{
font-family: Tahoma, Arial;
font-size: 12px;
background-color: #ffcc66;
margin-top: -6px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 5px;
padding: 1px;
text-align: justify;
}

/*********************************************************************/

/* Footer */

#footer{
background-color: #ccccff;
margin-top: 2px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
display: inline; /* IE Hack */
padding: 4px;
float: left;
width: 750px;
text-align: center;
font-size: 11px;
}

#footer a{
color: #333360;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

/*********************************************************************/

/* Miscellaneous */

.inset{ 
float:right;
width:340px;
height:290px;
padding:5px;
border:2px solid #ffcc66;
margin:5px -7px 0 5px;
background:#ffffcc;
color:inherit;
}

.logo{
vertical-align: top;
background-color:#ffcc66;
text-align: center;
font-family:Arial;
padding:5px;
font-size:18px;
line-height: 18px;
color:#FF0000;
margin-bottom:0px;
margin-top:0px;
margin-right:90px;
margin-left:auto;
}

.logo2 {color: #000000;}

.blink{
color:#FF0000;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
font-size:14px;
font-family:Tahoma, Arial;
text-align:center;
text-decoration:blink;
}

.iframe{
vertical-align:middle;
}

.copy{
padding-top: 3px;
text-align:left;
}

.flag{
border:none;
padding:0px;
margin-bottom:-4px;
margin-left: 3px;
}

div.thumb{
padding-bottom: 8px;
}

.thumb img{
border: 1px solid #cccccc;
}

.thumb a:hover img{
border: 1px solid #000000;
}

div.photo{
padding-bottom: 5px;
}

.photo img{
margin:5px;
border: 1px solid #cccccc;
}

.photo a:hover img{
border: 1px solid #000000;
}

.pp{
margin-left:10px;
margin-right:10px;
margin-top: 1px;
margin-bottom:-5px;
text-align: justify;
}

.link{
font-size:14px;
font-weight:strong;
padding:5px;
}

.moblist{
margin-left:20px;
padding:10px;
}

/*********************************************************************/

/* Page #2 "How it works" */

#ccbody{
border: 1px solid #ccc;
margin: 0px 5px 0px 5px;
padding-top: 5px;
background-color: #ffffcc;
}

#ccbody h1{
color: #ffffff;
font-size: 12px;
padding-left: 5px;
}

#ccbody h2{
color: #ffffff;
font-size: 12px;
padding-left: 5px;
}

#ccbody p{
color: #000000;
text-align: justify;
padding-top: 5px;
padding-left: 0px;
padding-bottom: 5px;
padding-right: 0px;
}
#ccbody a{
color: #ff7733;
text-decoration: underline;
}
#ccbody a:hover{
color: #ff7733;
text-decoration: none;
}

div.ccbody{
font-weight:bold;
margin-left:5px;
margin-right: 5px;
padding:3px;
text-align:left;
color:white;
background-color:#fe7733;
}

/*********************************************************************/

/* Page #3 "Gallery" */

#ccphoto{
border: 1px solid #ccc;
margin: 0px 5px 0px 5px;
padding-top: 5px;
background-color: #ffffcc;
}

#ccphoto h1{
color: #ffffff;
font-size: 12px;
padding-left: 5px;
}

#ccphoto h2{
color: #ffffff;
font-size: 12px;
padding-left: 5px;
}

#ccphoto p{
color: #000000;
text-align: justify;
padding-top: 5px;
padding-left: 0px;
padding-bottom: 5px;
padding-right: 0px;
}

#ccphoto a{
color: #ff7733;
text-decoration: underline;
}
#ccphoto a:hover{
color: #ff7733;
text-decoration: none;
}

div.ccphoto{
font-weight:bold;
margin-left:5px;
margin-right: 5px;
padding:3px;
text-align:left;
color:white;
background-color:#fe7733;
font-weight: 
}

/*********************************************************************/
/* STOP */
/*********************************************************************/