@charset "UTF-8";
/* Fine Canvas Prints - Main Stylesheet */
html,body{
	background-color: #F5F5DC;
	margin:0;
	padding:0;
}

/* type */
body,td,th {
	font-family: Georgia, Times New Roman, Times, serif;
	font-style:italic;
	font-size:12px;
	line-height: 1.625em;
	color:#666666;
}

.quote {
	font-family: Georgia, Times New Roman, Times, serif;
	font-style:bold;
	font-size:16px;
	color:#EC2024;
	/*text-indent: -0.25em;*/
	display:block;
	margin-left: 15px;
	line-height: 1.625em;
}

h2{
	font-size:18px;
	color:#EC2024;
	font-weight:normal;
	padding-left: 15px;
}

p {
	padding: 0px 15px;
}

img{
	border:0;
	margin:0;
	padding:0;
}

a {
	color: #3c78c0;
	text-decoration: underline;
}

a:hover {
	color: #EC2024;
	text-decoration: none;
}

a:visited {
	color: #3c78c0;
	text-decoration: underline;	
}

a:visited:hover {
	color: #EC2024;
	text-decoration: underline;	
}

.red {
	color: #EC2024;
}

#clear{/*this is applied to an empty div within the content in order to get the floating columns to push the content div down*/
	clear:both;
}

/* Front page containers */
/* wrapper is centered vertically and horizontally, positioned absolutely in relation to the browser window, its background is the logo element */
#wrapper {
	position:absolute;
	top: 50%;
	left: 50%;
	height: 707px;
	width: 926px;
	margin: 0 auto;
	margin-top: -353px; /*set to a negative number 1/2 of your height*/
	margin-left: -463px; /*set to a negative number 1/2 of your width*/
	background: url(images/corner.gif) top left no-repeat #F5F5DC;
}
/* wrapper contains: header, a row of three squares, another row of three squares and footer */
/* these elements should be positioned relatively to the wrapper and floated */
/* logo positiones the graphic to the right by using text-align property, it does not float as it's by itself */
/* top and left values of square elements are calculated in relation to their original positions */

/* First row */
#header {
	position:relative;
	display:block;
	width: 926px;
	height: 62px;
	text-align:right;
}

/* Second row */
#sq1 {
	position: relative;
	top: 15px;
	left: 71px;
	width: 275px;
	height: 275px;
	background-color:#EC2024;
	float:left;
	color: #FFFFFF;
}

#sq1 h2{
	color: #FFFFFF;
}

#sq1 a {
	color: #ffffff;
	text-decoration:underline;
}

#sq2 {
	position: relative;
	top: 15px;	
	left: 86px;
	width: 275px;
	height: 275px;
	background-color:#ffffff;
	float:left;
}

#sq3 {
	position: relative;
	top: 15px;
	left: 101px;
	width: 275px;
	height: 275px;
	background-color:#ffffff;
	float:left;
}
/* third row */
#zoomer_thumb {
	position: relative;
	top: 30px;
	left: 71px;
	width: 275px;
	height: 275px;
	background-color:#ffffff;
	float:left;
	display:block; 	
}

#zoomer_big_container {
	position: relative;
	top: 30px;
	left: 86px;	
	width: 275px;
	height: 275px;
	background-color:#ffffff;
	float:left;
	background:url(images/loading.gif) center center no-repeat #ffffff; 
	overflow:hidden; 
	cursor:move;
	display:block;	
}

#sq6 {
	position: relative;
	top: 30px;
	left: 101px;	
	width: 275px;
	height: 275px;
	background-color:#ffffff;
	float:left;
}
/* fourth row */
#footer {
	width: 855px;
	height:50px;
	position:relative;
	top: 30px;
	left: 71px;
	float: left;
	text-align:center;
}

/* special elements for zoom script */
#zoomer_image { 
	display:block; 
	position:absolute;
}

#zoomer_region { 
	background:#EC2024; 
	border:none; 
	position:absolute; 
	top:0px; 
	left:0px; 
	cursor:move; 
}

/* Secondary page containers */
/* Major difference from the front page is that we are not centering the main wrapper */
#insideWrapper {
	position:absolute;
	width: 926px;
	margin: 0 auto;
	top: 40px;
	left: 50%;
	margin-left: -473px;	
	background: url(images/corner.gif) top left no-repeat #F5F5DC;
}

#content {
	position:relative;
	top: 30px;
	left: 86px;
	width: 565px;
	background-color:#ffffff;
	float:left;
}

#content p {
	padding: 0 60px;
}

#content h2 {
	padding: 15px 60px 10px 60px;
}

#insidesq1 {
	position: relative;
	top: 15px;
	left: 71px;
	width: 275px;
	height: 275px;
	float:left;
	color: #FFFFFF;
	background: #EC2024;
}

#insidesq1 p {
	font-family: Georgia, Times New Roman, Times, serif;
	font-style:bold;
	font-size:15px;
	color:#ffffff;
	text-indent: -0.25em;
	display:block;
	margin-left: 15px;
	line-height: 1.625em;
}

#insidesq4 {
	position: absolute;
	top: 367px;
	left: 71px;
	width: 275px;
	height: 275px;
	background: url(images/CruseScanner.jpg) top left  no-repeat #ffffff;
	float:left;
	display:block; 	
}

#contactsq {
	position: absolute;
	top: 657px;
	left: 71px;
	width: 275px;
	height: 275px;
	background: #ffffff;
	float:left;
	display:block; 	
}
/* forms */
label {
	float: left;
	clear: left;
	width: 5em;
	font-size:11px;
}

input, select, textarea {
	float: left;
	margin-bottom: 3px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-style:bold;
	font-size:11px;
	color:#666666;
}

fieldset {
	margin-left: 15px;
	width: 225px; 
	border: 0px;
}

input {
	width: 160px;
	height: 15px;
}
textarea {
	width: 164px;
	height: 80px;
	
}
.caption {
	font-size: 10px;
	font-style:normal;
	letter-spacing: 0.1em;
}

.submit {
	position: absolute;
	bottom:15px;
	left: 25px;
	width: 40px;
	text-align:center;
	height: 40px;
	border:1px solid #EC2024;
	background: #EC2024;
	color: #FFFFFF;
	float: left;
	cursor:pointer;	
}

/* menu */

#menuContainer {
	width: 565px;
	height: 130px;
	position:relative;
	top: 15px;
	left: 86px;
	float: left;
	text-align:center;
}

#menuContainer a {
	text-decoration:underline;
	color: #3c78c0;
}

#menuContainer a:hover {
	text-decoration:underline;
	color: #ffffff;
}

.menuRest {
	display: block;
	position: relative;
	width: 130px;
	height: 73px;
	padding-top: 55px;
	text-align:center;
	font-size: 14px;
	margin-left: 15px;	
	float:left;
	background: #ffffff;
}

.menuRest:hover {
	display: block;
	position: relative;
	width: 130px;
	height: 73px;
	padding-top: 55px;
	text-align:center;
	font-size: 14px;
	margin-left: 15px;	
	float:left;
	background: #EC2024;
	color: #ffffff;
}

.menuFirst {
	display: block;
	position: relative;
	width: 130px;
	height: 73px;
	padding-top: 55px;
	text-align:center;
	font-size: 14px;
	margin-left:0px;
	float:left;
	background: #ffffff;
}

.menuFirst:hover {
	display: block;
	position: relative;
	width: 130px;
	height: 73px;
	padding-top: 55px;
	text-align:center;
	font-size: 14px;
	margin-left:0px;
	float: left;
	background: #EC2024;
	color: #ffffff;
}

#insideFooter {
	width: 565px;
	height:50px;
	position:relative;
	top: 30px;
	left: 361px;
	float: left;
	text-align:center;
}