/* 	
	N&I Main CSS Document 		
	Version: 1.0 				
	Author: Michael zur Muehlen	
	Date: 2005-11-09		 		
	Revision History: 			
	1.0 Initial Draft
*/

html, body {
	font-family: "Georgia", "Caslon Big", "Times New Roman", Times, serif;
	color: #001e3c;
	line-height: normal;
	font-size: 12px;
	margin: 0;
	padding: 5px 0;
	background: #000000;
   } 

/* General Styles */

hr {
	color: #cccccc;
	background-color: #ffffff;
	height: 1px;
	}

h1, h2, h3, h4 {
	margin: 0.5em 0 1.5em 0;
	font-weight: bold;
	color: #005555;
	background-color:#ffffff;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #CCCCCC;
	}
	
input.formfield{
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}

input.label{
	padding: 0 3px 0 0;
	}

input.button
{
	border-bottom: 2px double #999999;
	border-right: 2px double #999999;
	border-top: 2px double #CCCCCC;
	border-left: 2px double #CCCCCC;
	padding: 0.20em;
	margin:0 0 2px 3px;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
} 

input.button:active {
	border-bottom: 3px double #cccccc;
	border-right: 3px double #cccccc;
	border-top: 3px double #999999;
	border-left: 3px double #999999;
}  

dl {
	padding: 3px 0 0 10px;
}

dt {
	font-size:105%;
	font-variant:small-caps;
}

dd {
	margin: 3px 3px 6px 15px;
}

#pagewidth{ 
    width:800px;
    margin: 0 auto;
	padding:0;
	border: 1px solid #6e1b00;
    background: #fff3dc url("http://www.nerselirene.com/img/background/page-bg.gif") fixed repeat-x 50% 0;
} 

#titlepagewidth{ 
    width:800px;
	height:1200px;
    margin: 0 auto;
	padding:0;
    background: #fff3dc url("http://www.nerselirene.com/img/glam/nadine-kilim-800px.jpg") 50% 0;
} 

#contentwrap{ 
    width:800px;
    margin: 0 auto;
	padding:0;  
    border-left: 1px solid #6e1b00;
    border-right: 1px solid #6e1b00;
    background: #f8edd9;
}

#titlecontentwrap{ 
    width:800px;
    margin: 0 auto;
	padding:0;  
}

#header{
	clear:both;
	position:relative;
	width:100%;
	height:55px;
	line-height:50px;
	background-color:#E4C1AB;
} 

#header img{
	float:left;
	margin:0 0 0 30px;
}

#header img.right{
	margin:10px 0 0 0;
	padding:0;
	display:inline;
}

#header li{
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
	}

#header a{
	float:left;
    line-height:50px;
	margin: 3px 5px 0 10px;
	text-decoration: none;
	font-weight:bold;
    color:#001e3c;
	}
	
#header a:hover{
    color: #705c52;
	}

#header form{
	float:left;
    line-height:50px;
	margin: 15px 5px 0 10px;
	text-decoration: none;
	font-weight:bold;
    color:#001e3c;
}

#tagline{
    position:relative;
	margin:0;
	padding:0;
    background:#4a0000 url("http://www.nerselandirene.com/img/background/darkfade_fill.gif") fixed repeat-y 50% 0; 
    width:100%;
    height:25px;
} 

#topline{
    margin:0;
	padding:0;
	position:relative;
    background:#5893e1 url("http://www.nerselirene.com/img/background/blue_stripe.gif") fixed repeat-y 50% 0; 
    width:100%;
    height:5px;
}

#content{
	position:relative;
	float:left;
	width:100%;
}

#titlecontent{
	position::relative;
	float:left;
	width:100%;
	margin-top:500px;
}


#content img.background {
	position:relative;
	float:right;
	margin-left: 15px;
}

#mainpagecontent {
	background-image:url('http://www.nerselirene.com/img/glam/glam_frontpage_girl.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:right;
	float:right; 
	margin-left: 15px;
}

#content img.photo {
	position:relative;
	float:right;
	margin-left: 15px;
	margin-right: 15px;
}

#content object.background {
	position:relative;
	float:right;
}

#content img.product {
	position:relative;
	float:left;
	padding: 10px 5px 10px 5px;
	margin-right: 15px;
}

#navigation{
	float:left;
	width:170px;
	position:relative;
}

p{
	padding: 0 0 0 5px;
}

p.headline {
	font-weight:bold;
	font-variant:small-caps;
	color:#b9705f;
	font-size:250%;
	padding: 15px 25px;
}
.centerbold {
	display:block;
	height:14px;
	line-height:25px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	color:#b9705f;
}

.centerleft {
	font-weight:bold;
	text-align:left;
	color:#705c52;
	margin:0;
	padding:0;
}

.producttitle {
	font-weight:bold;
	text-align:left;
	font-size:140%;
	color:#A1482C;
	margin:10px 0 5px 0;
}

.productheader, .productheader form label {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	font-weight:bold;
	color:#A1482C;
	margin:3px 0 0 0;
}

.productdescription {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#A1482C;
	margin:0 0 2px 0;
}

.contact {
	font-weight:bold;
	color:#b9705f;
	font-size:105%;
}

#productnavigation {
	clear:both;
    position:relative;
    width:100%;
}

#productnavigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

#productnavigation li{
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}

#productnavigation a{
	float:left;
	margin:0;
	}


#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

#navigation li, #navigation a {
	display:block;
	width:150px;
	height:43px;
	margin:0;
	padding:0;
	text-align:center;
	}

#navigation a {
	line-height:43px;
	font-size:110%;
	font-weight:bold;
	text-decoration: none;
	color: #f8edd9;
	}

#navigation a:hover, a:active {
	font-weight:bold;
	color: #7a3316;
	background-color:#f8edd9;
	}

#navigation a:active {
	}

#button1 {
		background-color:#bea388;
		}

#button2 {
		background-color:#a66342;
		}

#button3 {
		background-color:#8e4728;
		}

#button4 {
		background-color:#c98a6c;
		}

#button5 {
		background-color:#dbad79;
		}
		
#button6 {
		background-color:#0066FF;
		}

#bottomwrap{ 
    width:740px;
    margin: 0 auto;
	padding:0;  
    border-left: 1px solid #6e1b00;
    border-right: 1px solid #6e1b00;
}

#bottomline{
	clear:both;
    position:relative;
    width:100%;
    height:5px;
	line-height:normal;
    background:#5893e1 url("http://www.nerselandirene.com/img/background/blue_stripe.gif") fixed repeat-y 50% 0; 
} 

#foot-bar{
	position:fixed;
	bottom:0px;
}

#footer{
   position:relative;
   width:100%;
   height:30px;
   color:#fff3dc;
   font-size:90%;
   padding:0;
   border-top: 1px solid #4a0000;
   background:#4a0000 url("http://www.nerselandirene.com/img/background/darkfade_fill.gif") fixed repeat-y 50% 0;
}

#footer li{
	float:left;
	margin:0 5px 0 5px;
	padding:0;
	list-style: none;
	}

#footer a{
	float:left;
	font-weight:bold;
	margin: 0 5px 0 5px;
	text-decoration: none;
	color: #fff3dc;
	}
	
#footer a:hover{
	font-weight:bold;
	color: #b9705f;
	}

#footer form{
	float:left;
	display:inline;
	color:#fff3dc;
    margin: 0 5px 0 5px;
	text-decoration: none;
	font-weight:bold;
}

#copyright {
   position:relative;
   width:770px;
   height:25px;
   line-height:25px;
   font-size:80%;
   text-align:right;
}

#copyright a {
   text-decoration:none;
   color:#b9705f;
   font-weight:bold;
}

#copyright a:hover {
   background:#b9705f;
   color:#fff3dc;
}