/* CSS Document */
/* Redefining HTML tags sitewide */

body {
	font-size: 75%;
	background-color: #FFF;
	color:	#333;
}

* {
	font-family: Arial, Verdana,sans-serif;
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}


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

img {
	border:0px;
}
h1 {
	margin:0px;
	padding:0px 0px 14px 0px;
	color:#DC0526;
	font-size:190%;
}
h2 {
	margin:0px;
	padding:0px 0px 9px 0px;
	font-size:150%;
}
p {
	margin:0px;
	padding:0px 0px 11px 0px;
}

blockquote span {
	font-weight:bold;
	padding:0px;
	margin:0px;
}


/* Main site structure */

#container {
	width: 100%;
	background-color:#FFF;
}

#page {
	width:731px;
	background-color: #FFF;
	margin: 20px auto;
	color:#701524;
	position: relative;
	overflow:auto;
}

#title {
	position:absolute;
	bottom: 53px;
	float: left;
	height: 332px;
}

#pagecontent {
	width:672px;
	padding:10px 0 10px 25px;
	float: right;
}

#pagecontent.index {
	background:url(/imgs/bgnew2.gif);
	border-bottom: 1px solid #83e6cb;
}


#pagecontent.inner {
	height: 400px;
	background:url(/imgs/bg.gif);
	border-bottom: 3px solid #83e6cb;
}


#footer {
	width:697px;
	float: right;
}

/* special styles */

.upperCase { text-transform:uppercase; }

/*--- NAV ---*/

#nav {
}
#nav ol {
	margin:5px 0px 4px 0px;
	padding:0px;
}
#nav li {
	display:inline;
	list-style-type:none;
	padding:0px;
	margin: 0px 20px 0px 0px;
}

#nav a {
	color:#DC0526;
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
}
#nav a:hover {
	color:#300;
}
#address {
	font-size:80%;
}



/*--- HOMEPAGE ---*/


	#HompageThumbnails {
		width:672px;
	}

	.Home_th{
		float:left;
		margin-left:5px;
		width:145px;
		height:130px;
	}
	
	.Home_th_new {
		float:left;
		margin-left:5px;
		width:115px;
		height:130px;
		white-space:nowrap;
	}
	
	.rep {
		float:left;
		left:0px;
		top:0px;
		z-index:99;
		background-color:#fff;
		color:#dc0526;
		border:1px solid #76E6C7;
		padding:5px;
		margin-left:-5px;
	}
	
	* html .rep {
		position:absolute;
		left:0px;
		top:16px;
		z-index:55;
	}
	
	/* a hack to fix the problem with Andres Du Bouchet title on IE 6 */
	* html #spAndresDuBouchet { font-size:90%; }
	
	.repSwitch {
		margin-left:-230px;
	}
	
	.prodTitle {
		position:relative;
		left:0px;
		top:0px;
		width:106px;
		
	}
	
	.prodTitle {
		/*background-color:#FFFFFF;*/
		font-size:105%;
		color:#35B591;
		font-weight:bold;
	}
	
	#HompageCopy {
		font-weight:bold;
		width:550px;
	}
	
	#HomepageCopyNew {
		position:absolute;
		left: 342px;
		top: 202px;
		height: 100px;
		width: 320px;
	}
	
/* ABOUT US */



#aboutCopy {
	width:652px;
	height:226px;
	overflow:auto;
}
#aboutCopy div {
	width:627px;
}

/* PRODUCTION */

#prodCol1 {
	width:300px;
	height:380px;
	overflow:hidden;
	float:left;

}

#prodCol2 {
	width:330px;
	height:260px;
	padding-left:15px;
	float:left;
	
}
#prodcopy {
	width:337px;
	height:190px;
	overflow:auto;
	
}
#prodcopy div {
	width:317px
	
}

#booklink {
	position:absolute;
	left:340px;
	top:278px;
}
#next {
	position:absolute;
	left:624px;
	top:278px;
	width:50px;
	text-align:right;

}

#prev {
	position: absolute;
	left: 544px;
	top: 278px;
	width: 80px;
	text-align: right;
}

#newsletter {
	position:relative;
	top:121px;
}