/* CSS Document */

body {
	background-color:#f93;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	behavior:  url("ExternalFiles/csshover.htc");
	}
	
* {
	margin:0;
	padding:0;
	}
	
#tail {
	background-image:url(Images/designimages/fish-l.jpg);
	}
	
#head {
	background-image:url(Images/designimages/fish-l2.jpg);
	}

ul {
	margin:0;
	list-style-type:none;
	}
	
h2 {
	text-align:center;
	color:#993300;
	font-family:bradley hand itc, comic sans ms, Verdana, Arial, Helvetica, sans-serif;
	}

h3 {
	font-weight:bold;
	font-size:1em;
	padding-top:40px;
	}

/* This section is for the content wrapper, ensuring the content is centered on the page */
#contentwrapper	{
	width:700px; 
	margin:auto;
	}

#banner	{
	width:700px;
	height:150px;
	clear:both;
	}

.logo{
	margin-left:32px;
	margin-right:50px;
	}

/* This section is to format the navigation list on the side */
#nav {
	width:155px;
	float:left;
	font-family:bradley hand itc, comic sans ms, Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	padding-top:15px;
	}
	
	
#nav ul {
	margin:10px 0 30px 0;
	padding:0;
	}
	
#nav li	{
	background-image:url(Images/designimages/nav_fish.jpg); 
	background-repeat:no-repeat; 
	width:150px; 
	height:70px;
	padding:18px 0 0 12px;
	color:#930; 
	font-size:1em;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	}
	
#nav .twolines {
	padding:12px 0 0 12px;
	}
	
#nav li:hover {
	background-image:url(Images/designimages/nav_fish_over.jpg); 
	color:#FFF;
	}
	
#nav a	{
	font-size:.8em;
	color:#fff;
	text-decoration:none;
	margin-top:10px;
	}

/*This section is to format the main content area */
#content	{
	text-align:justify;
	font-size:.9em;
	width:523px;
	margin-left:170px;
	position:relative;
	}
	
#content ul {
	list-style-type:disc;
	margin:0 0 0 15px;
	}
	
#content #detail {
	margin-bottom: 1em;
	}
	
#content p {
	margin-bottom: 1em;
	margin-top: 1em;
	}
	
#content a {
	color:#993300;
	text-decoration:none;
	}
	
#content a:hover {
	text-decoration:underline;
	}

.rightalign {
	text-align:right;
	}
	
#center {
	text-align:center;
	}


#popup {
	position:absolute;
	top:-42px;
	left:-106px;
	width:202px;
	height:251px;
	z-index:1;
	visibility: hidden;
	}	

#popup2 {
	position:absolute;
	top:415px;
	left:108px;
	width:202px;
	height:251px;
	z-index:1;
	visibility: hidden;
	}	

#popup3 {
	position:absolute;
	top:-60px;
	left:-170px;
	width:202px;
	height:251px;
	z-index:1;
	visibility: hidden;
	}	

#popup4 {
	position:absolute;
	top:80px;
	left:-170px;
	width:202px;
	height:251px;
	z-index:1;
	visibility: hidden;
	}	

#popup5 {
	position:absolute;
	top:180px;
	left:-170px;
	width:202px;
	height:251px;
	z-index:1;
	visibility: hidden;
	}	

#popup6 {
	position:absolute;
	top:300px;
	left:-95px;
	width:202px;
	height:251px;
	z-index:1;
	visibility: hidden;
	}	

#popup7 {
	position:absolute;
	top:520px;
	left:200px;
	width:202px;
	height:251px;
	z-index:1;
	visibility: hidden;
	}	

#popup8 {
	position:absolute;
	top:630px;
	left:200px;
	width:202px;
	height:251px;
	z-index:1;
	visibility: hidden;
	}	
#popup9 {
	position:absolute;
	top:630px;
	left:-170px;
	width:202px;
	height:251px;
	z-index:1;
	visibility: hidden;
	}	

#popup10 {
	position:absolute;
	top:485px;
	left:-170px;
	width:202px;
	height:251px;
	z-index:1;
	visibility: hidden;
	}	

#center p {
	font-size:1.1em;
	font-weight:bold;
	}

#detail {
	font-size:.8em;
	font-weight:bold;
	color:#930;
	}


#footerlinks {
	clear:both;
	border-top: 2px solid #000;
	width:100%;
	padding:0;
	font-size:.7em;
	font-weight:bold;
	margin:30px 0 0 0;
	text-align:center;
	}
	
#footerlinks a {
	font-size:1.1em;
	color:#993300;
	text-decoration:none;
	}
	
#footerlinks a:hover {
	text-decoration:underline;
	}
	
#copyright {
	padding-top:20px;
	font-size:.7em;
	width:100%;
	text-align:justify;
	}	

.row {
	width:523px;
	}
	
.print {
	width:250px;
	height: 220px;
	text-align:center;
	margin-right:7px;
	float:left;
	}

.fishname {
	color:#993300;
	font-weight:bold;
	}
	
.fishsize {
	font-size:.8em;
	
	}
	
.fishprice {
	font-size:.8em;
	font-weight:bold;
	}
	
.paintingname {
	color:#993300;
	font-weight:bold;
	}
	
.paintingsize {
	font-size:.8em;
	}

.painting {
	width:250px;
	height: 280px;
	text-align:center;
	margin-right:7px;
	float:left;
	}

.paintingtall {
	width:250px;
	height: 500px;
	text-align:center;
	margin-right:7px;
	position:relative;
	}

#pricing {
	float:right;
	width:200px;
	border: 3px solid #c00;
	background-color: #930;
	color:#fff;
	margin-left:5px;
	padding:2px;
	text-align:left;
	}	
	
#pricing a {
	color:#ff9933;
	}
	
#pricing h3 {
	padding-top:2px;
	}
	
#HowItWorks h3 {
	padding-top:2px;
	}