@charset "utf-8";
/* CSS Document */

body {
	font-family:"Adobe Garamond Pro" Garamond, Times, "Times New Roman", serif;
	font-size:100%;
	padding:0 0 0 0;
	background:#6aa7c4 url(../images/BG.png) top left repeat-x;
}

* {
	margin:0px;
	padding:0px;
}

a {
	color:#517b8f;
	text-decoration:none;
}

div#page {
	width:772px;
	margin:auto;
	position:relative;
	
}

div#postit {
	position:absolute;
	width:276px;
	height:200px;
	top:13px;
	right:20px;;
	background:url(../images/PostIt.png) bottom right no-repeat;
	z-index:999;
}

div#postit span {
	position:absolute;
	left:-999em;
}

div#header {
	height:85px;
	margin-bottom:9px;
	position:relative;
}

div#header a.logo {
	display:block;
	background:url(../images/Logo.png) bottom left no-repeat;
	width:138px;
	height:85px;
	margin:0 0 0 50px;
}

div#header a.logo span {
	position:absolute;
	left:-999em;
}

div#header ul#nav {
	list-style:none;
	position:absolute;
	right:20px;
	top:65px;
}

div#header ul#nav li {
	float:left;
}

div#header ul#nav li a {
	display:block;
	height:17px;
	background:url(../images/Nav.png) top left no-repeat;
}

div#header ul#nav li a.designs {
	width:61px;
	background-position:0px 0px;
}

div#header ul#nav li a.code {
	width:48px;
	background-position:-61px 0px;
}

div#header ul#nav li a.photography {
	width:109px;
	background-position:-109px 0px;
}

div#header ul#nav li a.articles {
	width:58px;
	background-position:-218px 0px;
}

div#header ul#nav li a span {
	position:absolute;
	left:-999em;
}

div#content_border {
	border:2px solid #e3e3e3;
	background-color:#757575;
	padding:8px;
	overflow:hidden;
}

div#content {
	border:2px solid #FFF;
	background:url(../images/Outer-BG.png) top left repeat-x;
	padding:45px;
	position:relative;
	overflow:hidden;
}

div#clipper {
	clip:rect(0px, 658px, auto, 0px);
	width:658px;
	overflow:hidden;
}

div#images {
	position:relative;
}

div.image {
	height:373px;
	width:531px;
	border:2px solid #757575;
	background-color:#FFF;
	margin:auto;
	padding:44px 0 0 0;
	text-align:center;
}

div.image img {
	margin:auto;
}

div.image_label {
	position:absolute;
	width:200px;
	height:49px;
	left:50%;
	bottom:33px;
	margin-left:-100px;
	padding:0;
	font-size:1.2em;
}

div.image_label small {
	font-size:.7em;
	color:#757575;
	line-height:.8em;
}

div.image_label div {
	height:43px;
	width:180px;
	padding:6px 10px 0 0;
	text-align:center;
	background:url(../images/Label.png) top right no-repeat;
	float:left;
}

div.image_label span {
	display:block;
	width:10px;
	height:49px;
	background:url(../images/Label.png) top left no-repeat;
	float:left;
}

#arrow_left, #arrow_right {
	position:absolute;
	top:0;
	height:100%;
	width:75px;
	cursor:pointer;
	z-index:999;
}

#arrow_left:hover, #arrow_right:hover {
}

#arrow_left {
	background:url(../images/Left-Arrow.png) center center no-repeat;
	left:0px;
}

* html #arrow_left {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/Left-Arrow.png", sizingMethod="crop");
}

#arrow_right {
	background:url(../images/Right-Arrow.png) center center no-repeat;
	right:0px;
}

* html #arrow_right {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/Right-Arrow.png", sizingMethod="crop");
}

div#footer {
	height:44px;
	margin:0 20px 20px 0;
	background:url(../images/Footer.png) bottom right no-repeat;
}

div#footer span {
	position:absolute;
	left:-999em;
}

#getfirefox {
	position:relative;
	left:40px;
	top:-55px;
}