/*

Design: Raffaella Mattei Cattani
XHTML & CSS: Raffaella Mattei Cattani
URL: http://www.firstlight.it

*/

body {
background: url(../img/bg.jpg) #ffffff repeat fixed;
font-family: Helvetica, Arial, sans-serif;
}


/*///////////////////////////////////////////////////////////////
////////////////////////////HEADER///////////////////////////////
//////////////////////////////////////////////////////////////*/


#main {
background: #ffffff;
height: 100%;
width: 1080px;
float: left;
text-align: center;
}

#bar {
background: #52a08b;
height: 20px;
width: 100%;
float: left;
}

#bar_content {
height: 20px;
width: 210px;
margin-right: 130px;
float: right;
}

#bar_content p {
color: #ffffff;
font-size: 11px;
float: right;
padding-top: 4px;
}

#bar_content a {
color: #ffffff;
font-size: 11px;
float: right;
}

#bar_content a:hover {
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

#content {
background: #ffffff;
height: 100%;
width: 820px;
margin: auto;
}

#logo {
height: 165px;
width: 350px;
margin-top: 35px;
float: left;
}

#logo img{
float: left;
}

#menu {
height: 165px;
width: 470px;
margin-top: 35px;
float: left;
}

#menu ul{
float: left;
}

#menu li{
text-align: left;
color: #cdcdcd;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 8px;
}

#menu li a{
color: #cdcdcd;
text-decoration: none;
}

#menu a:hover {
color: #000000;
text-decoration: underline;
}

#menu_one {
height: 165px;
width: 63px;
float: right;
}

#menu_two {
height: 165px;
width: 115px;
float: right;
}

#menu_three {
height: 165px;
width: 100px;
float: right;
}

#intro_home {
height: 174px;
width: 820px;
float: left;
border-top: solid 1px #e5e5e5;
}

#intro_home p {
color: #cdcdcd;
font-size: 33px;
line-height: 35px;
font-weight: bold;
text-align: left;
float: left;
padding-top: 32px;
}

#intro {
height: 140px;
width: 820px;
float: left;
border-top: solid 1px #e5e5e5;
}

#intro p {
color: #cdcdcd;
font-size: 33px;
line-height: 35px;
font-weight: bold;
text-align: left;
float: left;
padding-top: 32px;
}

/*/////////////////////////////////////////////////////////////
////////////////////////////ALL///////////////////////////////
////////////////////////////////////////////////////////////*/

.title {
height: 55px;
width: 100%;
float: left;
}

.title p {
text-align: justify;
color: #000000;
font-size: 16px;
font-weight: bold;
float: left;
padding-top: 35px;
}

.title_two {
height: 55px;
width: 100%;
float: left;
}

.title_two p {
text-align: justify;
color: #000000;
font-size: 16px;
font-weight: bold;
float: left;
padding-top: 35px;
padding-left: 35px;
}

.text {
height: 100%;
width: 100%;
float: left;
}

.text p {
color: #666666;
font-size: 12px;
float: left;
text-align: justify;
padding-top: 25px;
}

.text a {
color: #49927e;
text-decoration: none;
}

.text a:hover {
color: #49927e;
text-decoration: underline;
}

.text_two {
height: 100%;
width: 100%;
float: left;
}

.text_two p {
color: #666666;
font-size: 12px;
float: left;
text-align: justify;
padding-top: 25px;
padding-left: 35px;
}

.text_two a {
font-size: 12px;
color: #49927e;
text-decoration: none;
}

.text_two a:hover {
color: #49927e;
text-decoration: underline;
}


/*/////////////////////////////////////////////////////////////
////////////////////////////HOME///////////////////////////////
////////////////////////////////////////////////////////////*/


#home_last_work {
height: 200px;
width: 820px;
float: left;
border-top: solid 5px #52a08b;
}

#home_last_work img{
padding-top: 33px;
padding-right: 3px;
float: left;
}

#home_intro {
height: 100%;
width: 820px;
float: left;
border-top: solid 1px #e5e5e5;
padding-bottom: 40px;
}

#home_intro_one {
height: 100%;
width: 560px;
float: left;
}

#home_intro_two {
height: 100%;
width: 260px;
float: left;
}

#home_intro_two ul{
list-style: url(../img/list.gif) inside;
text-align: left;
float: left;
padding-top: 15px;
padding-left: 35px;
}

#home_intro_two li{
color: #666666;
font-size: 12px;
padding-top: 10px;
}

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

#home_news {
height: 100%;
width: 820px;
float: left;
border-top: solid 1px #e5e5e5;
}

#home_news_one {
height: 100%;
width: 250px;
float: left;
}

#twitter {
height: 100%;
width: 250px;
float: left;
}

#twitter p {
font-size: 12px;
float: left;
padding-top: 30px;
}

#twitter a {
color: #49927e;
text-decoration: none;
}

#twitter a:hover {
color: #49927e;
text-decoration: underline;
}

#twitter ul {
padding-top: 5px;
}

#twitter li {
color: #666666;
font-size: 12px;
float: left;
text-align: left;
padding-top: 20px;
}

#twitter li a {
color: #49927e;
text-decoration: none;
}

#twitter li a:hover {
color: #49927e;
text-decoration: underline;
}

#twitter_time a {
color: #999;
}

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

#home_news_two {
height: 100%;
width: 285px;
float: left;
}

.blog_title {
color: #000000;
font-size: 16px;
font-weight: bold;
float: left;
text-align: left;
padding-top: 35px;
padding-left: 35px;
}

.blog_title a{
color: #000000;
}

.blog_title a:hover {
color: #49927e;
text-decoration: underline;
}

.blog_title_little {
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #999;
text-align: left;
text-transform: uppercase;
font-size: 9px;
padding-top: 5px;
padding-left: 35px;
float: left;
}

.blog_title_little a {
color: #49927e;
}

.blog_title_little a:hover {
color: #49927e;
text-decoration: underline;
}

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

#home_news_three {
height: 100%;
width: 285px;
float: left;
}


/*//////////////////////////////////////////////////////////////
////////////////////////////ABOUT///////////////////////////////
/////////////////////////////////////////////////////////////*/

#about_intro {
height: 100%;
width: 820px;
float: left;
border-top: solid 5px #52a08b;
padding-bottom: 40px;
}

#about_intro_one {
height: 100%;
width: 320px;
float: left;
}

#about_intro_one img{
float: left;
padding-top: 25px;
}

#about_intro_one ul{
list-style: none;
text-align: left;
float: left;
padding-top: 15px;
padding-left: 20px;
}

#about_intro_one li{
color: #666666;
font-size: 12px;
padding-top: 10px;
}

#about_intro_two {
height: 100%;
width: 500px;
float: left;
}

#skills {
height: 100%;
width: 820px;
float: left;
border-top: solid 1px #e5e5e5;
}

#skills ul{
list-style: url(../img/list.gif) inside;
text-align: left;
float: left;
padding-top: 15px;
}

#skills li{
color: #666666;
font-size: 12px;
padding-top: 10px;
}

#skills_list_one {
height: 100%;
width: 320px;
float: left;
}

#skills_list_two {
height: 100%;
width: 210px;
float: left;
padding-left: 65px;
}

#skills_list_three {
height: 100%;
width: 170px;
float: left;
padding-left: 45px;
}

/*//////////////////////////////////////////////////////////////////
////////////////////////////PORTFOLIO///////////////////////////////
/////////////////////////////////////////////////////////////////*/

#portfolio {
height: 100%;
width: 820px;
float: left;
border-top: solid 5px #52a08b;
}

.portfolio_line {
height: 130px;
width: 820px;
float: left;
margin-bottom: 35px;
}

#portfolio_into_one {
height: 100%;
width: 220px;
float: left;
border-top: solid 5px #52a08b;
}

#portfolio_into_two {
height: 100%;
width: 600px;
float: left;
border-top: solid 5px #52a08b;
}

#portfolio_into_two img {
float: left;
padding-top: 10px;
}

#indietro {
height: 40px;
width: 110px;
float: left;
margin-right: 40px;
}

/*////////////////////////////////////////////////////////////////
////////////////////////////SERVICES///////////////////////////////
///////////////////////////////////////////////////////////////*/

#servizi {
height: 100%;
width: 820px;
float: left;
border-top: solid 5px #52a08b;
padding-bottom: 40px;
}

#servizi ul{
list-style: url(../img/list.gif) inside;
text-align: left;
float: left;
padding-top: 15px;
}

#servizi li{
color: #666666;
font-size: 12px;
padding-top: 10px;
}

#servizi_list_one {
height: 100%;
width: 250px;
float: left;
}

.servizi_list {
height: 100%;
width: 220px;
float: left;
padding-left: 65px;
}

#processo {
height: 100%;
width: 820px;
float: left;
border-top: solid 1px #e5e5e5;
}

.processo_list_one {
height: 200px;
width: 250px;
float: left;
}

.processo_list {
height: 200px;
width: 250px;
float: left;
padding-left: 30px;
}

/*//////////////////////////////////////////////////////////////////
////////////////////////////RESOURCES///////////////////////////////
/////////////////////////////////////////////////////////////////*/

#resources {
height: 100%;
width: 820px;
float: left;
border-top: solid 5px #52a08b;
}

.resources_intro {
height: 100%;
width: 820px;
float: left;
}

.resources_intro input{
padding-top: 23px;
float: left;
}

.resources_line {
height: 130px;
width: 820px;
float: left;
margin-bottom: 20px;
}

.resources_download {
height: 15px;
width: 820px;
float: left;
margin-bottom: 20px;
}

.resources_download a{
font-family: Helvetica, Arial, Verdana, sans-serif;
color: #49927e;
font-size: 12px;
float: left;
margin-left: 3px;
margin-right: 145px;
}

.resources_download a:hover {
color: #49927e;
text-decoration: underline;
}
/*//////////////////////////////////////////////////////////////
////////////////////////////LINKS///////////////////////////////
/////////////////////////////////////////////////////////////*/

#links {
height: 100%;
width: 820px;
float: left;
border-top: solid 5px #52a08b;
}

#links ul{
list-style: url(../img/list.gif) inside;
text-align: left;
float: left;
padding-top: 15px;
}

#links li{
color: #666666;
font-size: 12px;
padding-top: 10px;
}

#links_list_one {
height: 100%;
width: 180px;
float: left;
}

.links_list {
height: 100%;
width: 170px;
float: left;
margin-left: 150px;
}


/*///////////////////////////////////////////////////////////////
////////////////////////////CONTACT//////////////////////////////
//////////////////////////////////////////////////////////////*/

#contatti {
height: 100%;
width: 820px;
float: left;
border-top: solid 5px #52a08b;
}

#contatti_one {
height: 100%;
width: 560px;
float: left;
}

#contatti_two {
height: 100%;
width: 260px;
float: left;
}

#contatti_two ul{
list-style: url(../img/list.gif) inside;
text-align: left;
float: left;
padding-top: 15px;
padding-left: 35px;
}

#contatti_two li{
color: #666666;
font-size: 12px;
padding-top: 10px;
}

#form{
width: 560px;
height: 365px;
float: left;
margin-top: 25px;
text-align: left;
}

#form label {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
padding: 0px;
width: 100px;
color: #666666;
float: left;
}

#form input {
background: #e8e8e8;
margin-bottom: 8px;
width: 457px;
height: 35px;
float: left;
border: 0px;
}
	
#form input:focus {
background: #c3ded7;
}

#form input:hover {
background: #c3ded7;
}

#form input:active {
background: #c3ded7;
}

#form textarea {
background: #e8e8e8;
margin-bottom: 10px;
width: 455px;
height: 175px;
float: left;
border: 0px;
}

#form textarea:focus {
background: #c3ded7;
}

#form textarea:hover {
background: #c3ded7;
}

#form textarea:active {
background: #c3ded7;
}

#form input.submit-button {
background: #000000;
height: 40px;
width: 105px;
color: #ffffff;
float: left;
margin-left: 100px;
border: 0px;
}

#form input.submit-button:hover {
background: #52a08b;
}

#form input.submit-button:focus {
background: #52a08b;
}

#form input.submit-button:active {
background: #73adb6;
}

#privacy {
height: 45px;
width: 380px;
float: left;
position: relative;
top: 15px;
left: 100px;
}

#column_form_privacy  p{
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
color: #999;
float: left;
text-align: justify;
padding-top: 5px;
}

#feedback {
height: 100%;
width: 820px;
float: left;
border-top: solid 5px #52a08b;
}

#feedback_intro {
height: 100%;
width: 820px;
float: left;
}

/*///////////////////////////////////////////////////////////////
////////////////////////////FOOTER///////////////////////////////
//////////////////////////////////////////////////////////////*/


#back_top {
height: 38px;
width: 820px;
float: left;
padding-top: 30px;
}

#back_top p {
color: #666666;
font-size: 11px;
float: right;
padding-top: 15px;
}

#back_top a {
color: #666666;
text-decoration: none;
}

#back_top a:hover {
color: #666666;
text-decoration: underline;
}

#back_top img {
padding-right: 5px;
}

#footer {
height: 135px;
width: 820px;
float: left;
border-top: solid 5px #52a08b;
}

#footer_one {
height: 135px;
width: 500px;
float: left;
}

#footer_one p {
color: #666666;
font-size: 12px;
float: left;
padding-top: 20px;
}

#footer_one a {
color: #49927e;
text-decoration: none;
}

#footer_one a:hover {
color: #49927e;
text-decoration: underline;
}

#footer_one img {
padding-right: 5px;
}

#footer_two {
height: 135px;
width: 320px;
float: left;
text-align: right;
}

#footer_two p {
color: #666666;
font-size: 12px;
padding-top: 15px;
}

#footer_two a {
color: #49927e;
text-decoration: none;
}

#footer_two a:hover {
color: #49927e;
text-decoration: underline;
}

/*///////////////////////////////////////////////////////////////
////////////////////////////PRIVACY//////////////////////////////
//////////////////////////////////////////////////////////////*/

#privacy_policy {
height: 100%;
width: 820px;
float: left;
border-top: solid 5px #52a08b;
}

#privacy_policy ul{
list-style: none;
text-align: left;
float: left;
padding-top: 15px;
padding-left: 20px;
}

#privacy_policy li{
color: #666666;
font-size: 12px;
padding-top: 10px;
}