@charset "utf-8";
/* CSS Document */

/*.....................................the usual*/
body,td,th 
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	background: url(images/PaperSeamless3.jpg) repeat top center;
}

a, a:link 
{
	color: #29abe3;
}

a:visited 
{
	color: #007D9A;
}

a:hover 
{
	color: #8156f9;
}

a:active 
{
	color: #a99cc1;
}

a img
{
	text-decoration: none;
	border: none;
}

h1 
{
	font-size: 36px;
	color: #0C9;
}

h2 
{
	font-size: 24px;
	color: #0C6;
}

h3 
{
	font-size: 18px;
	color: #099;
}

h4, h5, h6 
{
	font-size: 16px;
	color: #0C9;
}

hr
{
	color: #000;
	width: 950px;
	margin: 0 auto;
}

#wrapper
{
	width: 950px;
	height: auto;
	background: url(images/Mug_PaperSeamless3.jpg) #FFF repeat top center;
	margin: 0 auto;
}

/*.....................................the header*/
#header
{
	width: 950px;
	height: 126px;
}

/*.....................................the logo*/
#logo
{
	width: 225px;
	float: left;
	display: block;
}

/*.....................................the menu*/
#menu
{
	width: 725px;
	float: right;
	display: block;
	margin-top: 60px;
}

ul#topnav
{
	width: 705px;
	position: relative;
	padding-left: 20px;
}

ul#topnav li
{
	display: inline-block;
}

ul#topnav li a, ul#topnav li a:link, ul#topnav li a:visited
{
	position: relative;
	z-index: 200;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #29abe3;
	display: block;
	float: left;
	padding: 5px 10px;
	text-transform: lowercase;
}

ul#topnav li a:hover
{
	color: white;
}

ul#topnav li a:active
{
	text-decoration: underline;
}

ul#topnav li a:focus
{
	outline: none;
	border: none;
}

ul#topnav #magic-line-two 
{ 
	position: absolute; 
	top: -1px; 
	left: 0; 
	width: 100px; 
	background: #29abe3; 
	z-index: 100; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

.group:after 
{ 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0; 
}

*:first-child+html .group/* IE7 */ 
{ 
	zoom: 1; 
} 

.current_page_item_two a 
{ 
color: #FFF !important;
text-shadow: #29abe3 0px 0px 8px;
}
	
/*.....................................the content*/
#page
{
	width: 950px;
	height: auto;
}

@font-face {
 font-family: CustomFont;
 src: url("fonts/Designer-Notes.eot") /* EOT file for IE */
}

@font-face {
 font-family: CustomFont;
 src: url("fonts/Designer-Notes.ttf") /* TTF file for CSS3 browsers */
}

.info
{
	width: 950px;
	height: 300px;
	font-family: 'CustomFont', Georgia, "Times New Roman", Times, serif;
}

.infotwo
{
	width: 950px;
	height: 200px;
	font-family: 'CustomFont', Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
}

#topleft
{
	width: 275px;
	height: 110px;
	float: left;
	display: block;
	text-align: left;
	margin: 100px 50px 0px 50px;
}

#topright
{
	width: 275px;
	height: 175px;
	float: right;
	display: block;
	text-align: right;
	margin: 100px 50px 50px 50px;
}

#bottomleft
{
	width: 350px;
	height: 150px;
	float: left;
	display: block;
	text-align: left;
	margin: 30px 50px 0px 50px;
}
	
#bottomright
{
	width: 385px;
	height: 130px;
	float: right;
	display: block;
	text-align: right;
	margin: 65px 50px 0px 0px;
}

#topleft h2
{
	color: #42c5f1;
}

#topright h1
{
	color: black;
}

#bottomleft h2
{
	color: #9776ed;
}

#bottomright h2
{
	color: #349336;
}

/*.....................................the button*/
#shopnow
{
	width: 950px;
	padding: 10px 0 10px 0;
	text-align: center;
	margin-bottom: 50px;
}

.buttonlink
{
	padding: 10px;
	background-color:#29abe3;
	border: 2px solid #2DAEBF#C06;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-box-shadow: 0 2px 3px #999;
    -webkit-box-shadow: 0 2px 3px #999;
	background: url(images/alert-overlay.png) repeat-x #2DAEBF;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

a.buttonlink
{
	color: white;
	text-decoration: none;
	text-shadow: rgba(0,0,0,.8) 0 1px 0;
}

a:link.buttonlink 
{
	color: white;
}

a:hover.buttonlink
{
	background: url(images/alert-overlay.png) repeat-x #007D9A;
}

a:active.buttonlink
{
	top: 1px;
	right: 1px;
	-moz-box-shadsow: none;
    -webkit-box-shasdow: none;
	-moz-box-shadow: 0 0px 2px #999;
    -webkit-box-shadow: 0 0px 2px #999;
	position: relative;
}

/*.....................................the enrichment*/
@fonta-faace {
 font-family: Number;
 src: url("fonts/karabine.eot") /* EOT file for IE */
}

@font-face {
 font-family: Number;
 src: url("fonts/FFF Tusj.eot") /* EOT file for IE */
}

@font-face {
 font-family: Number;
 src: url("fonts/FFF Tusj.ttf") /* TTF file for CSS3 browsers */
}

#threefold
{
	width: 950px;
	height: 210px;
	text-align: center;
	font-family: 'CustomFont';
	color: #000;
	margin-bottom: 20px;
}

#threefold h1
{
	color: #000;
	padding-bottom: 30px;
	font-size: 40px;
	background: url(images/underline.png) no-repeat center center;
}

.enrichment
{
	width: 255px;
	height: auto;
	float: left;
	display: block;
	margin: -50px 30px;
}

#bignumberone,#bignumbertwo, #bignumberthree 
{
	width: 50px;
	float: left;
	font-size: 150px;
	text-align: left;
	font-family: 'Number';
	padding-top: 24px;
}

#bignumberone
{
	color: #29aae0;
	margin-right: 15px;
}

#bignumbertwo
{
	color: #632c8d;
	margin-right: 45px;
}

#bignumberthree
{
	color: #009044;
	font-size: 120px;
	padding-top: 30px;
	margin-right: 25px;
}

.fold
{
	width: 160px;
	height: auto;
	float: left;
	font-size: 40px;
	text-align: left;
	line-height: 23px;
	padding-top: 70px;
}

.fold span
{
	font-size: 24px;
}

/*.....................................the footer*/
#footer
{
	width: 950px;
	color: #b1d330;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 12px;
}

#footer span
{
	color: #259fe0;
}

#sitemap
{
	width: 950px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0;
}

#sitemap a
{
	text-decoration: none;
}