
body 
{
	text-align : center; /* Centers wrapper div in IE */
	font : 10pt Verdana, Tahoma, sans-serif;
}


#wrapper 
{
	width : 745px; /* Centers wrapper div in newer browsers */
	margin : 0 auto; /* ditto */
	text-align : left;
}


ul, li { list-style : square; }


/* Global - Links */
a img 
{
	border : 0;
}
a:link, a:visited 
{
	color : #556A90;
	text-decoration : underline;
}
a:hover 
{
	text-decoration : none;
}


/* Header */
#header 
{
	position : relative;
}


/* Header - Logo */
#logo 
{
	height : 90px; width : 745px;
	background : url(/images/logo_left.gif) no-repeat left;
}
#logo span 
{
	display : block;
	text-indent : -1000em;
	margin-left : 333px;
	height : 90px; 
	width : 412px;
	background : url(/images/logo_right.gif) #556A90 no-repeat right;
}


/* Header - Menu */
#header ul 
{
	position : absolute;
	/* left : 333; */
	right: 0;
	top : 63px; /* IE Fix, grrr... */
	width : 412px;
	border-top : 1px solid white;
	background : #859BBA;
}

#header>ul 
{
	top : auto;
	bottom : 0; /* For well behaved browsers like Mozilla */
}
#header ul, #header li 
{
	display : inline;
	list-style : none;
	margin : 0;
	padding : 4px 0;
}
#header a:link, #header a:visited 
{
	padding : 4px 8px;
	text-decoration : none;
	color : white;
	background : #859BBA;
	font : 9pt "Trebuchet MS", Verdana, sans-serif;
}
#header a.dark:link, #header a.dark:visited 
{
	background : #7489AE;
}
#header a:hover, #header a.dark:hover 
{
	background : #637AA2;
	color : #D8E0EB;
}



#description ul, li 
{
	margin : 0;
	color : #444444;
}
#description li 
{
	font-size : 12pt;
}
a#learn:link, a#learn:visited 
{
	position : absolute;
	font-size : 12px;
	color : white;
	text-decoration : none;
	right : 4px;
	top : 143px;
}
a#learn:hover 
{
	text-decoration : underline;
}


a#user:link, a#user:visited 
{
	position : absolute;
	font-size : 12px;
	color : white;
	text-decoration : none;
	right : 10px;
	top : 35px;
	background-color: #526994;
}
a#user:hover 
{
	text-decoration : underline;
	background-color: #526994;
}



.cms 
{
	width : 34%;
	border-left : 1px solid white;
	border-right : 1px solid white;
}

th.cms 
{
	background : #A0B3CD;
}


#more a:link, #more a:visited 
{
	text-align : center;
	display : block;
	text-decoration : none;
	color : #2D4165;
	background : #C9D7EB;
	padding : 2px;
}
#more a:hover 
{
	color : #1D3560;
	background : #AEC3E1;
}
#more .cms a:link, #more .cms a:visited 
{
	background : #DBE6F6;
}
#more .cms a:hover 
{
	background : #BBCEEA;
}



/* Footer */
#footer 
{
	background : url(/images/footer.gif) no-repeat;
	font-size : 10px;
	height : 20px;
	padding : 4px 10px;
	color : white;
	border-top : 1px solid white;
	clear : both;
	position : relative;
}
#footer a:link, #footer a:visited 
{
	color : white;
	text-decoration : none;
}
#footer a:hover 
{
	color : #D9E0EB;
}
#footer #dotcom 
{
	position : absolute;
	right : 8px;
}



/* About - Pics */
#about_pic1 
{
	float : right;
	margin : 5px 0 5px 5px;
}
#about_pic2 
{
	float : left;
	margin : 5px 5px 5px 0;
}


/* Coding Standards */
.green { color: #006600 }
.red { color: #CC0000 }


/* Testimonials */
blockquote 
{
	border : 1px dashed #DDD;
	padding : 4px;
	text-indent : 40px;
	font : italic 14pt "Trebuchet MS", Verdana, sans-serif;
	color : #6A81A7;
	line-height : 18pt;
	margin : 4px 154px 4px 4px;
	background : url(/images/quote_left.gif) no-repeat;
	background-position : top left;
}
blockquote p 
{
	margin : 0; padding : 0;
	background : url(/images/quote_right.gif) no-repeat;
	background-position : bottom right;
}


/* Miscellaneous */
.servicedesc { margin-bottom : 2px; padding : 2px 4px; }
.box { margin : 2px; }
.box h4 { background : #E9EEF7; }


#ragione_sociale 
{
	text-align : center; /* Centers wrapper div in IE */
	font : 8pt Verdana, Tahoma, sans-serif;
	color: #A6B3CA;
}

blockquote p 
{
	margin : 0; padding : 0;
	background : url(/images/quote_right.gif) no-repeat;
	background-position : bottom right;
}


/* Miscellaneous */
.servicedesc { margin-bottom : 2px; padding : 2px 4px; }
.box { margin : 2px; }
.box h4 { background : #E9EEF7; }


#ragione_sociale 
{
	text-align : center; /* Centers wrapper div in IE */
	font : 8pt Verdana, Tahoma, sans-serif;
	color: #A6B3CA;
}

#validators
{
    margin-top: 10px;
	float : right;  
}

.message
{
	margin : 4px;
	padding : 4px 10px 4px 10px;
	background : #E5E9F0;
	border : 1px dashed #8797B0;
	font : 9pt Verdana, sans-serif;
	color : #222;
}

.alert
{
	margin : 4px;
	padding : 4px 10px 4px 10px;
	background : #FFE5E5;
	border : 1px dashed #8797B0;
	font : 9pt Verdana, sans-serif;
	color : #222;
}

/*---------- Forms ----------*/
form 
{ 
    margin : 0; 
}

/*
table#form { width : 100%; }
td.formleft { width : 100px; }
td.formleft_25 { width : 25px; margin : 0; padding-top : 6px; }
td.formleft_150 { width : 150px; }
*/
       
form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

form p label {
    float: left;
	width: 25%;
	padding: 5px 0 0 10px;
}       

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

form input
{
   border: 1px solid #A5B2CE;
   padding: 0 2px 0 2px;
   margin: 1px;
}

form input:focus
{
   border: 2px solid #526994;
   margin: 0;
}

form textarea
{
   border: 1px solid #A5B2CE;
   padding: 0 2px 0 2px;
   margin: 1px;
}

form textarea:focus
{
   border: 2px solid #526994;
   margin: 0;
}


