body {background:#e0e7ec url(../images/background_lighter.gif) repeat-x; font-family:"Lucida Grande", "Trebuchet MS", Verdana,Arial,sans-serif; 
	font-size: 11px; color:#333; line-height: 1.5em;}
	
#divPage {width:770px;margin: 0 auto;position: relative;overflow:hidden}

/* Header and menu */
#divHeader {height:55px;}
h1 a {display: block; width: 230px; height: 90px; background:url(../images/logo.jpg) no-repeat;
	position: absolute; left: 25px;top: 0px;z-index: 50;}
#ulMainMenu	{position: absolute; top:25px; right: 25px;font-size:0.95em;}
#ulMainMenu a {text-decoration:none; padding:2px 0.5em 0 0.5em; color:#ff0066;}
#ulMainMenu #liMenuHome a {border-left: none;}
#aWhatAreMiniCards {display: block; width: 131px; height: 35px; background:url(../images/cardhint.png); 
	position: absolute; right:35px;top: 67px;}

/* Info links (login etc)*/
#ulInfoLinks {position: absolute; top:55px;left:3px;font-size:1em;color: #808080; text-align:right; z-index:60;
	background: url(../images/bar.png) no-repeat bottom right;width:750px;padding-bottom:13px;padding-right:15px}
#ulInfoLinks  li a, #ulInfoLinks  li a strong {text-decoration: none;color: #808080;}
#ulInfoLinks  li a:hover, #ulInfoLinks li a:hover strong {text-decoration: underline;color: #ff0066;}

/* blocks */
div.block {background: white url(../images/blockmiddle.png) repeat-y; margin-bottom: 25px;}
div.blockmiddle {position: relative;padding: 0 20px 10px 20px;height: 1%;}
div.block span.blocktop {background: url(../images/blocktop.png) no-repeat;display:block; height: 8px; width: 770px;
	position: relative; top: -8px; left: 0;}
div.block span.blockbottom {background: url(../images/blockbottom.png) no-repeat;display:block; height: 15px; width: 770px;
	position: relative; bottom:-9px;left: 0; clear:both;}

/* Content */
#divContentLeft {width:385px;float: left;margin-top:1em;}
#storage { position:absolute; top:0px; width:600px; display:none; z-index:200; font-weight:100; font-size: 9px;} 

/* Sidebar */
#divSidebar {width: 245px; padding-left: 80px; float: left;line-height:1.4em; font-size: 0.9em;
	margin-top: 82px;}
#divSidebar ul, #divSidebar dl {margin-bottom: 2em;}	
#divSidebar h4 {font-size: 1.1em; border-bottom:dotted 1px #aeaeae; color: black;padding-bottom: 0.2em;}
#divSidebar dt {color:black;}
#divSidebar dd {margin: 0 0 1em 0!important;} 

/* Intro headline */
#divHeadline {border-bottom:solid 5px #dedcd5;width:778px; position:relative;left:-30px;
	height:70px;}
	
#hWelcome {width: 330px; height: 30px; background:url(../images/welcome_headline.jpg) no-repeat;
	margin-top: 33px;margin-left:30px;}
	
#hTag_1, #hTag_2, #hTag_3, #hTag_4, #hTag_5, #hTag_6 {width: 330px; height: 65px;margin-top: 5px;
	margin-left:30px;}
	
#hTag_1 {background:url(../images/tag_3.jpg) no-repeat;}
#hTag_2 {background:url(../images/tag_3.jpg) no-repeat;}
#hTag_3 {background:url(../images/tag_3.jpg) no-repeat;}
#hTag_4 {background:url(../images/tag_3.jpg) no-repeat;}
#hTag_5 {background:url(../images/tag_3.jpg) no-repeat;}
#hTag_6 {background:url(../images/tag_3.jpg) no-repeat;}

/* Front page layout */
#divFront {background:url(../images/frontcolumn.png) repeat-y; width:745px;position:relative; left:-7px;
}
#divFrontLeft, #divFrontRight  {float:left;padding-top:10px;}
#divFrontLeft {width:480px;}
#divFrontRight {width:230px;padding-left:23px;padding-top:20px;padding-right:5px;}

/* Hero shot */
#divHeroshot {position:relative;}
#imgHeroInfo {position:absolute; top:0;left:0;}

/* Product tabs */
#ulFrontTabs {position:relative; top:-47px;left:-19px;height:1%}
#ulFrontTabs li {background:#f5f1dc url(../images/cornerleft.png) no-repeat top left; padding-left:35px;
	padding-bottom:7px;}
#ulFrontTabs li span {background:url(../images/cornerright.png) no-repeat top right;display:block;
	padding-right:35px;color:#666;text-decoration:none;}

/* Product info */
#divProductInfo {height:540px; border-bottom:solid 1px #ddd9c1; margin-bottom:10px}
	
/* Minicards */	
#hMiniCards {height:45px; width:150px; background:url(../images/minicard_head.png) no-repeat;}

/* Start buttons */
#ulStartButtons {margin-top:10px; padding-bottom:0;}
#ulStartButtons li {margin-right:18px;}


/* Image thumbnails */
ul.photothumbs {height:200px;position: relative; left:-4px;}
ul.photothumbs li {background:url(../images/photo_frame.png); height: 75px; width: 68px;margin:0 7px 7px 0;}
ul.photothumbs img {position: relative; top: 4px;left: 4px; width:60px; height:60px;}
#divSidebar ul.photothumbs  {margin-top:15px;}
#divFrontRight ul.photothumbs  {position:relative;margin-top:20px;left:1px;}

#pPoolIntro {margin-top:10px;}

/* About MOO */
#divAbout {border-top:solid 3px #dedcd5;padding-top:30px; padding-right:40px;padding-left:40px;}
#divAbout img {float:left;margin-right:10px;margin-left:2px}
#divAbout p {padding-right:40px;padding-left:40px;}

/* Page titles (images) */
h3.texttitle {margin-top: 1em;}
h3.imagetitle {height: 65px; width: 350px;margin-bottom: 10px;margin-top: 15px;}
#hBlogTitle {background: url(../images/blogpage_purple.png) no-repeat;}
#hNewsTitle {background: url(../images/newspage_purple.png) no-repeat;}
#hAboutTitle {background: url(../images/aboutpage_purple.png) no-repeat;}
#hFaqTitle {background: url(../images/faqpage_purple.png) no-repeat;}
#hContactUs {background: url(../images/contactpage_purple.png) no-repeat;}

/* Latest - blog and technorati */
#divLatest {position:relative;margin:20px 12px 0 15px;}
#divLatest div {width:46%;float:left;}
#divLatest #divBlog {margin-right:2%;}
#divLatest #divTechnorati {margin-left:2%;}
#divLatest dl dt, #divLatest dl dt a {color:#993366; font-weight:bold;}
#divLatest small {color:#666;font-size:1em;}
#divLatest small span {color:#999999;}
#divLatest dl dd {background:url(../images/dots.png) bottom left no-repeat; padding-bottom:1em;}
#ulFeedLinks {margin-left:15px;}
#ulFeedLinks li {width:46%;background:url(../images/dots.png) repeat-x;padding-top:0.4em;}
#ulFeedLinks #liFeed {margin-right:4%;}
#ulFeedLinks #divTechnorati {margin-right:2%;}

/* Faqs */
dl.faq dt {font-size: 1em;color: black;}
dl.faq {border-bottom: dotted 1px #333;margin-bottom: 2em;}

/* Posts */
div.post {margin-bottom: 2em; border-bottom: dotted 1px #333;}
small.commentlink {display: block; padding-bottom:1em;}

/* Comments */
#ulCommentsForm {margin-top: 1em;}
#ulCommentsForm label {width:70px!important;}

/* Footer */
#divFooter {font-size:0.95em; text-align: center; position: relative; top:-10px;}
#divFooter a {color: #666;}

/* General */
strong {color: black;}
a {color:#ff0066;text-decoration: none;}
input.button {padding: 0.3em 0.5em;}
p {margin: 0 0; padding: 0.5em 0;}
h3 {color: #ff0066; font-size:1.3em;font-weight: normal;}
h4 {color:#333;font-size: 1.2em; font-weight: normal;margin-bottom:0;color;}
h5 {font-size: 1em; color: black;margin-top:0.2em; color:#993366;}
h5.bar {border-bottom:solid 3px #dedcd5;padding-bottom:0.6em;}
hr {height: 1px; border-top: 2px solid #ff0066;border-left: none;margin-top: 1.5em;}
textarea, input.textbox {border: solid 1px #797979;}
small {line-height:1em;}