@import url("utils.css") screen;
@import url("main-dev.css") screen;
html,body{font-family: Verdana,sans-serif;color: #666;}


/*  ---------------------------------------
	page layout */

#page-container{margin: 0 auto;width: 770px; }
	#header{float: left;width: 100%;padding: 20px 0 30px;}
		#logo{display: block;width: 607px;margin: 0 auto;background:  url("../images/logo.gif") no-repeat center center; height: 62px;text-indent: -1000em;}
	#navigator{float: left;width: 100%;margin-top: 25px;}
	#content{float: left;width: 100%;}
		#text{float: left;width: 540px;}
		#sidebar{float: left;width: 220px;margin-right: 10px;background:  url("../images/backgrounds/sidebar.jpg") no-repeat bottom left;height: 575px;}
	#footer{float: left;width: 100%;font-size: 85%;text-align: center;color: #999;padding: 20px 0;}



/*  ---------------------------------------
	global styling */

.inside{ padding:12px; }
h1{}
h2{font-size: 26px;font-weight: normal;margin-top: 0;color: #999; margin-bottom: .5em;}
h3{}

p{}

a{color: #999;font-weight: bold;}
a:hover{}
a:visited{}

ul{}

.box{ border: 1px solid #ccc; padding: 10px; margin-bottom: 15px;}

/*  ---------------------------------------
	header */

#logo{}


/*  ---------------------------------------
	footer */



/* ---------------------------------------
	sidebar */



/*  ---------------------------------------
	navigation */

#navigator ul{margin: 0;padding: 0;}
#navigator li{display: block;float: left;list-style: none;margin-right: 30px;}
#navigator li.last{float: right;}
#navigator li a{display: block;height: 18px;text-indent: -1000em;}
#navigator li a:hover{background-position: left bottom;}

#nav-industrial{background:  url("../images/nav/nav-industrial.gif") no-repeat top left;width: 73px;}
#nav-interiors{background:  url("../images/nav/nav-interiors.gif") no-repeat top left; width: 70px;}
#nav-lifestyle{background:  url("../images/nav/nav-lifestyle.gif") no-repeat top left; width: 69px;}
#nav-portraits{background:  url("../images/nav/nav-portraits.gif") no-repeat top left;width: 75px;}
#nav-products{background:  url("../images/nav/nav-products.gif") no-repeat top left;width: 74px;}
#nav-property{background:  url("../images/nav/nav-property.gif") no-repeat top left;width: 74px;}
#nav-info{background:  url("../images/nav/nav-info.gif") no-repeat top left;width: 38px;}

ul.nav{margin: 0;padding: 0;}
ul.nav li{display: block;float: left;list-style: none; padding: 0 10px;}
ul.nav li a{background:  url("../images/bullets/arrow1.gif") no-repeat left center; padding-left: 15px;font: 14px Arial, sans-serif;color: #777;text-decoration: none;}
ul.nav li a:hover{color: #444;}


/*#nav-industrial:hover{background-image: url("../images/nav/nav-industrial-on.gif");}*/
/*#nav-interiors:hover{background-image: url("../images/nav/nav-interiors-on.gif");}*/
/*#nav-lifestyle:hover{background-image: url("../images/nav/nav-lifestyle-on.gif");}*/
/*#nav-portraits:hover{background-image: url("../images/nav/nav-portraits-on.gif");}*/
/*#nav-products:hover{background-image: url("../images/nav/nav-products-on.gif");}*/
/*#nav-property:hover{background-image: url("../images/nav/nav-property-on.gif");}*/
/*#nav-info:hover{background-image: url("../images/nav/nav-info-on.gif");}*/


/*  ---------------------------------------
	forms */

form{}
form label{display: block;}
form label span{display: block;float: left;}
form label input, form label textarea, form label select{display: block;float: left;}

form input.text{}

form .submit{}
form .submit input{}

/*  ---------------------------------------
	/gal */
#gal{margin: 0;padding: 0;}
#gal li{display: block;float: left;list-style: none;padding: 3px;}
#gal li a{display: block;}

/*  ---------------------------------------
	/homepage */

#homepage{background:  url("../images/backgrounds/homepage.jpg") no-repeat 0 20px; padding: 405px 60px 0;width: 844px;margin: 0 -97px;position: relative;}
#homepage ul.nav{float: left;}
#homepage div.galleries{float: right;width: 490px;}
#homepage div.galleries small{display: block;float: left;font-size: 14px;color: #b1b1b1;}
#homepage div.galleries ul.nav{width: 390px;}
#homepage div.galleries ul.nav li{width: 110px;margin-bottom: 10px;}