/* @override http://www.macnification.com/css/macnification.css */

/*---- product header ----*/
#productheader { border: 0; 	margin-top: 20px;
}
#productheader h1 a { width: 171px; background-image: none;
	font-size: 30px; color: white;
	font-weight: bold;
	text-decoration: none;
	text-shadow: #000000 0px 0px 5px;
	margin-left: -5px;
}
#productheader ul#productnav li a { margin-left: 25px; }

body#overview 	 #productheader ul#productnav li#pn-overview a,
body#design		 #productheader ul#productnav li#pn-design a,
body#features  	 #productheader ul#productnav li#pn-features a,
body#wireless  	 #productheader ul#productnav li#pn-wireless a,
body#performance #productheader ul#productnav li#pn-performance a,
body#software 	 #productheader ul#productnav li#pn-software a,
body#specs 		 #productheader ul#productnav li#pn-specs a { color: #333; cursor: default; }


/*---- layout ----*/
body { background: #2e2e2e; }
#container { width: 986px; }

#main { background: url(../images/content_top.png) no-repeat 0 0; padding-top: 6px;  }
#content { background: #fff none repeat-y 0 0;
	display: inline-block;
	width: 816px;
	margin-left: 2px;
}
#content #hero { padding-top: 40px; margin-bottom: 28px; }
#bottom {width: 986px; height: 10px; margin-bottom: 18px; font-size: 1px; }
#bottom { background: url(../images/content_bottom.gif) no-repeat 0 100%; width: 984px; height: 6px; margin-bottom: 18px; font-size: 1px; }



/*---- typography ----*/
#content h3 { color: #000; font-size: 16px; font-weight: bold; margin-bottom: 5px; position: relative; }
#content p { color: #666; }
#content a, #featurettes a { text-decoration: none; color: #08c; }
#content a:hover, #featurettes a:hover { text-decoration: underline; }
#content .more, #featurettes a.more, #buynowstrip a.more { padding-right: 8px;  }




/*---- Overview ----*/
#overview #content { padding: 0 82px 36px;}
#overview #content #hero h2 { margin: 0 auto 26px; width: 329px; height: 44px; text-indent: -9999px; outline: none; overflow: hidden; }
#overview #content img.across { margin: 0 -80px; }
#overview #content img.flushleft { margin-left: -80px; }
#overview #content #hero img { margin-top: 0px; margin-left:-10px; margin-bottom: 20px;}

#overview #content .grid2col .column.first { width: 378px; }
#overview #content .grid2col .column.last { width: 398px; }

#overview #content #row1 { width: 620px; margin-top: -25px; margin-bottom: 54px; }
#overview #content #row2 { margin-top: 25px; }
#overview #content #row2 img { margin-bottom: 5px; margin-left: 0;
	float: right;
}
#overview #content #row2 .column.last img { position: relative; margin-top: -20px; margin-bottom: 0; }
#overview #content #row3 { margin-top: 35px; margin-bottom: 54px; }
#overview #content #row3 img {margin-right: -82px;}
#overview #content #row4 { margin-top: 45px; margin-bottom: 54px; }
#overview #content #row4 img {margin-left: -82px; margin-right: 30px; }
#overview #content #row5 .column.first { width: 455px; margin-top: 82px;
	float: left;
}
#overview #content #row5 img.left {margin-left: 0px; margin-top: 0px; margin-bottom: 40px; margin-right: 30px;}
#overview #content #row5 img.extra {margin-left: -25px; margin-top: -5px;}
#overview #content #row5 .column.last { width: 295px; margin-top: 20px;}
#overview #content #row5 .extended h3, 
#overview #content #row5 .extended p { margin-left: 190px; }
#overview #content #row5 .lt img { margin-bottom: 18px; margin-left: -8px;
	margin-top: 50px;
}

/*
#features p.sosumi { text-align: left; padding-top: 36px; margin-bottom: 10px; margin-top: 120px;}
*/

.footer {
	font-size: 10px;
	color: #fff;
	font-variant: normal;
	/*text-align: left;*/
	background: url(../images/orbiculeLogo.png) no-repeat left 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	width: 300px;
	height: 30px;
	text-indent: 35px;
	padding-top: 4px;
}


.footer p {
		/*margin-left: 30 px;*/

}


/*
div.footer {
		display: block;
	margin-top: 20px;


}
*/



/*---- store ----*/
#store #content { padding: 0 82px 36px; }
#store #content #hero h2 { margin: 0 auto 26px; width: 329px; height: 44px; text-indent: -9999px; outline: none; overflow: hidden; }
.div.column.first {
	color: red;
}
#store #content .column.first { width: 530px; }
#store #content .column.last { 
	width: 250px; 
	border-style: dotted;
	background-color: #f6f6f6;
	border-width: 1px;
	padding: 15px;
	margin-left: 10px;
}
#store #content .column.last p {
font-size: 9px;
	text-align: left;
	line-height: 14px;
}

#store input {
	text-align: right;
	float: left;
	margin-top: -50px;
	margin-left: 290px;
}



/*---- screencasts ----*/
#screencasts #content { padding: 0 82px 36px; }
#screencasts #content #hero h2 { margin: 0 auto 26px; width: 329px; height: 44px; text-indent: -9999px; outline: none; overflow: hidden; }
.div.column.first {
	color: red;
}
#screencasts #content .column.first {
	width: 600px;
}

#screencasts #content .column h3 {

	margin-left: 210px;
}

#screencasts #content .column.first p {
	width: 500px;
	float: none;
	clear: right;
	margin-left: 210px;
}

#screencasts #content .column.first img.left{
	margin-left: 7px;
	display: block;
	float: left;
	clear: left;
}

#screencasts #content .column.first .moviedescription {
		margin-bottom: 40px;
	height: 120px;
}



/*---- weblog ----*/
#weblog #content { padding: 0 82px 36px; }
#weblog #content #hero h2 { margin: 0 auto 26px; width: 329px; height: 44px; text-indent: -9999px; outline: none; overflow: hidden; }
.div.column.first {
	color: red;
}
#weblog #content .column.first { width: 467px; }
#weblog #content .column.last { 
	width: 250px; 
	border-style: dotted;
	background-color: #f6f6f6;
	border-width: 1px;
	padding: 15px;
	margin-left: 10px;
}
#weblog #content .column.last p {
font-size: 9px;
	text-align: left;
	line-height: 14px;
}

.date {
	font-size: 10px;
	color: #464646;
	font-weight: bold;
}

.post {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 30px;
}

.post-body { color: #666; }


#navbar-iframe {
   display: none !important;
}




/*---- Support ----*/
#support #content { padding: 0 82px 36px; }
#support #content #hero h2 { margin: 0 auto 26px; width: 329px; height: 44px; text-indent: -9999px; outline: none; overflow: hidden; }
.div.column.first {
	color: red;
}
#support #content .column.first { width: 467px; }
#support #content .column.last { 
	width: 250px; 
	border-style: dotted;
	background-color: #f6f6f6;
	border-width: 1px;
	padding: 15px;
	margin-left: 10px;
}
#support #content .column.last p {
font-size: 10px;
	text-align: left;
	line-height: 14px;
}



/*---- Download ----*/
#download #content { padding: 0 82px 36px; }
#download #content #hero h2 { margin: 0 auto 26px; width: 329px; height: 44px; text-indent: -9999px; outline: none; overflow: hidden; }
.div.column.first {
	color: red;
}
#download #content .column.first { width: 467px; }
#download #content .column.last { 
	width: 250px; 
	border-style: dotted;
	background-color: #f6f6f6;
	border-width: 1px;
	padding: 15px;
	margin-left: 10px;
}
#download #content .column.last p {
font-size: 10px;
	text-align: left;
	line-height: 14px;
}

#download #content .column.last li {
	font-size: 9px;
	line-height: 16px;
	list-style-type: square;
	list-style-position: inside;
	margin-left: 5px;
}



/*---- Features ----*/
#features #content { padding: 0 82px 36px; width: 852px;}
#features #content #hero h2 { margin: 0 auto 8px; width: 419px; height: 45px; text-indent: -9999px; outline: none; overflow: hidden; }
#features #content #hero p { margin: 0 auto; width: 731px; height: 17px; text-indent: -9999px; outline: none; overflow: hidden; }
#features #content #hero img { margin: 0px 0px 32px -8px; }
#features #content { padding: 0 48px 0 80px; }
#features #content hr { display: none; }

#features #content #featuregrid { margin-bottom: 36px; }

#features #main .grid3col .column { margin-left: 60px; width: 245px; }
#features #main .grid3col h2 { color: #000; font-size: 26px; font-weight: normal; margin-bottom: 9px; }
#features #main .grid3col h2 a { color: #000; }
#features #main .grid3col h3 a { color: #000; }
#features #main .grid3col p { color: #777; font-size: 14px; width: 825px; margin-bottom: 36px; }
#features #main .grid3col .column p { color: #666; font-size: 12px; width: auto; }
#features #main sup {color: black;  }

img.left {
	float: left;
	display: block;
	margin-right: 6px;
	margin-bottom: 0;
}