/*--------------------------------------
   BASIC
-------------------------------------- */
*                                      { margin: 0; padding: 0; list-style: none; }

body                                   {
	font: normal .7em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #4e4e4e;
	background: #9fa9b3 url(../images/layout/body.jpg) repeat-x 0 0;
	text-align: center;
	}

img										{max-width:555px; width: expression(this.width > 555 ? 555 : true); }

a img                                  { border: none; }
a, a img, 
a:link, a:visited, 
a:hover, a:active                      { outline: none; }

/*--------------------------------------
   LAYOUT
-------------------------------------- */
#wrapper                               {
	width: 960px;
	padding: 0 4px;
	margin: 0 auto;
	text-align: left;
	background: #fff url(../images/layout/wrapper-bg.gif) no-repeat 0 0;
	}
#container #topLink                              {
	display: block;
	clear: both;
	font-size: .9em;
	font-weight: bold;
	padding: 10px 15px;
	background: #fff;
	}	
#container #topLink a:link,
#container #topLink a:visited { color: #818181; text-decoration: underline; }
#container #topLink a:hover,
#container #topLink a:active                        { color: #818181; text-decoration: none; }


/*--------------------------------------
   WELCOME BOX
-------------------------------------- */
#welcomeBox {
	width: 968px;
	height: 30px;
	margin: 0 auto;
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
	}
	
#welcomeBox p { padding: 10px 5px; }
#welcomeBox span { margin-left: 20px; }	

#welcomeBox a:link,
#welcomeBox a:visited { color: #fff; text-decoration: none; }
#welcomeBox a:hover,
#welcomeBox a:active { color: #fff; text-decoration: underline; }

/*--------------------------------------
   LOGIN
-------------------------------------- */
#login {
	background: url(../images/layout/wrapper-bg-top.gif) no-repeat 0 0;
	padding: 15px;
	}
	
#logo { 
	display: inline;
	float: left;
	width: 124px;
	margin: 15px 20px 20px 15px;
	}	
/*--------------------------------------
   LOGIN // Sing in forma
-------------------------------------- */
#singin {
	display: inline;
	float: right;
	width: 320px;
	padding: 15px 40px 0 0;
	color: #848484;
	}
	
#singin fieldset { border: none; }
#singin legend { display: none; }	

#singin p {
	clear: both;
	background: transparent url(../images/layout/singin-input.gif) no-repeat 100px 0;
	margin-bottom: 10px;
	}
#singin p .input { 
	border: none;
	background: none;
	width: 120px;
	height: 18px;
	padding: 1px 2px;
	font: normal .9em Verdana, Arial, Helvetica, sans-serif;
	display: inline;
	}
#singin .button {
	background: #e3e3e3;
	color: #7d7d7d;
	font-weight: bold;
	border: none;
	width: 60px;
	height: 20px;
	display: inline;
	margin: 0 0 0 10px;
	position: relative;
	top: 0px !important;
	top: -1px;
	}

#singin label {
	text-align: right;
	display: block;
	width: 90px;
	float: left;
	margin: 0 10px 0 0;
	}

#singin div {
	margin: 0 0 0 100px;
	font-size: .9em;
	}
	
#singin a:link,
#singin a:visited { color: #848484; text-decoration: none; }	
#singin a:hover,
#singin a:active { color: #848484; text-decoration: underline; }

#singin a#singup {
	width: 149px;
	height: 17px;
	display: block;
	text-align: center;
	background: transparent url(../images/layout/singup.jpg) no-repeat 0 0;
	border: 1px solid #e3e3e3;
	color: #656565;
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px 0;
	margin: 12px 0;
	}

/*--------------------------------------
   HEADER
-------------------------------------- */	
#header                                {
	clear: both;
	width: 960px;
	height: 200px;
	background: transparent url(../images/layout/header.jpg) no-repeat 0 0;
	position: relative;
	}
	
#slogan {
	width: 290px;
	height: 65px;
	padding: 25px 10px;
	position: absolute;
	top: 18px;
	right: 57px;
	color: #fff;
	font-size: 1.05em;
	line-height: 1.5em;
	}	
	
/*--------------------------------------
   CONTAINER
-------------------------------------- */
#container                             {
	clear: both;
	background: transparent url(../images/layout/content-border.gif) repeat-y 690px 0;
	padding: 0
	width: 960px;
	}

/*--------------------------------------
   CONTAINER // Path
-------------------------------------- */	
#path                                  {
	font-weight: bold;
	color: #808080;
	font-size: 0.9em;	
	clear: both;
	margin: 20px 0 25px 20px;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #efefef;
	width: 670px;
	}
#path li                               { display: inline; }
#path a                     {
	color: #808080;
	text-decoration: none;
	background: transparent url(../images/layout/path.gif) no-repeat 3px 3px;
	padding-left: 25px;
	}
#path a,
#path a:hover               { color: #808080; text-decoration: none;  }
#path a.on                  { color: #000; text-decoration: none; }
#path a.home                  {  }

/*--------------------------------------
   mainContainer
-------------------------------------- */
#mainContainer                         {
	display: inline;
	float: left;
	width: 655px;
	padding: 0 15px;
	}

/*--------------------------------------
   secContainer
-------------------------------------- */
#secContainer                          {
	display: inline;
	float: right;
	width: 240px;
	margin: 0 15px 0 0;
	padding: 5px 0 0 0;
	}
	
/*--------------------------------------
   FOOTER
-------------------------------------- */	
#footer {
	clear: both;
	background: #fff url(../images/layout/footer.jpg) no-repeat 0 0;
	margin: 0 -4px;
	padding: 20px 0 15px 0;
	display: table;
	width: 968px;
	color: #9e9e9e;
	font-weight: bold;
	font-size: .9em;
	}
	
#footer p {
	display: inline;
	margin: 0 20px;
	}	
	
#copyright { float: left; }	
#development { float: right; text-align: right; }

#footer a:link,
#footer a:visited { color: #9e9e9e; text-decoration: underline; }
#footer a:hover,
#footer a:active { color: #000; text-decoration: none; }