/*	SITE: ARIELLES
	STUDIO: SEER STUDIOS
	DATE: SUMMER 2009
	
*/

/* ============== GLOBAL ============== */

* {
	margin:0;
}

html {
	height:100%;
	min-height:100%;
}

body {
	background:#987f97;
	height:100%;
}

.container {
	width:910px;
	height:700px;
	margin:0px auto;
	margin-top:10px;
	margin-bottom:10px;
	background:url(images/flowers.jpg) no-repeat;
}

img {
	border:0;
}

a {
	text-decoration:none;
	color:#000;
}

a:hover {
	text-decoration:underline;
}

p {
	font-size:14px;
	font-family: "Myriad Pro", Serif;
}

.left {
	float:left;
	margin-left:10px;
	margin-top:13px;
}

#bottomright {
	position:absolute;
	margin-left:720px;
	margin-top:13px;
}

.footercontainer {
	width:910px;
	height:auto;
	margin:0px auto;
}

#logo {
	float:left;
	position:absolute;
	width:300px;
	height:100px;
	margin:200px 0 0 30px;
	background:url(images/oldlogo.png) no-repeat;
}

#navigation {
	float:left;
	position:absolute;
	margin-top:250px;
	margin-left:30px;
	width:200px;
	height:50px;
	z-index:20;
}

#navigation ul {
	padding:0;
	width:400px;
	margin-top:70px;
}

#navigation li {
	display:inline;
	margin-right:50px;
	list-style:none;
	font-size:12px;
	font-family: "Myriad Pro", Arial, Sans-Serif;
}

.lavaLampNoImage {
    position: relative;
    height: 20px;
    width: 300px;
    padding: 10px;
    margin: 10px 0;
    overflow: hidden;
}
        .lavaLampNoImage li {
            float: left;
            list-style: none;
        }
            .lavaLampNoImage li.back {
                color:#000;
				background:#987f97;
				border:1px solid #fff;
                width: 9px;
                height: 20px;
                z-index: 8;
                position: absolute;
            }
            .lavaLampNoImage li a {
	font-weight:bold;
                text-decoration: none;
                color: #000;
                outline: none;
                text-align: center;
                top: 4px;
                letter-spacing: 0;
                z-index: 10;
                display: block;
                float: left;
                height: 20px;
                position: relative;
                overflow: hidden;
                margin: auto 5px;
            }
                .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                    border: none;
                }

#gallery {
	float:right;
	width:580px;
	height:652px;
	margin-top:2px;
}

#gallerynav {
	float:left;
	width:600px;
	text-align:left;
	position:absolute;
	margin-top:57px;
	margin-left:10px;
}

#gallerynav ul {
	padding:0;
	margin-left:130px;
	width:600px;
	height:20px;
	display:inline;
}

#gallerynav li {
	font-size:16px;
	font-family: "Myriad Pro";
	list-style:none;
	display:inline;
}

#gallerynav li a {
	color:#000;
	text-decoration:none;
}

#gallerynav li a:hover {
	color:#aaa;
	text-decoration:underline;
	cursor:pointer;
}

.right {
	position:absolute;
	margin-left:100px;
}

#flashcontent {
	margin-top:20px;
}

#righttext {
	float:right;
	margin-top:20px;
	margin-right:20px;
	line-height:1.2;
	width:500px;
	height:652px;
	overflow:auto;
	overflow-x:hidden;
}

#righttext p {
	font-family: "Myriad Pro", Arial, Sans-Serif;
	font-size:12px;
}

/* ============== TEXT ============== */

#content {
	float:left;
	position:absolute;
	margin-top:365px;
	margin-left:30px;
	width:300px;
	height:140px;
	border-top:2px solid #b19cb6;
	border-bottom:2px solid #b19cb6;
	line-height:1.5;
}

#content p {
	font-size:14px;
	font-family: "Myriad Pro", Serif;
	margin-left:10px;
	margin-top:10px;
	margin-right:10px;
}

#link {
	width:300px;
	height:50px;
	float:left;
	margin-top:530px;
	margin-left:30px;
	position:absolute;
}

#signoff {
	float:left;
	margin-top:10px;
	margin-left:100px;
	width:400px;
	height:70px;
}

#signoff h2 {
	font-family: "Myriad Pro", sans-serif;
	font-style:bold;
	font-weight:normal;
	font-size:13px;
}

#signoff span {
	color:#ae66af;
}

#signoff a {
	color:#000;
	text-decoration:none;
}

#signoff a:hover {
	text-decoration:underline;
}

/* ============== FILMSTRIP ============== */


#filmstrip {
	width:300px;
	height:100px;
	margin-left:25px;
	padding-top:570px;
	position:absolute;
}

#contactForm {
	margin-top:170px;
	margin-left:100px;
}

#contactForm label {
	font-family: "Helvetica";
	font-size:12px;
	margin-bottom:10px;
	color:#000;
}

#contactForm input {
	margin-top: 10px;
	margin-bottom: 10px;
	height:18px;
	width:280px;
	font-family: "Helvetica", Arial, Sans-Serif;
	font-size:16px;
	letter-spacing:1px;
}

#contactForm textarea {
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "Helvetica", Arial, Sans-Serif;
	font-size:14px;
	width:285px;
	height:50px;
}

#contactForm select {
	margin-top:10px;
	margin-bottom:10px;
	width: 280px;
}

#contactForm p input {
	width:100px;
	height:30px;
	float:left;
	margin-right:10px;
	margin-top:10px;
}

#footer {
	clear:both;
	width:910px;
	height:40px;
	background:#eee;
	margin-top:10px;
	margin-bottom:20px;
}