/* @override 
	http://localhost/designcandy/stylesheet/design.css
	http://local.designcandy/stylesheet/design.css
*/

* {margin:0; padding:0;}

body {
	margin: 0;
	padding: 0;
	background: url(/images/web/old-floral-v400.jpg) repeat;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

@font-face {
	font-family: 'Anivers';
	src: url('/images/web/Anivers_Regular.otf') format('opentype');
}

div#click_here {
	position: absolute;
	left: -149px;
	top: 269px;
	width: 161px;
	height: 113px;
	z-index: -1;
	background-image: url(/images/web/click_here2.gif);
	display: block;
}

/* @group Postcard */

div#postcard {
	position: absolute;
	width: 744px;
	height: 474px;
	margin-left: 50%;
	left: -372px;
	top: -407px;
	z-index: 200;
}

a#postcard_link {
	width: 159px;
	height: 48px;
	float: right;
	position: relative;
	top: 410px;
	right: 179px;
}

a#link_to_all {
	width: 38px;
	height: 27px;
	float: right;
	position: relative;
	top: 419px;
	right: 237px;
}
a#link_to_all:hover {
	background: url(/images/web/category_all.gif) no-repeat;
}

a#link_to_sites {
	width: 45px;
	height: 19px;
	float: right;
	position: relative;
	top: 424px;
	right: 132px;
}
a#link_to_sites:hover {
	background: url(/images/web/category_sites.gif) no-repeat;
}

a#link_to_prints {
	width: 41px;
	height: 29px;
	float: right;
	position: relative;
	top: 412px;
	right: 24px;
}
a#link_to_prints:hover {
	background: url(/images/web/category_prints.gif) no-repeat;
}

a#link_to_more {
	width: 58px;
	height: 16px;
	float: right;
	position: relative;
	top: 426px;
	left: 92px;
}
a#link_to_more:hover {
	background: url(/images/web/category_more.gif) no-repeat;
}

div#postcard_left {
	float: left;
	width: 4px;
	height: 459px;
	background: url(/images/web/postcard_left.png) no-repeat;
}
div#postcard_middle {
	width: 726px;
	height: 459px;
	float: left;
	background-image: url(/images/web/postcard_middle.jpg);
}
div#postcard_middle #left_panel {
	float: left;
	width: 50%;
	height: 100%;
}
div#postcard_middle #right_panel {
	float: left;
	width: 50%;
	height: 100%;
}
div#postcard_right {
	width: 14px;
	height: 459px;
	float: left;
	background-image: url(/images/web/postcard_right.png);
}
div#postcard_bottom {
	width: 744px;
	height: 15px;
	float: left;
	background-image: url(/images/web/postcard_bottom.png);	
}

/* @end */

/* @group Controls */

a#play_button {
	width: 675px;
	height: 430px;
	position: absolute;
	margin-left: 50%;
	left: -337px;
	top: 50%;
	margin-top: -215px;
	z-index: 100;
	background: 50% 50% url(/images/web/play.png) no-repeat;
	opacity: 0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
}

a#play_button:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

div#controls {
	width: 100%;
	height: 74px;
	position: absolute;
	margin-top: -40px;
	top: 50%;
	z-index: 99;
}

div#controls a#left {
	float: left;
	margin-top: 1px;
	width: 42px;
	height: 72px;
	background: url(/images/web/left_leaf.png) no-repeat -10px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}
div#controls a#left:hover {
	/*opacity: 1;*/
	background-position: 0;
}

div#controls a#right {
	float: right;
	margin-top: 1px;
	width: 42px;
	height: 72px;
	background: url(/images/web/right_leaf.png) no-repeat 10px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

div#controls a#right:hover {
	/*opacity: 1;*/
	background-position: 0;
}

div#round_thing {
	width: 86px;
	height: 86px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -43px;
	margin-top: -43px;
	background-image: url(/images/web/round-thing.gif);
	opacity: .4;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
}

div#round_thing div {
	text-align: center;
	width: 55px;
	color: #B4CCF0;
	display: block;
	margin-top: 28px;
	margin-left: 16px;
	word-spacing: -5px;
	font: 1.5em Georgia, "Times New Roman", Times, serif;
}

/* @end */

/* @group Container */

div#container {
	width: 100%;
	height: 430px;
	position: absolute;
	margin-top: -215px;
	top: 50%;
	overflow: hidden;
	z-index: 0;
}

div#container #content {
	/*width: 678px;*/
	height: 427px;
	position: relative;
	margin-left: 50%;
	left: -339px;
	background: url(/images/web/content_shadow_bottom.png) repeat-x left bottom;
}
div#content #preview {
	float: left;
	/*width: 675px;*/
	height: 422px;
}
div#container #right_shadow {
	float: right;
	width: 3px;
	height: 422px;
	background: url(/images/web/content_shadow_right.png) repeat-y;
}

/* @end */

/* @group Footer */

div#bottom_glass {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 79px;
	background: url(/images/web/glass.png) repeat-x;
}

div#glass_title {
	position: relative;
	width: 45%;
	top: 18px;
	left: 0px;
	padding-left: 35px;
	
}

div#glass_title #title {
	font-size: 28px;
	color: #c9eeff;
	font-family: "Anivers", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: #b9c9e4 0 0 5px;

}

div#glass_title a {
	font-size: 12px;
	position: relative;
	top: -5px;
	left: 15px;
	font-weight: bold;
	z-index: 10;
	text-decoration: none;
	color: #004149;
	text-shadow: #90a3c0 0 1px 1px;
}

div#glass_title a:hover {
	text-decoration: none;
	color: #edfcff;
	text-shadow: #b9cae5 0 0 4px;
}

div#glass_description {
	width: 44%;
	position: absolute;
	bottom: 10px;
	right: 34px;
	background: url(/images/web/separate.png) repeat-y;
	height: 55px;
	overflow: hidden;
	margin: 0;
	color: #7fbcd3;
	padding-left: 20px;
	font: 12px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: #1f262f 0 -1px 0;
	text-align: left;
}

div#glass_handle {
	width: 14px;
	height: 36px;
	position: absolute;
	bottom: 19px;
	right: 8px;
	background: url(/images/web/handle.png) repeat;
}

/* @end */

/*img, div, a, input { behavior: url(/js/iepngfix_v2/iepngfix.htc) }*/