/* ####################  global styles follow  #################### */


body, img,
#container, #titleBar, #logoBox, #loginBox, #searchBar, #searchNavigation,
#searchBox, #navigationBar, #navigation, 
#navigation a:link, #navigation a:visited, #navigation a:active, #navigation a:hover,
#splashBar, #contentBar, #categories, #content, #gallery, #gallery h2, #gallery img, #footer
{
	margin: 0px;
	border: 0px;
	padding: 0px;    
}


body 
{
	text-align: center; /* for IE centering */
	font: 0.7em tahoma, verdana, arial, geneva, sans-serif;
	line-height: 1.4em;
	color: #777;
	background-color: #272420;

}

#container
{
	width: 925px;
	margin: 40px auto;
	text-align: left;
}

#titleBar 
{
	width: 925px;
	height: 60px;
	background: #fff url(../images/villaTitleBack.jpg) no-repeat top left;
}

#logoBox
{
    width: 300px;
    float: left;
}

#loginBox
{
    margin-right: 5px;
    float: right;
}

#searchBar
{
 	width: 925px;
	height: 70px;
	background: #3e3832 url(../images/villaSearchBarBack.jpg) no-repeat top left;   
}

#searchNavigation
{
    margin: 15px 5px 15px 15px;
    /*width: 300px;*/
    float: left; 
	color: #fff;
	line-height: 1.3em;
}

#searchNavigation div
{
	float: left;
	margin: 0px 35px 0px 0px;
	border-left: 0px #ddd solid;
}

#searchNavigation img
{
	float: left;
}

.marginRight10px
{
	margin-right: 10px;
}

#searchBox
{
    margin: 15px 25px 15px 20px;
    float: right;
	color: #fff;
}

#searchNavigation a:link, #searchNavigation a:visited, #searchNavigation a:active, #searchNavigation a:hover 
{
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    color: #f60;  
}

#navigationBar
{
    width: 925px;
	height: 40px;
	background: #fff url(../images/villaContentBack.jpg) repeat-y top left;
	float: left;
}

#navigation
{
   height: 20px;
   margin: 10px 5px 5px 10px;
   font-weight: bold;
   color: #555;      
}

#navigation a:link, #navigation a:visited, #navigation a:active, #navigation a:hover 
{
    margin: 0px 25px 0px 0px;
    text-decoration: none;
    color: #c63;  
}

#splashBar
{
    width: 920px;
    height: 200px;
	border-top: 1px #444 solid;
	border-bottom: 1px #444 solid;
	background: #fff url(../images/villaContentBack.jpg) repeat-y top left;
}

#splashBar img
{
    width: 920px;
    height: 200px;
    margin: 0px 0px 0px 0px;
}

#contentBar
{
    width: 925px;
    padding: 0px 0px 30px 0px;
	background: #fff url(../images/villaContentBack.jpg) repeat-y top left;
}

#categories
{
    margin: 40px 0px 0px 10px;
    width: 210px;
    float: left;
}

#categories a:link, #categories a:visited, #categories a:active, #categories a:hover
{
    padding: 10px 0px 0px 7px;
    width: 210px;
    height: 20px;
    background: #fff url(../images/categoryButtonBack.jpg) no-repeat top left;
    text-decoration: none;
    display: block;
    color: #777;
}

#content
{
    /*margin: 40px 0px 0px 20px;*/
	margin: 40px 0px 0px 20px;
    /*width: 470px;*/
	width: 595px;
    float: left;  
	font: 1.0em/1.3em Verdana, Arial, Helvetica, sans-serif;
}

#content a:link, #content a:visited, #content a:active, #content a:hover
{
    margin: 2px 0px 0px 0px;
    color: #07c;
    text-decoration: none;
}

#content a:hover
{
    text-decoration: underline;
}

.tariffTable
{
	width: 100%;
	margin: 20px 0px 20px 0px;
	border-top: 1px #3e3832 solid;
	border-left: 0px #ccc solid;
	border-right: 1px #999 solid;
	border-bottom: 0px #ccc solid;
}

.tariffTable td, th
{
	border-top: 0px #ccc solid;
	border-left: 1px #999 solid;
	border-right: 0px #ccc solid;
	border-bottom: 1px #999 solid;	
}

.tariffTable th
{
	background: #3e3832;
	border-left: 1px #3e3832 solid;
	color: #fff;
}

h1, h2
{
    font-size: 1.3em;
    color: #999;
}

#gallery
{
    margin: 40px 0px 0px 20px;
    /*width: 180px;*/
	width: 270px;
    float: left;
    text-align: right;   
}

#gallery h2
{
    margin: 0px 0px 20px 5px;
    font-size: 1.3em;
    color: #999; 
    text-align: left; 
}

#gallery img
{
    margin: 0px 0px 4px 4px;
    border: 0px;

}

#map
{
    margin: 20px 0px 0px 24px;
    /*width: 180px;*/
	border: 1px #aaa solid;
	width: 264px;
	height: 300px;
    float: left;
    text-align: right;   
}

#footer
{
    width: 915px;
    height: 50px;
	margin: 0px;
	border: 0px;
	padding: 10px 0px 0px 10px;
	background: #3e3832 url(../images/villaFooterBack.jpg) no-repeat bottom left;
	color: #fff;
}

#footer a:link, #footer a:visited, #footer a:active, #footer  a:hover
{
    color: #fff;
    text-decoration: none;
}

.clear
{
    clear: both;
}

.promo
{

    margin: 10px 0px 0px 10px;
    border: 1px #ccc solid;
    padding: 10px important;
    width: 870px;
	
}

.promo img
{
    float: left;
    margin-right: 25px;
}