/**********************************************************************

	ARIA.CSS
	- Layout rules for ariaboutique.ie

***********************************************************************/

@import "typography.css";
@import "nav.css";
@import "phark.css";

*{
	margin:  0;
	padding: 0;
}
#wrapper:after,
.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
ul#skip_nav{
	position: absolute;
	top: -999em;
}
body{
	width: 950px;
	margin: 0 auto;
}
#wrapper_outer{
	position: relative;
	min-height: 450px;
	padding-bottom: 50px;
	background: url('/img/common/bg_primary.jpg') no-repeat bottom left;
}
#wrapper{
	width: 940px;
	padding: 30px 0 0 10px;
	background: url('/img/common/bg_wrapper.jpg') no-repeat;
}
#primary{
	position: relative;
	float: left;
	width: 590px;
	min-height: 250px;
	margin: 0 auto;
	padding: 50px 30px 0 80px;
}
#navigation{
	float: left;
	width: 180px;
	margin-top: 140px;
}

p#footer{
	position: absolute;
	bottom: -45px;
	left: 190px;
	padding-bottom: 20px;
}

/*	Item pages	*/

div#info{
	float: right;
	text-align: left;
}
.findus div#info,
.saggart div#info{
	padding: 0;
}
div#info.portrait{
	width: 290px;
}
div#info.landscape{
	width: 180px;
}
div.new{
	padding-top: 25px;
	background: url('/img/common/new.gif') no-repeat top left;
}
div#info .description{
	margin: 10px 0;	
}

/*	Press page	*/

div.press_item{
	float: left;
	width: 620px;
	padding: 20px 0;
	border-bottom: 1px dotted #eee;
}
div.press_item .description{
	float: left;
	clear: left;
	width: 600px;
	margin-bottom: 20px;
}

div.press_item .description p{ 
	float: left;
	clear: left;
}
div.press_item  .description div.copy p{ 
	width: 280px;
}
div.press_item  div.copy { 
	float: left;
}
div.press_item div.element{
	float: left;
	clear: left;
	width: 620px;
}
.toggler  { cursor:pointer;}
.element	 { padding:0 5px; }


/*	Home page	*/

.home body{
	position: relative;
}
.home #wrapper_outer{
	margin-top: 130px;
	width: 970px;
	height: 480px;
	padding-bottom: 50px;
	background: url('/img/common/bg_primary_home.jpg') no-repeat bottom left;
}
.home #wrapper{
	position: relative;
	top: 0;
	width: 950px;
	padding: 0 0 0 10px;
	background: url('/img/common/bg_wrapper_home.jpg') no-repeat;
}
.home #primary{
	position: relative;
	top: -70px;
	margin-bottom: -160px;
	float: left;
	width: 910px;
	height: 400px;
	padding: 0 0 10px 30px;
}
.home #navigation{
	position: relative;
	top: 315px;
	width: 900px;
	margin-left: 20px;
	margin-bottom: -30px;
}
.home p#footer{
	position: relative;
	float: left;
	left: 15px;
	bottom: -140px;
}
.home div#intro{
	top: 0;
	width: 450px;
}

.home #flash{
	position: absolute;
	right: 35px;
	top: 40px;
	width: 380px;
	height: 255px;
	padding: 5px;
	padding: 5px;
	border: 2px solid #9aa050;
	/*background: url('/img/home/hinkstaylor_01.jpg') no-repeat 5px;*/
}

.home #promo-img{
	position: absolute;
	right: 35px;
	top: 40px;
	width: 270px;
	height: 380px;
	padding: 5px;
	padding: 5px;
	border: 2px solid #9aa050;
	/*background: url('/img/home/hinkstaylor_01.jpg') no-repeat 5px;*/
}/* Portrait		*/

.home #promoMod{
	float: left;
	width: 450px;
}
.home #promoMod .col{
	float: left;
	width: 250px;
	margin-right: 10px;
}
.home #promoMod .col.first{
	width: 200px;
	margin-right: 15px;
}

/* Find us		*/

.findus div.shop{
	clear: left;
	float: left;
	width: 590px;
}