/*
	HTML / GLOBAL
*/

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #666666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/**	background-color: #B8CEE0;*/
	background-color: #FFFFFF;
}

h1, h2, h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.05em;
	color:#00628B;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
	background:url(../images/blue_dot.gif) bottom repeat-x;
}

h1, h2{
	text-align:left;
}

h3{
	text-align:center;
}

a {
	color:#669999;
	text-decoration:none;
}

a:hover {
	color:#669999;
	text-decoration:underline;
}

strong{
	font-weight:bold;
}

/*
	CONTAINER
----------------------------------------- */

#container{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:100%;
	background-color:#FFFFFF;
}

/*
	MASTHEAD
----------------------------------------- */

#masthead{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:40px;
	background-image:url(../images/top_bg.gif);
	background-repeat:repeat-x;
}
#masthead-left{
	float:left;
	width:144px;
	height:40px;
	background: #CCCCCC url(../images/ooz.gif) left top no-repeat;
}
#masthead-right{
	float:right;
	width:128px;
	height:40px;
	background: #CCCCCC url(../images/gears_top.gif) right top no-repeat;
}
#masthead-nav-container{
	float:right;
	width:auto; 
	margin:0px;
	padding:0px
}

ul#masthead-nav{
	margin: 0px;
	list-style-type: none;
	float: right;
	width: 380px; /* adjust if adding more masthead nav links */
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

ul#masthead-nav li { display: inline; }

ul#masthead-nav li a {
	float: right;
	width: auto;
	color: #999999;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 30px;
}

ul#masthead-nav li a:hover {
	text-decoration: underline;
	color:#00628B;
}

ul#masthead-nav a.home{
	background: url(../images/home.gif) left top no-repeat;
}

ul#masthead-nav a.contact{
	background: url(../images/contact.gif) left top no-repeat;
}

ul#masthead-nav a.licence{
	background: url(../images/licence.gif) left top no-repeat;
	border-left: 1px solid #CCCCCC;
}

ul#masthead-nav a.mailing-list{
	background: url(../images/mailing_list.gif) left top no-repeat;
	border-left: 1px solid #CCCCCC;
}

/*
	HEADER
----------------------------------------- */

#header{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 151px;
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
}

#header-left {
	background-image: url("http://www.oneorzero.com/themes/oneorzero/flash/alternate_image.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 151px;
	width: 255px;
	border-right: solid #FFFFFF 1px;
}

#header-middle {
	float: left;
	height: 151px;
	width: 350px;
	background: #FFFFFF url(../images/product_message.gif) left top no-repeat;
}

#header-right {
	float: right;
	height: 151px;
	width: 232px;
	background: #FFFFFF url(../images/gears_bottom.gif) right top no-repeat;
}

/*
	GLOBAL NAVIGATION
----------------------------------------- */
#global-nav{
	width:100%;
	height:40px;
	text-align:center;
	margin:0px;
	padding:0px;
	background:#FFFFFF url(../images/bottom_bg.gif) top repeat-x;
	font-size: 1em;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;

}

#global-nav ul{
	margin:0px 0px 0px 0px;
	padding:10px 0px 8px 0px;
	width:100%;
	list-style-type: none;
}

#global-nav li{
	display:inline;
	margin: 0px 0px 0px 0px;
	padding: 3px 8px 5px 5px;
	border-left: solid 1px #CCCCCC;
}

#global-nav a{
	color: #666666;
	text-decoration:none;
	padding-left:5px;
}

#global-nav a:hover{
	color: #00628B;
	text-decoration:underline;
}

/*
	CONTENT CONTAINER
----------------------------------------- */

#content-container{
	height:auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;
}

/*
	CONTENT CONTAINER -- LEFT/RIGHT COLUMNS
----------------------------------------- */

#content-left-col{
	float:left;
	width:69%;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#content-right-col{
	float:right;
	width:30%;
	margin:0px;
	padding:0px;
}

/*
	CONTENT CONTAINER -- LEFT COLUMN -- LEFT CONTENT BOX
----------------------------------------- */
div.content-box-left-container{
	margin:0px 10px 20px 0px;
	padding:0px;
}
div.content-box-left{
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 20px;
	background-color: #FFFFFF;
	border: solid 1px #81A594;
	border-top: solid 5px #81A594;
}
div.arrow-top-left{;
	float:left;
	position:relative;
	top:-7px;
	left:0px;
	width:21px;
	height:40px;
	margin:0px;
	padding:0px;
	background:url(../images/cont_box_container.gif) left top no-repeat;
	background-color:#FFFFFF;
}

div.support-link-images{
	text-align:center;
}
div.support-link-images img{
	vertical-align:middle;
	padding-left:50px;
	padding-right:50px;
}

/*
	CONTENT CONTAINER -- RIGHT COLUMN -- RIGHT CONTENT BOX
----------------------------------------- */

div.content-box-right{
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 5px;
	width:90%;
	background-color: #FFFFFF;
	border: solid 1px #81A594;
	border-top: solid 5px #81A594;
}

div.content-box-right form{
	margin:0px;
	padding:0px;
}

div.content-box-right input{
	margin:0px;
	padding: 0px;
	border: solid 1px #669999;
}

div.content-box-right p{
	margin:0px;
	padding: 0px 0px 10px 0px;
	font-size:0.8em;
}

#image-membership{
	float:left;
	width:70px;
	height:64px;
	margin:0px 5px 30px 0px;
	padding:0px;
	background:url(../images/membership.gif) left top no-repeat;
}

#image-assistance{
	float:left;
	width:70px;
	height:64px;
	margin:0px 5px 3px 0px;
	padding:0px;
	background:url(../images/assistance.gif) left top no-repeat;
}

#image-updates{
	float:left;
	width:70px;
	height:64px;
	margin:0px 5px 3px 0px;
	padding:0px;
	background:url(../images/news.gif) left top no-repeat;
}

/*
	FOOTER
----------------------------------------- */
#footer{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:100%;
	height: 58px;
	background: #CCCCCC url(../images/base_bg.gif) top repeat-x;
	font-size:0.8em;
	color:#000000;
}
#footer-left{
	float:left;
	width:150px;
	height:58px;
	background: #FFFFFF url(../images/base_left.gif) left top no-repeat;
}
#footer-middle{
	margin-left:154px;
	margin-right:154px;
	padding-top:15px;
	text-align:center;
}
#footer-right{
	float:right;
	width:150px;
	height:58px;
	background: #FFFFFF url(../images/base_right.gif) left top no-repeat;
}

/*
	COMMON USE
----------------------------------------- */

#float-left{
	float:left;
}

#float-right{
	float:right;
}

.clear-both{
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}

.clear-left{
	clear:left;
}
.tdBorder {
	border: solid 1px #81A594;
}


.clear-right{
	clear:right;
}

li#no-left-border{
	border-left: none;
}

.align-middle{
	vertical-align:middle;
}

.text-center{
	text-align:center;
}
.payment-table{
	padding: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	border: solid 1px #81A594;
}