/* layout.css */
html{
	background-color: #1A1A1A;
	background-attachment: scroll;
	background-image: url(../img/background.png);
	background-repeat: repeat;
	background-position: left top;
	color: #6E6E6E;
	overflow-x: auto;
	overflow-y: scroll;
}
body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
/*	font-size:13px;*/
	margin:0;
	padding:0;
}
/*blockquote{ border-left:4px solid #666666;font-size:120%;font-style:italic;padding-left:1em;}*/
blockquote{
	margin:2em;
	padding:3px;
	color:#575757;
	padding: 0 50px;
	background: transparent url("../img/blockquote.png") no-repeat 0 0;
}

h2{ font-size: 162%;}
h3{ font-size: 139%;}
h1, h2, h3 {
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
}
a:focus, a:hover {text-decoration: none;}
a {text-decoration:underline;}

body.home a{color:#6083AC;}
body.home h1, body.home h2, body.home h3, body.home h4, body.home h5, body.home h6{color:#6083AC;}

body.portfolio a{color:#6A7443;}
body.portfolio em { font-style:normal; color:#6A7443;}
body.portfolio h1, body.portfolio h2, body.portfolio h3, body.portfolio h4, body.portfolio h5, body.portfolio h6{color:#6A7443;}

body.blog a{color:#4D7D63;}
body.blog h1, body.blog h2, body.blog h3, body.blog h4, body.blog h5, body.blog h6{color:#4D7D63;}

body.what_we_do a{color:#48747D;}
body.what_we_do h1, body.what_we_do h2, body.what_we_do h3, body.what_we_do h4, body.what_we_do h5, body.what_we_do h6{color:#48747D;}

body.contact_us a{color:#8BA78B;}
body.contact_us h1, body.contact_us h2, body.contact_us h3, body.contact_us h4, body.contact_us h5, body.contact_us h6{color:#8BA78B;}

#hd {
	position: relative;
	display: block;
	height: 340px;
}

body.home .yui-b {
float:right;
width:20.4615em;
}

body.home #yui-main .yui-b{
	padding-top: 0;
	padding-right: 0em;
	padding-bottom: 2em;
	padding-left: 2em;
	margin-right: 21.4615em;
}

body.home #yui-main .yui-gb{ margin-top: 2em; text-align: center; }
body.home .box p{ padding: 0 2em; text-align:left;}
body.home .box img{ float: left; clear:both;}

body.home .box.web{
	background-attachment: scroll;
	background-image: url(../img/box-border.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
body.home .box.graphic{
	background-attachment: scroll;
	background-image: url(../img/box-border.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/*
body.portfolio #bd { padding: 0 2em; }
body.portfolio .yui-ge { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #333; }
*/
body.portfolio .row{
	margin: 2em;
	padding: 0 0 2em 0;
	border-bottom: 1px solid #333;
}
body.portfolio .row.last{
	margin: 2em;
	padding: 0;
	border: none;
}

body.what_we_do .row{
	margin: 2em 2em 1em 2em;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #333;
}

body.what_we_do .row.last{
	margin: 2em;
	padding: 0;
	border: none;
}
body.what_we_do h2 { margin-top:0;}
body.what_we_do p { margin-bottom:0.25em;}

body.what_we_do ul li{
	margin: 0;
	padding: 0;
}

body.what_we_do .two-columns-list{ position: relative;}
body.what_we_do .two-columns-list ul li.six{ margin-top: -6.155em; }
body.what_we_do .two-columns-list br { clear:both;};
* html body.what_we_do .two-columns-list ul li{position: relative;}

body.what_we_do .two-columns-list ul li.one,
body.what_we_do .two-columns-list ul li.two,
body.what_we_do .two-columns-list ul li.three,
body.what_we_do .two-columns-list ul li.four,
body.what_we_do .two-columns-list ul li.five
{
  margin-left: 0em;
}
body.what_we_do .two-columns-list ul li.six,
body.what_we_do .two-columns-list ul li.seven,
body.what_we_do .two-columns-list ul li.eight,
body.what_we_do .two-columns-list ul li.nine,
body.what_we_do .two-columns-list ul li.ten
{
  margin-left: 20em;
}

body.contact_us form{ }
body.contact_us label {
	text-align:left; color:#8BA78B; vertical-align:top;
	width: 60px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

body.contact_us .required label { font-weight:bold; }

body.contact_us .contact_form { text-align: center; border-left: 1px solid #333; padding: 0 2em 0 2em; margin: 2em 0;}
body.contact_us .input { margin-bottom: 1em;}
body.contact_us input, body.contact_us textarea{ font-size: 120%; width: 300px; padding:.125em; color: #CCC; background-color:#111111; border: 1px solid #3B3B3B; overflow:auto;}
body.contact_us .submit { margin-left: 60px;}
body.contact_us .error-message { margin-left: 60px; font-size: 85%; color:#900; font-style:italic;}
body.contact_us .contact_infos { text-align: center; padding: 0 2em 0 2em; margin: 2em 0;}
body.contact_us .contact_infos strong { color:#8BA78B;}

#ft{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3A3A3A;
}

#ft p{ margin-top:1em; font-size: 92.31%;}
#ft p em { color:#990000; font-style: normal;}
#title {
	position: absolute;
	top: 90px;
	height: 250px;
	width:970px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
}
#title h1 {
	display:none;
	visibility:hidden;
}
body.home #title {background-image: url(../img/head_home.png);}
body.portfolio #title {background-image: url(../img/head_portfolio.png);}
body.what_we_do #title {background-image: url(../img/head_what_we_do.png);}
body.contact_us #title {background-image: url(../img/head_contact_us.png);}

#logo {
	background-attachment: scroll;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
	height: 65px;
	width: 290px;
	top: 10px;
	left: 20px;
}
#logo a {
	position:relative;
	display: block;
	width: 290px;
	height:65px;
}
#logo a span { display: none; visibility:hidden;}
#menu {
	display: block;
	position: absolute;
	right:20px;
	top: 40px;
	height: 28px;
}
#menu ul {
}
#menu ul li {
	background-color:transparent;
	display:block;
	float:left;
	height:28px;
	margin:0;
	padding:0;
}
#menu ul li a {
	display: block;
	position: relative;
	height: 28px;
	background-attachment: scroll;
	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
}
#menu ul li a span{display: none; visibility:hidden;}

#menu ul li.home a {width: 82px;background-position: 0 top;}
#menu ul li.home a:hover{background-position: 0 bottom;}
body.home #menu ul li.home a{background-position: 0 bottom;}

#menu ul li.portfolio a {width: 97px;background-position: -82px top;}
#menu ul li.portfolio a:hover {background-position: -82px bottom;}
body.portfolio #menu ul li.portfolio a{background-position: -82px bottom;}

#menu ul li.blog a {width: 73px;background-position: -412px top;}
#menu ul li.blog a:hover {background-position: -412px bottom;}
body.blog #menu ul li.blog a {background-position: -412px bottom;}

#menu ul li.what_we_do a {width: 120px;background-position: -179px top;}
#menu ul li.what_we_do a:hover {background-position: -179px bottom;}
body.what_we_do #menu ul li.what_we_do a {background-position: -179px bottom;}

#menu ul li.contact_us a {width: 113px;background-position: -299px top;}
#menu ul li.contact_us a:hover {background-position: -299px bottom;}
body.contact_us #menu ul li.contact_us a {background-position: -299px bottom;}

ul.random_works, ul.random_works li{ list-style: none; margin:0; padding: 0; }
ul.random_works li {}
ul.random_works li, ul.random_works li a {display: block;position: relative;width: 240px;height: 100px;}
ul.random_works li a {background-attachment: scroll;background-repeat: no-repeat;background-position: center top;}
ul.random_works li a span {	display: none; visibility: hidden; }
ul.random_works li a:hover {background-position: center bottom;}
ul.random_works li a.auser {background-image: url(../img/random_works/auser.png);}
ul.random_works li a.semmiflex {background-image: url(../img/random_works/semmiflex.png);}
ul.random_works li a.da_contadini_a_precari {background-image: url(../img/random_works/da_contadini_a_precari.png);}
ul.random_works li a.digiannantonio {background-image: url(../img/random_works/digiannantonio.png);}
ul.random_works li a.zaccardelli {background-image: url(../img/random_works/zaccardelli.png);}
ul.random_works li a.sposi {background-image: url(../img/random_works/sposi.png);}
ul.random_works li a.ovidius {background-image: url(../img/random_works/ovidius.png);}
ul.random_works li a.meeting {background-image: url(../img/random_works/meeting.png);}
ul.random_works li a.santilli {background-image: url(../img/random_works/santilli.png);}
ul.random_works li a.cdg {background-image: url(../img/random_works/cdg_home.png);}
ul.random_works li a.fpm {background-image: url(../img/random_works/fpm_home.png);}




/*Fat Erik's Pipelist*/
.footmenu { margin: 1em 0;}
.footmenu ul{list-style: none;padding: 0;margin: 0;}
.footmenu ul li{display: inline;padding: 0;margin: 0;}
.footmenu ul li:before { content: "| "; }
.footmenu ul li:first-child:before { content: ""; }
/*IE workaround*/
/*All IE browsers*/
* html .footmenu ul li{border-left: 1px solid black;padding: 0 0.4em 0 0.4em;margin: 0 0.4em 0 -0.4em;}
/*Win IE browsers - hide from Mac IE\*/
* html .footmenu ul { height: 1%; }
* html .footmenu ul li{display: block;float: left;}
/*End hide*/
/*Mac IE 5*/
* html .footmenu ul li:first-child { border-left: 0; }

.footmenu ul li.home a,.footmenu ul li.home a:hover{color:#6588B1;}
body.home .footmenu ul li.home a {text-decoration:overline;}

.footmenu ul li.portfolio a,.footmenu ul li.portfolio a:hover{color:#6A7443;}
body.portfolio .footmenu ul li.portfolio a {text-decoration:overline;}

.footmenu ul li.what_we_do a,.footmenu ul li.what_we_do a:hover{color:#48747D;}
body.what_we_do .footmenu ul li.what_we_do a {text-decoration:overline;}

.footmenu ul li.contact_us a,.footmenu ul li.contact_us a:hover{color:#8BA78B;}
body.contact_us .footmenu ul li.contact_us a {text-decoration:overline;}

.footmenu ul li.blog a,.footmenu ul li.blog a:hover{color:#4D7D63;}
body.blog .footmenu ul li.blog a {text-decoration:overline;}


    /* Start custom button CSS here
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:84.6%/1.1 Arial,Sans-serif;
      text-decoration:none;
      color:#666;
	  cursor:pointer!important;
	  cursor: hand;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#0C0C0C url(../img/btn_bg.png) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #333;
      border-right:1px solid #333;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #333;
      border-bottom:1px solid #333;
      }
    
    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
	cursor:pointer; /* important for any clickable/pressable element */
	border-color:#444 !important;
	color:#999;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }


.red-bullets-list {color: #600; margin-top:0; margin-left: 1.5em; margin-right: 2em;}
.red-bullets-list li span{color: #6E6E6E;}