/* general settings */
*, html, body, div, p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
html, body { height: 100%;}

ul, ol { list-style-type: none;}
img { border: none;	vertical-align: top;}
input, select { font-family: Verdana, Arial, sans-serif; font-size: 0.75em; color: black;}
.clr { clear: both;}
.tocenter { text-align: center;}
.bold { font-weight: bold;}
.wrap { white-space: pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word;}
.bottomspan { margin: 0 0 15px 0;}
.ajaxloader { background: url(/images/ajax-loader.gif) 50px 50px no-repeat;}

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.75em;
	color: black;
	text-align: center;
	background: #bbccef;
}
#distance { 
		width: 1px;
		height: 50%;
		margin-bottom: -304px; /* half of container's height */
		float: left;
	}

#container {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 1002px;
	height: 608px;
	clear: left;
	border: 1px solid #929fbb;
	background: #eaeaea;
}
#container.main { height: 630px !important;}
#inspan {
	margin: 9px;
	background: #fcfcfc;
	width: 982px;
	border: 1px solid #d5d5d5;
	_float: left;
	_display: inline;;
}
#logo { margin: 10px 0 0 8px; float: left; _display: inline;}
#mainmenu { margin: 0 183px 0 0; float: right; _display: inline; width: 500px;}
#mainmenu li { float: left;}
#mainmenu li a { display: block; color: transparent; height: 52px;}
#mainmenu li a:hover { text-decoration: none;}
#mainmenu li a img { border: none;}

#menu-0 a { background: url(/images/menu-home.gif) no-repeat; width: 67px;}
#menu-0:hover a, #menu-0.hovered a, #menu-0.selected a { background: url(/images/menu-home.gif) 0 -52px no-repeat;}
#menu-2 a { background: url(/images/menu-aboutus.gif) no-repeat; width: 88px;}
#menu-2:hover a, #menu-2.hovered a, #menu-2.selected a { background: url(/images/menu-aboutus.gif) 0 -52px no-repeat;}
#menu-3 a { background: url(/images/menu-photography.gif) no-repeat; width: 114px;}
#menu-3:hover a, #menu-3.hovered a, #menu-3.selected a { background: url(/images/menu-photography.gif) 0 -52px  no-repeat;}
#menu-4 a { background: url(/images/menu-clients.gif) no-repeat; width: 73px;}
#menu-4:hover a, #menu-4.hovered a, #menu-4.selected a { background: url(/images/menu-clients.gif) 0 -52px no-repeat;}
#menu-5 a { background: url(/images/menu-studio.gif) no-repeat; width: 73px;}
#menu-5:hover a, #menu-5.hovered a, #menu-5.selected a { background: url(/images/menu-studio.gif) 0 -52px no-repeat;}
#menu-6 a { background: url(/images/menu-contact.gif) no-repeat; width: 83px;}
#menu-6:hover a, #menu-6.hovered a, #menu-6.selected a { background: url(/images/menu-contact.gif) 0 -52px no-repeat;}

#main-wrapper {
	float: left;
	background: url(/images/main-wrapper-bg.gif) 82% 0 repeat-y;
	border: 1px solid #d5d5d5;
	width: 966px;
	margin: 0 7px;
	_display: inline;
}

#main {
	float: left;
	width: 784px;
	height: 527px;
	overflow: hidden;
	_display: inline;
}
#main h1 { font-size: 1.6em; font-weight: bold; color: #9fb7e8; margin: 10px 0 20px 15px; padding: 0;}
#main img { padding: 4px;}
#sidebar {
	float: right;
	_display: inline;
	width: 176px;
	position: relative;
	padding-top: 12px;
}
#sidebar .gallerythumbitem { cursor: pointer;}

#main-wrapper-1col { height: 517px; width: 956px; overflow: hidden; padding: 5px; text-align: center;	margin: 0 7px 29px 7px; background: #edefec; border: 1px solid #ccccce;}
#main-wrapper-1col.page { background: white !important;}

#photogallery-list { margin-left: 7px; float: left; _display: inline;}
#photogallery-list li { float: left;}
#photogallery-list li a { display: block; color: transparent; height: 29px;}
#photogallery-list li a:hover { text-decoration: none;}
#photogallery-list li a img { border: none;}
#photogallery-switchers { float: right; margin-right: 185px; _display: inline; position: relative;}
#photogallery-switchers.studiopage { margin: -29px 7px 0 0 !important; _position: absolute; _padding-left: 847px;}
*+html #photogallery-switchers.studiopage { padding-left: 847px; position: absolute;}

#gallery-1 a { background: url(/images/galtitle-1.gif) no-repeat; width: 57px;}
#gallery-1:hover a, #gallery-1.hovered a, #gallery-1.selected a { background: url(/images/galtitle-1.gif) 0 -29px no-repeat;}
#gallery-2 a { background: url(/images/galtitle-2.gif) no-repeat; width: 48px;}
#gallery-2:hover a, #gallery-2.hovered a, #gallery-2.selected a { background: url(/images/galtitle-2.gif) 0 -29px no-repeat;}
#gallery-3 a { background: url(/images/galtitle-3.gif) no-repeat; width: 67px;}
#gallery-3:hover a, #gallery-3.hovered a, #gallery-3.selected a { background: url(/images/galtitle-3.gif) 0 -29px no-repeat;}
#gallery-4 a { background: url(/images/galtitle-4.gif) no-repeat; width: 78px;}
#gallery-4:hover a, #gallery-4.hovered a, #gallery-4.selected a { background: url(/images/galtitle-4.gif) 0 -29px no-repeat;}
#gallery-5 a { background: url(/images/galtitle-5.gif) no-repeat; width: 55px;}
#gallery-5:hover a, #gallery-5.hovered a, #gallery-5.selected a { background: url(/images/galtitle-5.gif) 0 -29px no-repeat;}
#gallery-6 a { background: url(/images/galtitle-6.gif) no-repeat; width: 62px;}
#gallery-6:hover a, #gallery-6.hovered a, #gallery-6.selected a { background: url(/images/galtitle-6.gif) 0 -29px no-repeat;}
#gallery-7 a { background: url(/images/galtitle-7.gif) no-repeat; width: 51px;}
#gallery-7:hover a, #gallery-7.hovered a, #gallery-7.selected a { background: url(/images/galtitle-7.gif) 0 -29px no-repeat;}


.wysiwyg { margin: 0; width: 930px; overflow: hidden;}


#sidebar div.scrollable {
	position: relative;
	overflow: hidden;	 	
	height: 455px;
	margin: 25px 10px;
}

#sidebar div.scrollable div.items {	
	height: 20000em;	
	position: absolute;
	clear: both;		
}

/* single scrollable item */
#sidebar div.scrollable div.items div {
	text-align: center;
	width: 14px;
	margin: 5px 0;
	width: 150px;
}

#sidebar a.prev, a.next {
	position: absolute;
	left: 46%;
	display: block;
	width: 15px;
	height: 13px;
	cursor: pointer;
}

#sidebar a.prev {
	background: url(/images/arrow-up.gif) no-repeat;
	top: 16px;
}
#sidebar a.prev.disabled { background: url(/images/arrow-up-disabled.gif) no-repeat;}

#sidebar a.next {
	position: absolute;
	bottom: 5px;
	background: url(/images/arrow-down.gif) no-repeat;
	display: block;
	width: 15px;
	height: 13px;
}
#sidebar a.next.disabled { background: url(/images/arrow-down-disabled.gif) no-repeat;}

#sidebar div.scrollable img { border: 4px solid white;}

#main-wrapper-1col div.scrollable {
	position: relative;
	overflow: hidden;	 	
	width: 956px;
	height: 517px;
}

#main-wrapper-1col div.scrollable div.items {	
	width: 20000em;	
	position: absolute;
	clear: both;		
}
#main-wrapper-1col div.scrollable div.items div {
	text-align: center;
	float: left;
	width: 956px;
}

#data-contact { width: 955px; height: 307px; background: url(/data/files/image/contact.png) 14px -2px no-repeat; position: relative;}
#mail-jeff { background: url(/data/files/image/mail-jeff.gif) no-repeat; width: 156px; height: 18px; display: block; position: absolute; top: 200px; left: 30px;}
#mail-jeff:hover { background: url(/data/files/image/mail-jeff.gif) -1px -19px no-repeat;}
#mail-susana { background: url(/data/files/image/mail-susana.gif) no-repeat; width: 168px; height: 14px; display: block; position: absolute; top: 225px; left: 28px;}
#mail-susana:hover { background: url(/data/files/image/mail-susana.gif) 0 -14px no-repeat;}

#studio { position: relative; background: url(/data/files/image/studio.png) -12px -6px no-repeat; width: 966px; height: 520px;}
#studio-gallery { position: absolute; top: 102px; left: 363px; _left: 173px;}
*+html #studio-gallery { left: 173px;}
#studio-gallery.scrollable { width: 560px !important;}
#studio-gallery.scrollable img { float: left !important;}
*+html #studio-gallery.scrollable img { margin-left: -267px;}