@charset "utf-8";
/* CSS Document */


/* sprite*/

#content_top,
#content_bottom,
#footer,
#foSaleSedo,
#foSaleGodaddy,
#menu
{
  /*background: url(http://s3.amazonaws.com/parcheggio/themes/default/sprite-v1.png) no-repeat top left; */
  background: url(./../images/sprite-v1.png) no-repeat top left; 
}




/*Template Layout*/
body {
  background-color:#000000;
  background-image:url(http://s3.amazonaws.com/parcheggio/backgrounds/bg_orange_squares.jpg);
  background-position:top;
  background-repeat:repeat;
  margin:0px;
  padding:0px;
  color:#666666;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:1.5em; /* vertical spacing between your lines of text*/

}
a, a:link, a:visited {
  color:#666666;
  outline: none; /*gets rid of dotted select lines after clicking an image link*/
}
a:hover {
  color:#fa7f28;
  text-decoration:none;
}
#bg_top { /*the transparent image that overlays all background images*/
  width:100%;
}
#topShadow{
  box-shadow: -10px 50px 40px black;
  float: right;
  height: 20px;
  margin-top: -20px;
  width: 100%;
}
#wrapper {
  width:956px;
  margin:0px auto; /*centers your design on the page*/
}
#header {
  height:80px;
  width:950px;
  margin:0px auto;
}
#logo {

  height:50px;
  margin:0 0 0 22px;/*the indent on the top and left side*/
  float:left;
  font-family: 'Droid Sans',arial,serif;
  font-size: 30px;
  font-weight: bold;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  color: white;
  padding-top: 30px;

}
#h_c{
  height:38px;
  float:right;
  margin:27px 0px 0px 0px; /* you may need to change these margins if your contact info is larger, order is top, right, bottom, left*/
  line-height:19px;
  text-align: center; 
  color:white;
  font-size:11px;
  font-family: 'Droid Sans', arial, serif;
  text-transform:uppercase;
  font-weight:bold;
}

/*menu*/
#menu { /*the container that holds the main menu*/
  height:49px;
  margin: 0 0 6px;
  clear:both;
  background-position: 0 -434px; width: 956px; height: 39px;

}
ul#navigation {
  margin:0px 0 0 25px; /*indent to line up with the logo*/
  padding:0px;
  width:700px;
  height:39px;
  float:left;
  position:absolute;  /*makes dropdown sit on top of flash & map*/
  z-index:100; /*makes dropdown sit on top of flash & map*/
}
ul#navigation li {
  float:left;
  list-style:none;
  display:inline;
  padding:0px;
  margin:0px;
}
ul#navigation a {
  float:left; /*makes the text sit beside each other not down the page*/
  color:#635e5e; /*menu color normal*/
  padding:12px 13px 10px 13px; /*space around and inbetween the buttons, top, right, bottom, left*/
  text-decoration:none; /*no underline*/
  text-transform:uppercase; /*all in capitals*/
  font:14px 'Droid Sans', arial, serif; /*menu text size and font*/
  letter-spacing:1px; /*space out the letters, remove if you want it normal*/
  border-right: 1px solid #ccc;
}
ul#navigation li.hover a, ul#navigation li:hover a, ul#navigation a.active, ul#navigation a:hover {
  color:#000000; /*color of text on mouse over*/
}
/*--drop down menu second-level - this is optional--*/
ul#navigation li.hover, ul#navigation li:hover {
  position:relative;
}
ul#navigation li.hover ul.second-level, ul#navigation li:hover ul.second-level {
  display:block;
}
ul#navigation li.hover ul.second-level ul.third-level, ul#navigation li:hover ul.second-level ul.third-level {
  display:none;
}
ul#navigation ul.second-level {
  position:absolute;
  top:35px; /*how far away from the top menu*/
  left:0;
  margin:0;
  padding:5px;
  width:160px;
  display:none;
  background-color:#e9edf0; /*color of the dropdown*/
}
ul#navigation ul.second-level li {
  width:160px;
  margin:0;
}
ul#navigation ul.second-level a {
  display:block;
  float:none;
  width:140px;
  border:none;
  padding:0 10px;
  background:none;
  font:12px/24px Arial, Helvetica, sans-serif; /*font size and line height*/
  color:#666666;
  border-bottom:1px solid #cccccc;
  text-transform:none; /*turns off the uppercase*/
}
ul#navigation ul.second-level li.hover a, ul#navigation ul.second-level li:hover a, ul#navigation ul.second-level a:hover {
  color:#666666;
  background-color:#f1f4f6;
}

#advNavigation{
  background: none repeat scroll 0 0 white;
  border-radius: 4px 4px 4px 4px;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.5;
  margin: 0 15px;
  margin-bottom: 5px;
  margin-top: 5px;
  height: 17px;
  padding: 5px 3px 2px 10px;
  text-shadow: 0 1px 0 #FFFFFF;
  width: 920px;
  position: relative
}
#advP{
  float: right;
  width: 125px;
  height: 125px;
  margin-top: 10px;
}

/*search*/

#search_box_container {
  width:350px;
  float:right;
}
#search_box_container .field {
  background-color:#FFF;
  border:1px solid #cccccc;
  width:155px;
  height:21px;
  float:left;
  margin:6px 0px 0 0;
}
#search_box_container .button {
  border:none;
  background:none;
  font:11px 'Droid Sans', arial, serif;
  color:#635e5e;
  font-weight:bold;
  float:right;
  margin:11px 10px 0 0;
}
#cse-search-box input[type="text"]{
  width: 200px;
}
#gsearchForm{
  margin-top: 6px;
  text-align: right;
  margin-right: 20px;

}
/* for sale*/
#forSale{


  margin: 20px;
  margin-top: 0
}
#forSale h3{margin: 10px}
#foSaleSedo, #foSaleGodaddy{
  display: block;
  text-indent: -9000px;
  margin: 10px auto;

}

#foSaleSedo{
  background-position: -833px -1040px; width: 121px; height: 49px;
}
#foSaleGodaddy{
  background-position: -726px -1108px; width: 226px; height: 83px;
}
/*main content*/



#content {
}
#content_top {
  background-position: 0 -368px; width: 956px; height: 16px; 
}
#content_bottom {
  background-position: 0 -302px; width: 956px; height: 16px; 
}
#content_border {
  background:url(../images/bg_tile.png) repeat-y;
}
#content_bg { /*white*/
  background:url(../images/main_bg.png) repeat-x top;
  margin:0px 3px;
  min-height:347px;
}
#content_seperator {
}
#content_seperator_none { /*used on pages where you dont want to divide it into columns*/
  padding:20px;
  min-height:307px;
}
#left_column {
  float:left;
  width:250px;
  padding:0 20px 20px 20px;
}
#left_column p {
  margin:0px;
  padding:0px;
}
#right_column {
  float:right;
  width:577px;
  padding:10px 20px 20px 20px;
  margin-right:20px;

}
hr.clear {
  margin-top:10px;
  margin:0px;
  clear:both;
  visibility:hidden;
}
/*footer*/
#footer {
  height:49px;
  width:916px;
  margin:14px auto 0 auto;
  color:#635e5e;
  font-size:10px;
  padding:10px 20px 0 20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  clear:both;
  background-position: 0 -434px; width: 956px; height: 49px;
}
#footer a, #footer a:link, #footer a:visited {
  color:#635e5e;
  text-decoration:none;
}
#footer a:hover {
  text-decoration:underline;
}
#footer ul {
  margin:0px;
  padding:0px;
}
#footer li {
  margin:0 4px 0 4px;
  list-style:none;
  float:left;
}
#footer img {
  margin-top:-3px;
}
#footer .right {
  width:235px;
  float:right;
  text-align:right;
}
#footer .left {

  float:left;
}
.keep_in {
  font-size:14px;
  font-family:'Droid Sans', arial, serif;
  padding-top:1px;
}
/* General Content*/
h1 {
  color:#635e5e;
  font-family:'Droid Sans', arial, serif;
  font-size:2em;
  font-weight:bold;
  margin-top:0px;
  padding-top:0px;
  padding-bottom:0px;
  margin-bottom:0px;
}
h2 {
  color:#333333;
  font-family:'Droid Sans', arial, serif;
  font-size:1.3em;
  font-weight:bold;
  line-height:normal;
  margin:3px 0 3px 0;
  padding:0px;
}
h2.alert {
  color:red;
  margin:10px 0;
}
h3 {
  color:#000000;
  font-family:'Droid Sans', arial, serif;
  font-size:1.1em;
  font-weight:bold;
  line-height:normal;
  margin:3px 0 0 0;
  padding:0px;
}
h4 {
  color:#000000;
  font-family:'Droid Sans', arial, serif;
  font-size:1em;
  font-weight:bold;
}
.droid_sans {
  font-family: 'Droid Sans', arial, serif;
}
.image_padding {
  margin:0px 0px 15px 15px;
}
.size_14 {
  font-size:14px;
}
/*home*/

div.one_columns{
  margin-top:20px;
}
div.one_columns .text ul {
  margin:5px 0 0 15px;
  padding:0px;
}


.three_columns {
  width:597px;
  min-height:127px;
  margin-top:20px;
}
.three_columns .box {
  width:189px;
  margin-right:10px;
  float:left;

}
.three_columns .box .icon {
  width:27px;
  float:left;
}
.three_columns .box .text {
  width:157px;
  float:right;
}
.three_columns .box .text p {
  margin:0px;
  padding:0px;
}
.three_columns .box .text ul {
  margin:5px 0 0 15px;
  padding:0px;
}
.three_columns .box .text li, #sitemap li, div.one_columns .text ul li {
  list-style:square;
  font-size:11px;
  line-height:12px;
  padding-bottom:5px;
  color:#fa7f28;
}
.three_columns .box .text li a, .three_columns .box .text li a:link, .three_columns .box .text li a:visited, #sitemap a:visited, #sitemap a   {
  text-decoration:none;
}
/* newsletter form */
#newsletter {
  margin:0px;
  padding:0px;
  width:100%;
}
#newsletter_form {
  margin:8px 0 0 0;
  padding:0;
}
#newsletter_input {
  height:35px;
}
#newsletter_input label {
  float:left;
}
#newsletter_input label input {
  border:1px solid #e5e5e5;
  padding:4px;
  height:15px;
  font-size:11px;
  width:107px;
  margin:0px 6px 0 0;
  color:#666666;
}
#newsletter_submit {
  text-align:center;
}
#newsletter_submit input {
  text-transform:uppercase;
  background:#EFEFEF url("../images/buttons_tile.jpg") repeat;
  border:1px solid #e5e5e5;
  font-family:'Droid Sans', arial, serif;
  font-size:11px;
  font-weight:bold;
  width:90px;
  height:22px;
}
/*proposal*/

#proposal {
  width:100%;
  height:52px;
  border-bottom:1px solid #e5e5e5;
  margin-bottom:20px;
}
#proposal .text {
  width:200px;
  float:left;
  font-size:12px;
  color:#666666;
  font-family:'Droid Sans', arial, serif;
}
#proposal .icon {
  width:42px;
  height:42px;
  float:right;
}
#proposal a, #proposal a:link, #proposal a:visited {
  text-decoration:none !important;
}
/*our clients*/
#clients {
  width:100%;
  height:140px;
  border-bottom:1px solid #e5e5e5;
  margin-bottom:20px;
}
#clients ul {
  margin:3px 0 0px -7px;
  padding:0px;
}
#clients ul li {
  list-style:none;
  margin:6px 6px 0 7px;
  padding:0px;
  float:left;
}
#clients ul li img {
  border:1px solid #e5e5e5;
}
/*home blog*/

#blog {
  margin-left:-27px;
  font-size:11px;
}
#blog .date {
  color:#999999;
  font-size:10px;
}
/*jquery tool tips used on our clients*/

/* tooltip styling */
.tooltip_button {
  position:relative;
}
.tooltip {
  display:none;
  background:url(../images/tool_tip_large.png) no-repeat top left;
  height:120px; /*150px*/
  padding:15px 21px;
  width:306px; /*348px*/
  font-size:11px;
  color:#fff;
  z-index:500;
}
/* a .label element inside tooltip */
.tooltip .label {
  color:yellow;
  width:35px;
}
.tooltip a {
  color:#fa7f28;
  font-size:11px;
  font-weight:bold;
}
.tooltip .text {
  width:170px;
  float:left;
  color:#FFF;
  font-size:11px;
  line-height:1.3em;
}
.tooltip .text .title {
  font-size:14px;
  font-weight:bold;
}
.tooltip p {
  margin:0px;
  padding:0px;
}
.tooltip .icon {
  width:120px;
  float:right;
}
/*services*/
.side_menu {
  width:100%;
  margin-bottom:20px;
}
.side_menu h2 {
  margin-bottom:10px;
}
.side_menu ul {
  margin:0px;
  padding:0px;
}
.side_menu li {
  list-style:none;
  background:url(../images/icon_arrow.gif) no-repeat 5px;
  padding:4px 0 4px 18px;
  border-bottom:1px solid #e5e5e5;
}
.side_menu li a, .side_menu li a:link, .side_menu li a:hover {
  text-decoration:none;
}
.service_box_container {
  width:100%;
  border-bottom:1px solid #e7e7e7;
  margin-bottom:5px;
  padding:5px 0;
}
.service_box_container .image {
  float:left;
  width:67px;
  height:67px;
  margin:10px 0px 0px 22px;
}
.service_box_container .text {
  float:right;
  width:430px;
  font-size:12px;
  padding:5px 0px;
}
.service_box_container .text p {
  padding:0px;
  margin:0px;
}
/*side slider used on the call back button*/

.panel {
  position: absolute;
  top: 135px;
  left: 0;
  display: none;
  background: #000000;
  border:1px solid #111111;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  width: 235px;
  min-height:200px;
  height: auto;
  padding: 30px 30px 30px 80px;
  filter: alpha(opacity=95);
  opacity: .95;
  z-index:600;
}
.panel h3 {
  color:#FFFFFF;
  font-family:'Droid Sans', arial, serif;
  font-size:14px;
  font-weight:bold;
  line-height:normal;
  margin:3px 0 0 0;
  padding:0px;
}
.panel p {
  margin: 0 0 15px 0;
  padding: 0;
  color: #ffffff;
}
.panel a, .panel a:visited {
  margin: 0;
  padding: 0;
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid #9FC54E;
}
.panel a:hover, .panel a:visited:hover {
  margin: 0;
  padding: 0;
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid #ffffff;
}
a.trigger { /*the button sitting off to the left*/
  position: absolute;
  text-decoration: none;
  top: 135px;
  left: -30px;
  width:51px;
  height:124px;
  background:url(../images/side_call.png) no-repeat left;
  /*turn this css on if you dont want to use an image
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;*/
  display: block;
  z-index:1000;
}
a.trigger:hover {
  position: absolute;
  text-decoration: none;
  top: 135px;
  left: 0;
  width:51px;
  height:124px;
  background:url(../images/side_call.png) no-repeat left;
  /*turn this css on if you dont want to use an image
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;*/
  display: block;
}
a.active.trigger {
  /*background:#222222 url(images/minus.png) 85% 55% no-repeat;*/
  background:url(../images/side_call_min.png) no-repeat left;
}
/* Call back form */
#call_back {
  margin:0px;
  padding:0px;
  width:100%;
}
#call_back_form {
  margin:8px 0 0 0;
  padding:0;
}
#call_back_input {
  height:35px;
}
#call_back_input label {
  float:left;
}
#call_back_input label input {
  border:1px solid #e5e5e5;
  padding:4px;
  height:15px;
  font-size:11px;
  margin:0px 6px 8px 0;
  color:#666666;
}
#call_back_submit {
  text-align:center;
}
#call_back_submit input {
  text-transform:uppercase;
  background:#EFEFEF url("../images/buttons_tile.jpg") repeat;
  border:1px solid #e5e5e5;
  font-family:'Droid Sans', arial, serif;
  font-size:11px;
  font-weight:bold;
  width:90px;
  height:25px;
  margin:0px;
  padding:0px;
}
#call_back_name, #call_back_email, #call_back_phone {
  width:220px;
}
#call_back_time {
  width:110px;
}
/*company*/

.staff_box_container {
  width:100%;
  border-bottom:1px solid #e7e7e7;
  margin-bottom:5px;
  padding:5px 0;
}
.staff_box_container .image {
  float:left;
  width:100px;
  height:100px;
  margin:10px 0px 10px 22px;
}
.staff_box_container .text {
  float:right;
  width:400px;
  font-size:12px;
  padding:5px 0px;
}
.staff_box_container .text p {
  padding:0px;
  margin:0px;
}
/*blog*/

.blog_snippet {
  width:100%;
  border-bottom:1px solid #e7e7e7;
  margin-bottom:10px;
  padding:10px 0 20px 0;
}
.blog_snippet p {
  padding:0px;
  margin:0px;
}
.blog_snippet .title {
  font-family:'Droid Sans', arial, serif;
  font-weight:bold;
  font-size:16px;
}
.blog_snippet .date {
  font-size:10px;
  color:#999;
  margin-bottom:10px;
}
/*case study*/

.case_study_box_container {
  width:100%;
  border-bottom:1px solid #e7e7e7;
  margin-bottom:5px;
  padding:5px 0;
}
.case_study_box_container .image {
  float:left;
  width:120px;
  margin:10px 0px 10px 22px;
}
.case_study_box_container .image img {
  border:1px solid #e7e7e7;
}
.case_study_box_container .text {
  float:right;
  width:400px;
  font-size:12px;
  padding:5px 0px;
}
.case_study_box_container .text p {
  padding:0px;
  margin:0px;
}
.case_study_box_container h2 {
  font-size:18px;
}
.testimonial {
  width:95%;
  padding:10px;
  margin:10px 0 10px 0;
  background-color:#f7f9fa;
  border:1px solid #e5e5e5;
  font-style:italic;
}
/*Contact Page*/

.left_details {
  float:left;
  width:240px;
}
.left_details p {
  margin:15px 0 !important;
}
.contact_title {
  font-weight:bold;
  float:left;
  width:70px;
}
.contact_detail {
  float:left;
  width:100px;
  clear:right;
}
.forms {
  background-color:#FFFFFF !important; /*the important gets rid of the yellow google toolbar field style*/
  border:1px solid #c8cdd2 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  font-size:12px;
  margin:3px 0px;
  padding:4px;
  width:240px;
}
#contact {
  border:0;
}
#contact label {
  float:left;
  width:80px;
  margin-right:15px;
  clear:left;
  font-weight:bold;
  text-align:right;
  height:32px;
}
#contact .submit_button {
  clear:right;
  margin-left:95px;
  margin-top:5px;
  text-transform:uppercase;
  background:#EFEFEF url("../images/buttons_tile.jpg") repeat;
  border:1px solid #e5e5e5;
  font-family:'Droid Sans', arial, serif;
  font-size:11px;
  font-weight:bold;
  width:90px;
  height:22px;
}
#map {
  width:100%;
  height:48px;
  border-bottom:1px solid #e5e5e5;
  border-top:1px solid #e5e5e5;
  margin-bottom:10px;
  padding-top:5px;
}
#map .text {
  width:198px;
  float:left;
  font-size:12px;
  color:#666666;
  font-family:'Droid Sans', arial, serif;
}
#map .icon {
  width:32px;
  height:32px;
  float:right;
  margin-top:5px;
}
#map a, #map a:link, #map a:visited {
  text-decoration:none !important;
}
/* banner */
#advLeft div{margin-top: 10px;}

#cse-search-results{
  margin-left: -245px
}
/*pagina*/
span.tag{
  background-color: #ddd;
  color: #666;
  padding: 3px;
  border-radius: 4px;
  line-height: 2em;
}
h3.tag{display: inline}

/* Paginazione */
.pagination_desc
{
  margin-bottom: 15px;
  margin-top: 10px;
  font-style: italic;
  color: #828f95;
}

.pagination_desc strong
{
  color: #3D3D3D;
}

.pagination
{
  margin-top: 10px;
  float: right;
  margin-right: 10px;
  color: #3D3D3D;

  font-weight: bold;
}

.pagination a
{
  margin: 0 1px;
  text-decoration: none;
  color: #828f95;


  font-weight: normal;
}

.pagination a:hover
{
  text-decoration: underline;
}

.pagination img
{
  vertical-align: -2px;
}
/*end pagination*/