/*
	!!!!! optional. delete this code !!!!!
	
	position: absolute;
	left: auto; top: auto; right: auto; bottom: auto;
*/

/*
----------------------------------------------------------------------------------------------------
[Table of Contents]

1. Default page configuration
			1.1 Tags options
			1.2 Colors
			1.3 Font Size
			
2. Blocks
			2.1 News										| .news
			2.2 Main Menu								| .mm
			2.3 Stock									| .s-case
			2.4 Navigation								| .nav
			2.5 Products List							| .pl
			2.6 Product Description					| .pd
			2.7 Category Catalogue					| .cc
			2.8 Paging									| .pag
			2.9 News List								| .nl
			2.10 Contact Form							| .cf
			
3. Page Constructor
			3.1 Header 									| .hdr
			3.2 Content 								| .cnt
			3.3 Footer 									| .ftr
4. Pages
			
----------------------------------------------------------------------------------------------------
*/

div.pagination {  }
div.pagination span { letter-spacing: 5px; }

/*
####################################################################################################
[1. Page configuration]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[1.1 Defaults Tags options]
----------------------------------------------------------------------------------------------------
*/
body {
	background: #8db3d4 url(../img/body-bg.jpg) 0 0 repeat-x;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.625em;	/* default page font size is 10px (1em) */
	min-width: 100.0em;
}

	* { margin: 0; padding: 0; outline: none; }
	
	ul { list-style-type: none;}
	img { border: none; }
	table { border-collapse: collapse; }



/*
----------------------------------------------------------------------------------------------------
	[1.2 Colors]
----------------------------------------------------------------------------------------------------
*/
	h1 { color: #030; }
	a { color: #0071bc; }
	a:hover { text-decoration: none; }
	p, span { color: #333; }
	input, textarea, select { color: #666; }
	
	


/*
----------------------------------------------------------------------------------------------------
	[1.3 Font size]
----------------------------------------------------------------------------------------------------
*/
	h1 { font-size: 1.6em; font-weight: normal; }
	h2 { font-size: 1.6em; font-weight: normal; }
	a, p, span, input, textarea, select { font-size: 1.2em; }
	p a, p span { font-size: 1.0em; }



/*
####################################################################################################
[2. Blocks]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[2.1 News]
----------------------------------------------------------------------------------------------------
*/
	/* news */
	ul.news { padding: 0 3.0em 0 0; }
		ul.news li { background: url(../img/ico-news.gif) 0 0 no-repeat; padding: 0 0 0 3.2em; margin: 3.9em 0 0; }
		ul.news span,
		ul.news p,
		ul.news a { font-size: 1.0em; }
		ul.news span { color: #939598; }
		ul.news a { text-decoration: none; color: #000; }
			ul.news a:hover { text-decoration: underline; }



/*
----------------------------------------------------------------------------------------------------
	[2.2 Main Menu]
----------------------------------------------------------------------------------------------------
*/
	ul.mm {  }
		ul.mm li { display: inline; }
			ul.mm b,
			ul.mm a { font-size: 1.8em; margin-right: 1.1em; font-weight: normal; }

			ul.mm b {  }
			ul.mm a {  }



/*
----------------------------------------------------------------------------------------------------
	[2.3 Stock]
----------------------------------------------------------------------------------------------------
*/
	div.s-case { background-color: #fff; border: 1px solid #ccc; padding: 1.2em 1.2em 5.0em; }
	
		/* title */
		div.s-case h2 { font-size: 2.4em; color: #f00; font-weight: normal; text-align: center; padding: 0 0 6px; }
		div.s-case p { position: relative; z-index: 2; }


/*
----------------------------------------------------------------------------------------------------
	[2.4 Navigation]
----------------------------------------------------------------------------------------------------
*/
	ul.nav {  }
	
		ul.nav li { display: inline; color: #939598; }
		ul.nav li span,
		ul.nav li a { font-size: 1.0em; }
		
span.B_crumbBox { font-size: 1.0em; }
span.B_currentCrumb { font-size: 1.0em; }


/*
----------------------------------------------------------------------------------------------------
	[2.5 Products List]
----------------------------------------------------------------------------------------------------
*/
	div.pl {  }
		div.pl table { width: 100%; }
			div.pl td { vertical-align: top; padding-top: 35px; }
			div.pl tr:first-child td { padding-top: 0; }
			div.pl td:first-child { width: 1%; padding-right: 1.5em; }
				div.pl img { display: block; border: 2px solid #dfeaf3; }
				div.pl h1 { font-size: 2.4em; }
				div.pl h2 { font-size: 1.8em; padding-top: .5em; }
				div.pl p {  }


/*
----------------------------------------------------------------------------------------------------
	[2.6 Product Description]
----------------------------------------------------------------------------------------------------
*/
	div.pd {  }
		
		/* title */
		div.pd h1 { font-size: 2.4em; }
		
		/* images */
		div.pd table.images {  }
			div.pd table.images td { text-align: center; padding: 10px 20px 10px 0; }
				div.pd table.testi img,
				div.pd table.images img { display: block; border: 2px solid #dfeaf3; margin: 0 auto; }
		
		/* description */
		div.pd p { padding: 1.0em 0 0; }
		
		/* testimonial */
		div.pd table.testi { margin: 1.0em 0 0; }
			div.pd table.testi td { vertical-align: top; font-size: 1.2em; }
			div.pd table.testi td.img { padding-right: 2.0em; }
				div.pd table.testi span.name { font-size: 1.8em; color: #000; }


/*
----------------------------------------------------------------------------------------------------
	[2.7 Category Catalogue]
----------------------------------------------------------------------------------------------------
*/
	div.cc {  }
	
		/* description */
		div.cc div.desc {  }
			div.cc div.desc h2 { font-weight: bold; }
			div.cc div.desc h2,
			div.cc div.desc p { font-size: 1.0em; padding: 0 !important; }
		
		/* list */
		div.cc div.pd {  }
			div.cc div.pd td { padding-right: .5em; }
			div.cc div.pd tr:first-child td { padding-top: 2.0em; }
		


/*
----------------------------------------------------------------------------------------------------
	[2.8 Paging]
----------------------------------------------------------------------------------------------------
*/
	ul.pag { padding: 2.5em 0 0; }
		ul.pag li { display: inline; }
			ul.pag a,
			ul.pag span { color: #fff; font-size: 1.6em; }



/*
----------------------------------------------------------------------------------------------------
	[2.9 News List]
----------------------------------------------------------------------------------------------------
*/
	ul.nl {  }
		ul.nl li { overflow: hidden; padding-top: 5.0em; }
		ul.nl li:first-child { padding: 0; }
			ul.nl span { font-size: 1.0em; color: #626466; }
			ul.nl p { padding: 0 !important; }
			ul.nl a { float: right; }



/*
----------------------------------------------------------------------------------------------------
	[2.10 Contact Form]
----------------------------------------------------------------------------------------------------
*/
	div.cf { padding: 2.8em 0 0; }
		div.cf table { margin: 0 auto; }
			div.cf td { font-size: 1.2em; padding: .2em .5em; }
			div.cf td.btn { text-align: center; padding-top: 27px; }
				div.cf input[type="text"] { width: 220px; }
				div.cf textarea { width: 220px; height: 150px; }
				div.cf input[type="submit"] { color: #000; }
				iv.cf input[type="file"] { width: 100%; }



/*
####################################################################################################
[3. Page Constructor]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[3.1 Header]
----------------------------------------------------------------------------------------------------
*/
	div.hdr { height: 33.8em; margin: 0: auto;  position: relative; }
	div.hdr div.case { /*max-width: 102.0em;*/ height: 100%; overflow: hidden; position: relative; }
	
		/* background image constructor */
		div.hdr div.bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
			div.hdr div.bg div { background: url(../img/hdr-img-3.jpg) 0 0 repeat-x; margin-left: 102.0em; height: 100%; }
	
		/* header background images constructor */
		div.hdr img.l { position: absolute; left: 0; top: 0; }
		div.hdr img.r { position: absolute; left: 52.0em; top: 0; }
		
		/* logo */
		div.hdr h1 {
			font-size: 1.0em;
			position: absolute;
			left: 3.1em; top: 2.4em; right: auto; bottom: auto;
			z-index: 2;
		}
		
		/* navigation */
		div.hdr ul {
			overflow: hidden;
			position: absolute;
			left: auto; top: 8.6em; right: 7.0em; bottom: auto;
			z-index: 2;
		}
			div.hdr li { float: left; margin-left: .5em; }
				div.hdr ul a {
					display: block;
					font-size: 1.0em;
					width: 1.9em;
					height: 1.9em;
					background: url(../img/ico-nav.gif) 0 0 no-repeat;
				}
				div.hdr ul a.home {  }
					div.hdr ul a.home.current { background-position: 0 -1.9em; }
				div.hdr ul a.map { background-position: 0 -3.8em; }
					div.hdr ul a.map.current { background-position: 0 -5.7em; }
				div.hdr ul a.mail { background-position: 0 -7.6em; }
					div.hdr ul a.mail.current { background-position: 0 -9.5em; }
			
				
				
/*
----------------------------------------------------------------------------------------------------
	[3.2 Content]
----------------------------------------------------------------------------------------------------
*/
	div.cnt-case {
		overflow: hidden;
		position: relative; 
		padding: 6.0em 0 0;
		margin: -6.0em 0 0;
	}
		
		/* fish */
		div.cnt-case img.fish {
			position: absolute;
			left: 3.2em;
			top: 0;
		}
		
		/* side bar */
		div.sb { float: left; width: 20.5em; }
		
			/* title */
			div.sb h2 { font-weight: normal; }
				div.sb h2 span { background-color: #7dd448; padding: 0 14px 0 32px; }
		
		/* stock */
		div.stock { float: right; width: 20.0em; }
			div.stock div.data { padding: 7.5em 3.0em 17.2em; position: relative; }
			
				/* algae */
				div.stock div.data img.algae {
					position: absolute;
					right: 0;
					bottom: 0;
				}
		
		/* content */
		div.cnt { margin: 0 20.0em 0 20.5em; }
			
			div.cnt div.data { margin: 5.0em 0 0; }
				div.cnt div.data p { padding: 0 0 1.0em; }
				

div.data ul{font-size: 1.2em;}
div.data ol{font-size: 1.2em;}
div.data table td{font-size: 1.2em;}


/*
----------------------------------------------------------------------------------------------------
	[3.3 Footer]
----------------------------------------------------------------------------------------------------
*/
	div.ftr { margin: 10.0em 0 0; padding: 0 0 2.5em; }
		
		div.ftr p { font-size: 1.1em; color: #fff; }
			div.ftr p span { margin-left: 54px; color: #fff; }
		div.ftr a { color: #fff; }