/* 
  aardvark.legs by Anatoli Papirovski - http://fecklessmind.com/
  Licensed under the MIT license. http://www.opensource.org/licenses/mit-license.php
*/

/* 
  Reset first. Modified version of Eric Meyer and Paul Chaplin reset 
  from http://meyerweb.com/eric/tools/css/reset/ 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, nav, section, article, aside, footer
{border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline;}

blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {content: ''; content: none;}

header, nav, section, article, aside, footer {display: block;}

/* Basic styles */
body {background: #fff; color: #000; font: .75em/1.5em Georgia, "Times New Roman", serif;}
html>body {font-size: 12px;}

img {display: inline-block; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6,strong,b,dt,th {font-weight: 700;}
address,cite,em,i,caption,dfn,var {font-style: italic;}

h1 {margin: 0 0 0.75em; font-size: 2em;}
h2 {margin: 0 0 1em; font-size: 1.5em;}
h3 {margin: 0 0 1.286em; font-size: 1.167em;}
h4 {margin: 0 0 1.5em; font-size: 1em;}
h5 {margin: 0 0 1.8em; font-size: .834em;}
h6 {margin: 0 0 2em; font-size: .75em;}

p,ul,ol,dl,blockquote,pre {margin: 0 0 1.5em;}

li ul,li ol {margin: 0;}
ul {list-style: outside disc;}
ol {list-style: outside decimal;}
li {margin: 0 0 0 2em;}
dd {padding-left: 1.5em;}
blockquote {padding: 0 1.5em;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}
abbr,acronym {border-bottom: 1px dotted; cursor: help;}
del {text-decoration: line-through;}
ins {text-decoration: overline;}
sub {font-size: .834em; line-height: 1em; vertical-align: sub;}
sup {font-size: .834em; line-height: 1em; vertical-align: super;}

tt,code,kbd,samp,pre {font-size: 1em; font-family: "Courier New", Courier, monospace;}

body {
	background-color: #F0F0F0;
}

#body {
	width: 800px;
	min-height: 600px;
	margin:40px auto 10px;
}

.header {
	background-color:#F0F0F0;
	margin:10px auto;
	width:730px;
	height: 25px;
	top: 13px;
}

.main {
	background-color: #b0aaaa;
	background: url(images/floral.jpg);
	border-top: solid #000 1px;
	border-left: solid #000 1px;
	border-right: solid #000 1px;
	margin:0 auto;
	width: 730px;
	min-height: 375px;
}

.himher {
	text-align: center;
	margin: 17px 0 0;
}

.content {min-height:375px;}

.companies {
	text-align: center;
	margin: 5px;
	border: 0px;
}

.coupon {
	position: absolute;
	top: 165px;
	left: 270px;
}

.store {
	position: relative;
	margin: 5px;
	border: 0px;
}

.hours {
	margin: 8px;
}

.block {float:left;margin:0 0 0 15px;}

.tux-info {width:180px;padding:10px;height:312px;background:url(images/tux_2.png) no-repeat;text-align:left;margin:6px 0 0 15px;}
.tux-info h3 {margin:0 0 0 .1em;}

.carry {
	background:#f0f0f0;
	padding:8px 10px;
	text-align: left;
	font-size: 13px;
	width: 650px;
	margin: 10px auto 20px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-border-radius:5px;
}

.about {
	text-align: left;
	font-size: 13px;
	width: 650px;
	background-image: url(images/a_bg.png);
	margin:0 auto 20px;
}

p {
	margin-left: 15px;	
	margin-top: 15px;
}

.contacts {
	margin: 15px;
}

.footer {
	background-color: #bfaf8b;
	border-top: solid #000 2px;
	border-bottom: solid #000 1px;
	border-left: solid #000 1px;
	border-right: solid #000 1px;
	width: 730px;
	margin:0 0 0 -1px;
}

.footer .contact {float:right;padding:10px;text-align:right;}

.tux_info {
	position: absolute;
	left: 300px;
	top: 60px;
	width: 190px;
	height: 312px;
	font-size: 14px;
	text-align: justify;
}

.tux_info p {
	vertical-align: middle;
	text-align: left;
	margin: auto;
	position: relative;
	left: 23px;
	top: -8px;
}

.tux_info h2 {
	font-size: 16px;
	margin: auto;
}

.tux_info h3 {
	font-size: 14px;
	margin: auto;
	position: relative;
	left: 8px;
	top: 10px;
}

.tux_info h4 {
	font-size: 11px;
	margin: 0 10px 15px;
	position: relative;
	top: 23px;
	left: -20px;
}

.address {
	float:left;
	padding:10px;
}

.copyright {
	width:730px;margin:6px auto;
}

.design a:link {
	text-decoration: none;
}

.design a:visited {
	text-decoration: none;
}

.mouseover img {
	border: 1px solid #000;
	margin: 4px;
}

.mouseover img:hover {
	border: 1px solid #fff;
}

h1 {
	margin-top: 10px;
	font-size: 1.6em;
	font-weight:normal;
	color: #333;
}

a:link {
	text-decoration: underline;
	color: #333;
	font-size: 13px;
}

a:hover {
	text-decoration: none;
	color: #555;
	font-size: 13px;
}

a:visited {
	text-decoration: underline;
	color: #333;
	font-size: 13px;	
}

ul#menu {margin:10px 0 0;list-style:none;}

ul#menu li {
	margin: 0 20px;
	float:left;
}

ul#menu li a {
	text-decoration: none;
	color: #777;
	font-size: 11px;
}

ul#menu li a.active, ul#menu li a:hover {
	color: #000;
}
