/*
	FileName: main.css
	Ver: 1.0
	
	Create on 2009-10-22 by Oscar Woo 
*/


/* Kill Defaults */

html, body, p, ul, ol, dl, li, h1, h2, h3, h4, img	{
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

img	{
	border: 0;
}

a {
	outline: none;
}

/* Typography
============================================================ */ 

body {
	/*font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;*/
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #222;
}

a {
	text-decoration: none;
	color: #0088cc;
}

a:link, a:visited, a:active {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


/* Layout
============================================================ */ 

body{
	background: url(images/bg_solid.png);
}

#wrapper {
	width: 910px;
	margin: auto;
	/*position:relative;*/
}

#gloablheader { 
	position: relative;
	padding-bottom: 15px;	
}

#gloablfooter{
	width: 910px;
	margin: auto;
	text-align:center;
		padding-top: 10px;
}

#gloablfooter p{
	color: #3E474E;
	font-size: 10px;
	margin-top: 0;
	padding-bottom: 25px;
	text-align: center;
	text-shadow:0 1px 0 #D8E8F7;
}

#gloablfooter ul{
	display:inline-table;
	margin:0 auto;
	text-align:center;
}

#gloablfooter ul li{ float: left;}


#container{
	left:0;
	background:#ffffff;
	
	margin:auto;
	width:898px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-webkit-box-shadow: 0 0 4px #A9A9A9;
	-moz-box-shadow: 0 0 4px #A9A9A9;
}

#container #page_header{
	background: url(images/page_header_blank.png) repeat-x;
	height: 38px;

	-moz-border-radius: 5px 5px 0 0;
	
	-webkit-border-top-left-radius: 5px 5px;
	-webkit-border-top-right-radius: 5px 5px;
}

#container #productheader {
	margin:0 auto;
	overflow:hidden;
	padding: 0 22px;
	position:relative;
}

#container #productheader h2 {
	display:inline;
	color: #273249;
	font-size:16px;
	text-shadow:0 1px 2px #c0c0c0;
	float:left;
	height:38px;
	line-height:38px;
}

#sidebar {
	color: #4A5153;
	font-size: 11px;
	line-height: 16px;
	left: 675px;
	padding-top: 55px;
	position: absolute;
	top: 90px;
	width: 18em;
}

.sidebox {
	background:transparent none repeat scroll 0 0;
	padding:10px 0 20px;
}

.clear {
	clear:both;
}

/* Navigation
============================================================ */ 
#gloablheader ul#gloablnav { 
	height: 48px; 
	padding: 0;
	position: relative; 
	z-index: 9998; 	
}

#gloablheader ul#gloablnav li {
	display:inline;
} 

#gloablheader ul#gloablnav li a { 
	float: left; 
	height: 0px; 
	padding-top: 47px; 
	overflow: hidden; 
	display:block;
}

#gloablheader ul#gloablnav li a { 
	background-image: url(images/navbg.png);
	_background-image: url(images/navbg.png); 
	background-repeat: no-repeat; 
}

/* BUTTONS */
#gloablheader ul#gloablnav li#home_link a { background-position: 0 0; width: 225px; }
#gloablheader ul#gloablnav li#idocument_link a { background-position: -225px 0; width: 110px; }
#gloablheader ul#gloablnav li#idocumentiphone_link a { background-position: -335px 0; width: 170px; }
#gloablheader ul#gloablnav li#resources_link a { background-position: -505px 0; width: 100px; }
#gloablheader ul#gloablnav li#blog_link a { background-position: -605px 0; width: 100px; }
#gloablheader ul#gloablnav li#support_link a { background-position: -705px 0; width: 100px; }
#gloablheader ul#gloablnav li#about_link a { background-position: -805px 0; width: 105px; }

/* OVER STATES */
#gloablheader ul#gloablnav li#home_link a:hover { background-position: 0 -51px; }
#gloablheader ul#gloablnav li#idocument_link a:hover { background-position: -225px -51px; }
#gloablheader ul#gloablnav li#idocumentiphone_link a:hover { background-position: -335px -51px; }
#gloablheader ul#gloablnav li#resources_link a:hover { background-position: -505px -51px; }
#gloablheader ul#gloablnav li#blog_link a:hover { background-position: -605px -51px; }
#gloablheader ul#gloablnav li#support_link a:hover { background-position: -705px -51px; }
#gloablheader ul#gloablnav li#about_link a:hover { background-position: -805px -51px; }

/* PRESSED STATES */
#gloablheader ul#gloablnav li#home_link a:active { background-position: 0 -102px; }
#gloablheader ul#gloablnav li#idocument_link a:active { background-position: -225px -102px; }
#gloablheader ul#gloablnav li#idocumentiphone_link a:active { background-position: -335px -102px; }
#gloablheader ul#gloablnav li#resources_link a:active { background-position: -505px -102px; }
#gloablheader ul#gloablnav li#blog_link a:active { background-position: -605px -102px; }
#gloablheader ul#gloablnav li#support_link a:active { background-position: -705px -102px; }
#gloablheader ul#gloablnav li#about_link a:active { background-position: -805px -102px; }

/* ON STATES */
body#home ul#gloablnav li#home_link a { background-position: 0 -102px; cursor: default;}
body#idocument ul#gloablnav li#idocument_link a { background-position: -225px -102px !important;}
body#idocument_iphone ul#gloablnav li#idocumentiphone_link a { background-position: -335px -102px !important;}
body#resources ul#gloablnav li#resources_link a { background-position: -505px -102px !important;}
body#blog ul#gloablnav li#blog_link a { background-position: -605px -102px !important;}
body#support ul#gloablnav li#support_link a { background-position: -705px -102px !important;}
body#about ul#gloablnav li#about_link a { background-position: -805px -102px !important;}

/* 404 page
============================================================ */ 
.errorwrapper{
	width: 900px;
	margin:0 auto;
}

.errorwrapper h1{
	margin:20px 0;
}

/* Crumb
============================================================ */ 
#crumb {
	background:url("images/icon_home.png") no-repeat;
	font-size:11px;
	margin:12px 0 8px 10px;
	padding:0 0 0 18px;
	line-height:14px;
}

#crumb a {
	font-size:11px;
	text-decoration:none;
}

#crumb h1 {
	color:#444444;
	display:inline;
	font-size:11px;
}