﻿body {background-color:#de0059;}
a, a span{cursor:pointer;}
br {clear:both;}

#presentation {position:relative; width:811px; height:451px; margin:10px 0px 15px;}
#presentation img.background {position:absolute; top:0; left:0; z-index:1;}
#presentation .rotator {position:relative; width:811px; height:451px; z-index:2;}
#presentation .rotator ul {list-style:none; list-style-position:inherit; margin:0; padding:0; position:absolute; top:0px; left:0px; z-index:2; width:811px;}
#presentation .rotator ul li {position:relative; width:811px; height:451px; display:block; float:left;}
#presentation .rotator ul li img.vertical {position:absolute; left:120px; top:15px; z-index:2;}
#presentation .rotator ul li img.horizontal {position:absolute; left:135px; top:40px; z-index:2;}

#presentation .rotator ul li div.share-horizontal {position:absolute; left:135px; top:15px; z-index:3;}
#presentation .rotator ul li div.share-horizontal span.name {margin:0 0 0 10px; padding:5px; font-size:1.2em; background-color:#fff; color:#de0059; font-weight:bold; border-bottom:solid 1px #000; border-right:solid 1px #000;}
#presentation .rotator ul li div.info-horizontal {position:absolute; left:135px; bottom:200px; z-index:3;}
#presentation .rotator ul li div.info-horizontal span.price {margin-left:10px; padding:5px; font-size:1.2em; background-color:#fff; color:#de0059; font-weight:bold; border-bottom:solid 1px #000; border-right:solid 1px #000;}
#presentation .rotator ul li div.info-horizontal span.dimensions {padding:5px; font-size:1em; background-color:#fff; color:#de0059; font-weight:bold; border-bottom:solid 1px #000; border-right:solid 1px #000;}

#presentation .rotator ul li div.share-vertical {position:absolute; left:315px; top:15px; z-index:3;}
#presentation .rotator ul li div.share-vertical span.name {margin-bottom:10px; display:block; padding:5px; font-size:1.2em; background-color:#fff; color:#de0059; font-weight:bold; border-bottom:solid 1px #000; border-right:solid 1px #000;}
#presentation .rotator ul li div.share-vertical span.price {padding:5px; font-size:1.2em; background-color:#fff; color:#de0059; font-weight:bold; display:block; margin-bottom:10px; float:left; border-bottom:solid 1px #000; border-right:solid 1px #000;}
#presentation .rotator ul li div.info-vertical {position:absolute; left:315px; bottom:230px; z-index:3;}
#presentation .rotator ul li div.info-vertical span.dimensions {padding:5px; font-size:1em; background-color:#fff; color:#de0059; font-weight:bold; border-bottom:solid 1px #000; border-right:solid 1px #000;}

#presentation .rotator a {}
#presentation .rotator a.carousel-next {position:absolute; bottom:20px; right:50px; z-index:3; padding:2px 4px; background-color:#fff; color:#de0059; font-weight:bold;}
#presentation .rotator a.carousel-previous {position:absolute; bottom:20px; right:150px; z-index:3; padding:2px 4px; background-color:#fff; color:#de0059; font-weight:bold;}

#presentation .for-sale {position:absolute; top:50px; right:20px; z-index:5; width:313px;}
#presentation .for-sale img {display:block; margin-bottom:10px;}
#presentation .for-sale p {padding:2px; background-color:#fff; font-size:.9em;}

.container {width:771px; min-height:64px; background:#fff url(images/skin/container/background.jpg) top left repeat-y; position:relative; z-index:1; padding:20px 20px 30px 20px;}
.container div.top {width:811px; height:32px; background:url(images/skin/container/rounded-edges-pink.jpg) no-repeat scroll left top transparent; position:absolute; top:0; left:0; z-index:2;}
.container div.bottom {width:811px; height:32px; background:url(images/skin/container/rounded-edges-pink.jpg) no-repeat scroll left top transparent; background-position:0 -38px; position:absolute; bottom:0; left:0; z-index:2;}
.container img {position:relative; z-index:3;}
.container p {position:relative; z-index:3;}

.announcements {float:left; width:360px; margin-right:50px; position:relative; min-height:270px;}
.announcements ul {position:relative; list-style:none; list-style-position:inside; list-style-type:none; min-height:250px; margin:0; padding:0;}
.announcements ul li {display:block; float:left; min-height:250px;}

.pink {position:relative; width:360px; height:250px; background:url('/jamie-davis/images/pink-and-pampered.jpg') top left no-repeat; background-position:top; z-index:999;}
.pink p.data {position:absolute; width:300px; top:65px; left:30px;}
.pink a.directions {position:absolute; bottom:15px; right:40px; font-weight:normal; text-decoration:underline;}
.pink a.mclaren {position:absolute; top:47px; right:55px; font-weight:normal; text-decoration:underline; width:170px; height:0px; overflow:hidden; padding-top:15px;}
.pink p.date {position:absolute; top:50px; left:30px; font-size:1.4em; font-weight:bold;}
.pink div.fb {position:absolute; bottom:15px; left:30px; z-index:999;}

#commission {width:360px; float:left; padding-top:20px;}
#commission p {margin:0 10px 10px;}

#manic-design {width:350px; float:left; margin-top:20px;}
#manic-design p {margin-top:10px;}
