/* - - - - - - - - - - - - - - - - - - - - -

Title : Master Style sheet
Author : Chad Griffiths
URL : www.vertigonet.it

Description : Styles for Vertigo Srl website

Created : 20050104
Modified : 

- - - - - - - - - - - - - - - - - - - - - */
/*************************************************/
/*  ^Global
/******************************************************************************************/
/** {
	margin:0;
	padding:0;
	}*/
/* ^Text 
=====================================*/
body {
background-color:#ccc; font-family:"trebuchet ms", "times new roman", times, serif; font-size:80%;color:#000000;}
h1,h2,h3,h4,h5{
padding: 2px 10px 0 10px;
margin: 2px 0 0 0;}
p{
padding: 2px 10px 0 10px;
margin: 2px 0 0 0;}
/* ^Lists
=====================================*/
dl,ol,ul {margin:0 0 0 1em;}
dl {margin-top:.5em;}
dt {
	font-weight:bold;
	margin:0 .5em 0 0;
	}
dd {margin:0 0 0 2em;}
dd p {margin:0 0 0.5em;}
ul {
	padding:0 0 0 2.5ex;
	list-style:square;
	}
ol {padding:0 0 0 4ex;}
li {margin:0 0 0 .5em;}
/* ^Tabels
=====================================*/
td {
padding:3px;
border-left:1px solid #E6CE84;
border-bottom:1px solid #E6CE84;
background-color:#FFFFE6;
color:#000000;
}
th {
margin: 2px;
padding:2px 2px 2px 20px;
border-top:1px solid #cc9900;
border-bottom:1px solid #cc9900;
border-left:1px solid #cc9900;
background-color:#ffffff;
text-align:left;
color:#000000;
background-image:url(imgs/bg_th.jpg);
background-position:left;
background-repeat:repeat-y;
}

#street_map td {
padding:0;
border-left:0 solid #E6CE84;
border-bottom:0 solid #E6CE84;
background-color:#FFFFFF;
color:#000000;
margin: 0;
}
#street_map td img{
padding:0;
margin: 0;
}
/* ^Forms
=====================================*/

.attenzione {
padding: 3px;
margin: 2px;
border: 1px solid #ff0000;
background-color:#FFF0F3;
color:#000000;
}

.error {
color:#FF0000;
font-weight:bold;
}

/*************************************************/
/*  ^Layout				*/
/******************************************************************************************/
#wrapper {
width:100%
}
#container{
width:850px;
margin: 0 auto;
background-color:#FFFFFF;
color:#000000;
/*background-image:url(../imgs/4grid.png);background-repeat:repeat-y;*/
}
#header,#menu,#content,#sub-section,#footer {
overflow:hidden;width:830px;
}
#header {
margin: 10px 10px 0 10px;
}

#content {
clear:left;
background-image:url(imgs/bg_content_norm.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#FFFFE6;
color:#000;
margin: 0 10px 1px 10px;
padding:5px 0 0 0;
border-bottom:1px solid #ebebeb;}

#sub-section{margin: 0 10px;
padding:0;}

#footer {clear:left;
background-color:#f4f4f4;
margin: 5px 10px 1px 10px;
color:#000000;
text-align:center;
padding-top: 5px;}

/*************************************************/
/* ^links                            */
/******************************************************************************************/
a { background-color:transparent; text-decoration:none; padding: 0; border-bottom: 1px solid #003300; color:#003300}
a:hover { background-color:#ffff99;}
th a {background-color:transparent; border-bottom-width: 0; margin:0; padding:0;}

/*************************************************/
/* ^imgs                            */
/******************************************************************************************/
a.imglink, #header a {background-color:transparent; border-bottom-width: 0; }
a.imglink:hover, #header a:hover {background-color:transparent; }
/*************************************************
 ^navlist                          
/******************************************************************************************/
#navlist 
{ float:right;font-size:120%;margin: 0;
padding:5px;
}
#navlist ul
{ list-style: none; margin: 0;
padding:0;
}
#navlist li
{ display:inline; margin: 0;
padding:0px;
}
#navlist a { background-color:#fff; text-decoration:none; padding: 2px 3px 2px 3px; border-bottom: 1px solid #ebebeb; color:#000000;}
#navlist a:hover { background-color:#ffff99; color:#000000;  }
#navlist a.web { border-bottom: 1px solid #B4DB65;}
#navlist a.web:hover { background-color:#CBEB89; color:#000000; }
#navlist a.com { border-bottom: 1px solid #DFBBF5;}
#navlist a.com:hover { background-color:#EBD5F9; color:#000000;}
#navlist a.active { background-color:#ffff99; color:#000000; }


/*************************************************/
/* ^Special ^Text                            */
/******************************************************************************************/
#menu h2.logobase
{ float:left;padding:0 0 0 70px;margin:0 0 0 0;font-style:italic; font-size:14px; z-index:3;
}

/*************************************************/
/* ^home                            */
/******************************************************************************************/

/* ^hbox_web
=====================================*/
#hbox_web
{
width:410px;
margin: 15px 5px 0 0;
padding:0;
float:left;
/*background-image:url(imgs/bg_hbox_web.gif);
background-position:top right;
background-repeat:no-repeat;*/
background-color:#B4DB65;
border-bottom: 1px solid #99CE68;
color:#000000;
}
#hbox_web h2
{
background-color:#CBEB89;
color:#000000;
margin: 0 0 .25em 0;
padding: .25em 5px .25em 5px;
}
#hbox_web h2 a
{
background-color: transparent;
}

/* ^hbox_com
=====================================*/
#hbox_com
{
width:410px;
margin: 15px 0 0 5px;
padding:0;
float:left;
/*background-image:url(imgs/bg_hbox_com.gif);
background-position:top right;
background-repeat:no-repeat;*/
background-color:#DFBBF5;
border-bottom: 1px solid #cc99ff;
color:#000000;
}
#hbox_com h2
{
background-color:#EBD5F9;
color:#000000;
margin: 0 0 .25em 0;
padding: .25em 5px .25em 5px;
}
#hbox_com h2 a
{
background-color: transparent;

}
/* ^hbox_web & ^hbox_com ^sand-bag divs
=====================================*/
/* declare right float, clear */
#smr-00,#smr-01{
float:right;
clear:right;
padding:0;
}
/* right bank of the river! */
#smr-00 {
width: 75px;
margin: 0 0 0 15px;
padding: 5px 0 0 0;
height: 65px;
font-size: 1px;
line-height: 1px;
}
#smr-01 {
width: 75px;
margin: 0 0 0 15px;
padding: 5px 0 0 0;
height: 65px;
font-size: 1px;
line-height: 1px;
}

/*************************************************/
/* ^contatti                            */
/******************************************************************************************/

#col_left {
margin-left: 1%;
width: 48%;
float:left;
}
#col_right {
margin-right: 1%;
width: 48%;
float:right;
}
#street_map {
margin-right: 0;
background-color:#fff;
width: 48%;
color:#000000;
float:right;
}
/*************************************************/
/* ^Special ^Forms                            */
/******************************************************************************************/

#contactform {
margin-left: 1%;
background-color:#fff;
width: 48%;
color:#000000;
float:left;
}
#contactform fieldset {
    border: 0;
	font-size:130%;
	color: #000000;
}
#contactform fieldset div {
    margin-top: 2px;
	margin-bottom: 3px;
	text-align:center;
	font-size:70%;
}
#contactform fieldset div.fm-req {
    font-weight: bold;
}
#contactform fieldset div.fm-req label:before {
    content: "* "; /* does not work in IE */
}
#contactform label {
   float: left;
    width: 150px;
    padding: 0 1em;
    text-align: right;
}
#contactform fieldset div input, #contactform fieldset div textarea {
    width: 150px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1px;
    color: #333;
}

#contactform fieldset div textarea {
    width: 300px;

}
#contactform #fm-submit {
    clear: both;
    padding-top: 1em;
    text-align: center;
}

#contactform #fm-submit input {
    border: 2px solid #ccc;
    padding: 2px;
    background:#ebebeb;
	color:#000;
    font-size: 105%;
	margin: 0 2px 0 2px;
	text-transform:uppercase;
}
#search {
    float: right;
	padding: 0;
	margin-top: 10px;
}
#search a{
    background: transparent;
	border: 0 solid #fff;
	padding:0;
	margin:0 0 10px 5px;
	color:#000;
}
#search form {
    float: left;
	background-image:url(imgs/bg_search.png);
	height: 25px;
	width: 230px;
	margin: 0 5px 10px 0;
	padding: 4px 0 1px 0;
	text-align:center;
}
#inpagesearch form {
    float: right;
	background-image:url(imgs/bg_search.png);
	height: 25px;
	width: 230px;
	margin: 0 5px 10px 0;
	padding: 4px 0 1px 0;
	text-align:center;
}
#search form input, #inpagesearch form input{
	background-color: #fff;
	color:#000;
	border: 1px solid #ccc;
	width: 150px;
}
#search form input.button, #inpagesearch form input.zoom_button{
	background-color: #ebebeb;
	color: #000;
	font-size:14px;
	width:60px;
	/*font-weight:bold;*/
	border: 1px solid #ccc;
}
#searchresults {
margin-left: 1%;
margin-right: 1%;
}
/****************************************************
zoom search
**************************************************/
.highlight { background: #FFFF40; }
		.searchheading { font-size: 130%; font-weight: bold; }
		.summary { font-size: 80%; font-style: italic; } 
		.results { font-size: 100%; }
		.category { color: #999999; }
		.description { font-size: 100%; color: #008000; }
		.context { font-size: 100%; }
		.infoline { font-size: 80%; font-style: normal; color: #808080;}
		.sorting { text-align: right; }
		.result_title { font-size: 100%; }

		.zoom_searchform { font-size: 100%; }
		.zoom_options { font-size: 80%; }
		input.zoom_button {  }
		input.zoom_searchbox {  }