@charset "UTF-8";
/* CSS Document */
body {margin:0;font-family:Segoe UI, Arial, Arial Narrow, Helvetica, sans-serif;color:#333;}

.mac body {font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;}
.mac body {line-height:120%;}
.mac body div.infoBox p {line-height:130%;}
.mac body div.infoBox p {font-size:11px;}

a {color:#06C;text-decoration:none;font-weight:bold;}
a:hover {color:#039;}

.left {float:left;}
.right {float:right;}
.row {width:100%;height:0px;clear:both;}

#page {
	width:961px;
	padding:20px;
	margin:0 auto;
	padding-top:0;
	background-color:#FFF;
	background-image: url(images/ll.main.bg.4.gif);
	background-repeat:no-repeat
}
#masthead {
	height:150px;
	padding-bottom: 10px;
}
#nav {
	background-color:#EAA933;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF9;
	border-bottom-color: #F60;
	padding: 5px;
}
/*#mainContent {background-image:url(images/ll.main.bg.jpg);background-repeat:repeat-x;}*/
#mainContent {height:323px;margin-top:10px;margin-bottom:10px;}
#infoFooter {}
div.infoBox {height:204px;background-repeat:repeat-x;padding:14px;font-size:12px;letter-spacing:0px}
div.infoBox p {margin-top:4px;padding-top:0;line-height:120%;width:90%;}
div.box1 {
	width:288px;
	background-color:#990E0D;
	background-image:url(images/ll.boxbg.1_4.jpg);
	margin-right:14px;
}
div.box1 p {width:75%;}
div.box1 p.link {margin-top:60px;}
div.box2 {width:278px;background-color:#99CC33;background-image:url(images/ll.boxbg.2.jpg);}
div.box2 p {width:95%;}
div.box2 p.link {margin-top:32px;}
div.box3 {width:283px;background-color:#66CCFF;background-image:url(images/ll.boxbg.3.jpg);}
div.box3 p.link {margin-top:32px;}

#main_rh {height:323px;width:230px;background-color:#CCC;float:right;background-image:url(images/ll.mainrh.bg.png);background-repeat:no-repeat;padding:0px;}

p.link {padding-left:25px;background-image:url(images/boxlinkarrow.png);background-repeat:no-repeat;height:20px;}
p.link a {
	padding-top:2px;
	margin-top:0px;
	color:#06F;
	text-decoration:none;
	font-weight:bold;
	display:block;
}
p.link a:hover {color:#FFF;}
/* p.link a:hover {color:red;} */

#nav-01 ul li a {
height:23px;
position:absolute;
top:0px;
}
#nav-01 ul a, .create-account, .cost-calculator h4, #amazing-designers, #head h1 a, #over-100, #didnt-find-answer h3, #related-questions h3, #related-screencasts h3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none no-repeat scroll 0 0;
display:block;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
overflow:hidden;
text-indent:-9999em;
}
#nav-01{padding-right:0px;padding-top:0px;margin-left:4px;}
#nav-01 ul{height:23px;list-style:none;margin:0 auto;padding:0;position:relative;width:682px;float:left;}
#nav-01 ul li{margin-bottom:0}
#nav-01 ul li a{
	background-image:url('images/ll.nav.png');
	height:23px;
	position:absolute;
	top:0px
}

#nav-01 #nav-home a{background-position:left top;right:452px;width:230px}
#nav-01 #nav-home a.current{background-position:left bottom}
#nav-01 #nav-home a:hover{background-position:left center}
/*
work right to left (ie. right item is bottom of this list of declarations for 'right')
background: previous item (above) 'left' - previous item width (-273(-77) = -350) | previous item (below) 'right' + item width ((272 + 80) = 352) | item width
*/

#nav-01 #nav-about a{background-position:-230px top;right:371px;width:81px}
#nav-01 #nav-about a.current{background-position:-230px bottom}
#nav-01 #nav-about a:hover{background-position:-230px center}

#nav-01 #nav-contact a{background-position:-311px top;right:276px;width:95px}
#nav-01 #nav-contact a.current{background-position:-311px bottom}
#nav-01 #nav-contact a:hover{background-position:-311px center}

#nav-01 #nav-tour a{background-position:-406px top;right:187px;width:89px}
#nav-01 #nav-tour a.current{background-position:-406px bottom}
#nav-01 #nav-tour a:hover{background-position:-406px center}

#nav-01 #nav-catalogue a{background-position:-495px top;right:0;width:187px}
#nav-01 #nav-catalogue a.current{background-position:-495px bottom}
#nav-01 #nav-catalogue a:hover{background-position:-495px center}

#cp_footer {font-size:11px;}
p.copywrite {margin-top:10px;padding:10px;padding-left:0;color:#999;}
p.copywrite a {color:#666}
p.copywrite a:hover {color:#333}#page #mainContent #main_rh .infoBox .link a {
	white-space: normal;
}
#infoBox .link a {
	background-color: #FC0;
	border: medium solid #FFF;
}
.label {
	float: left;
	font-family: "Myriad Pro";
	color: #950E0D;
}
#newsletter {
	font-family: "Myriad Pro";
	color: #950E0D;
	height: 10px;
}
.button {
	
}
#input {
	width: 40px;
}
button {
	padding-left: 120px;
}
#signup {
	font-family: "Myriad Pro";
	font-size: 11px;
	color: #900;
}