body {
	margin:0px;
	padding:0px;
	background-color:#fff;
	text-align:center;
	font-family:Arial,Verdana,sans-serif;
	font-size:12px;
}
html, body, #container {
    min-height: 100%; /*Sets the min height to the
                        height of the viewport.*/
    width: 100%;
    height: 100%; /*Effectively, this is min height
                    for IE5+/Win, since IE wrongly expands
                    an element to enclose its content.
                    This mis-behavior screws up modern  
                    browsers*/
    margin: 0;
    padding: 0;
}
html>body #container {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
}
#container {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}
#footer {
	position:absolute;
	left:0px;
	bottom:0px;
	height:75px;
	background-color:#f2eeeb;
	width:100%;
	z-index:1;
	border-top:1px solid #e9e6df;
	text-align:center;
}

#all {
	width:766px;
	margin:0px auto;
	position:relative;
	text-align:left;
	padding-bottom:100px;
}
#head {
	height:107px;
	width:766px;
	position:relative;
}
#logo {
	position:absolute;
	top:17px;
	left:6px;
}
#nav {
	position:absolute;
	top:80px;
	right:30px;
	font-size: 13px;
}
#bio {
	position:absolute;
	left:849px;
	/*top:696px;*/
	top:826px;
}

#key {
	/*border-top:2px solid #e6e5e1;*/
	/*margin-bottom:11px;*/
	margin-bottom:50px;
}
#content {
	margin:0px 15px;
}
#left {
	float:left;
	width:330px;
	overflow:hidden;
}
h1 {
	padding:6px 0px;
	border-bottom:1px solid #ddddd5;
	color:#892225;
	text-transform:uppercase;
	font-size:15px;
	font-weight:normal;
	margin:0px 0px 20px;
}
#right a {
	text-decoration:none;
}
#right h3 {
	padding:0px 0px;
	color:#000;
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 15px 10px;
	position:relative;
	top:-3px;
}
#right h3 a {
	color:#000;
	text-decoration:none;
}

#right h5 {
	padding:0px 0px;
	color:#cac7be;
	font-size:16px;
	font-weight:normal;
	margin:0px 0px 0px 10px;
	position:relative;
	top:-3px;
}
#right h5 a {
	color:#cac7be;
	text-decoration:none;
}

#right {
	float:right;
	width:375px;
	overflow:hidden;
}


#nav a {
	color:#887b6a;
	padding:0px 10px;
	text-decoration:none;
}






.arBox {
	clear:both;
	width:305px;
	font-size:10px;
	margin-bottom:8px;
}
.arBox h3 {
	text-transform:uppercase;
	font-size:9px;
	margin:0px;
}
.arBox p {
	margin:4px 0px;
	color:#736A61;
}
.arBox a {
	color:#A21D0C;
}
.arImg {
	float:left;
	width:112px;
}
.arContent {
	float:right;
	width:185px;
}


#footer-inner {
	padding-top:15px;
	width:766px;
	margin:0px auto;
	text-align:left;
	font-size:11px;
	position:relative;
}
#facebook {
	left:849px;
	position:absolute;
	top:10px;
	/*width:450px;*/
	width:100px;
	height:21px;
	overflow:hidden;
}
.footer-nav {
	float:left;
	width:250px;
	overflow:hidden;
}
.footer-address {
	float:right;
	width:500px;
	overflow:hidden;
	text-align:right;
}
#footer, #footer a {
	color:#8b8271;
}
#footer a {
	padding-right:10px;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#artepuri2 {
	padding-left:8px;
}
#artepuri3 {
	padding-left:8px;
}
#artepuri4 {
	padding-left:8px;
}

#key {
	height:398px;
	position:relative;
	overflow:hidden;
}
.key-slide a {
	left:0;
	/*opacity:0;*/
	position:absolute;
	top:0;
	z-index:8;
	display:none;
}