/**********************************************************************************************

	Title: Website
	Author: XHTMLized
	Date: April 2008 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Sidebar
			3.5 Footer
	4. On-Q adds

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 10px; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	text-align: center;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1 {}

h2 {}

h3 {}

h4 {}

p  {}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a:link {
	color: #0000ff;
	text-decoration: underline;
}

a:visited {}

a:hover {
	color: #ff0000;
	text-decoration: none;
}

a:active {}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container {
	width: 798px;
	position: relative;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
}

#header {
	height:104px;
}

/* Default - Two columns layout */

#content {
	float: left;
	width: 350px; 
}
	
#sidebar {
	width: 446px;
	float: right; 
}

#footer {
	clear: both; }
	
/* One column layout */


/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

/* Logo -> Image replacement. */
#header h1, #header h1 a, #header h1 a span {
	display: block;
	width: 97px;
	height: 63px;
	overflow: hidden;
}

#header h1 {
	position: absolute;
	top: 21px;
	left: 0;
}

#header h1 a { /* style the text covered by image */ }

#header h1 a span {	
	position: absolute; 
	top: 0;
	left: 0;
	z-index: 10;
	background: url(/home/_ui/images/logo-onq.gif) no-repeat;
}
#header #hud {
	position:relative;
	right:0;
	top:21px;
	width:313px;
}
#header #hud a {
	color:#68b838;
	text-transform:uppercase;
	text-decoration:none;
}
	#hud #login {
		float:right;
		width:200px;
	}
		#hud #login a {
			display:block;
			margin-left:95px;
			margin-bottom:5px;
		}
		#hud #login li {
			clear:both;
			padding-top:5px;
		}
		#hud #login label {
			text-transform:uppercase;
			color:#58494f;
			float:left;
			width:60px;
			height:21px;
			line-height:21px;
		}
		#hud #login input {
			float:right;
			width:130px;
			height:16px;
			border:1px solid #cfcfcf;
		}
	#hud #contact {
		float:left;
		padding-top:51px;
	}
		#hud #contact a {
			padding-left:9px;
			background:url(/home/_ui/images/bul-thick_arrow.gif) no-repeat left 50%;
		}

/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	
	#content {
	position:relative;
	padding-top:1px;
	background-color: #74c34d;
	background-image: url(../../home/_ui/images/350.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	#content #nav {
		position:absolute;
		background:transparent url(/home/_ui/images/bg-nav.gif) no-repeat left top;
		width:399px;
		top:6px;
		left:25px;
	}
		#content #nav h2{
			text-transform:uppercase;
			color:#4a4e12;
			font-size:.9em;
			float:left;
			padding:13px 0 12px 29px;
		}
		#content #nav li {
			float:left;
			margin-left:20px;
			padding:11px 0;
		}
		#content #nav li a {
			float:left;
			text-transform:uppercase;
			color:#4a4e12;
			font-size:1.2em;
			text-decoration:none;
			font-weight:bold;
			padding-left:9px;
			background:transparent url(/home/_ui/images/bul-arrow.gif) no-repeat left 50%;
		}
	#content img {
		display:block;
		margin:5px auto 0;
	}
	#content #pitch {
	color:#ffffff;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-color: transparent;
	background-image: url(/home/_ui/images/350bg-pitch.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
		#content #pitch h2 {
			font-size:2.6em;
			font-weight:normal;
			margin-bottom:15px;
			position:relative;
			overflow: hidden;
		}
			#content #pitch h2 span {
				position:absolute;
				height:26px;
				width:285px;
				top:0;
				left:0;
				background:transparent url(/home/_ui/images/titl-we_are_home.gif) no-repeat left top;
			}
		#content #pitch p {
			text-transform:uppercase;
			font-size:1.1em;
			line-height:1.636em;
			margin-bottom:18px;
		}

/* 3.4	Sidebar
-----------------------------------------------------------------------------------------------*/	
#sidebar a.more {
	text-transform:uppercase;
	text-decoration:none;
	padding-left:9px;
}

#sidebar #studio {
	height:190px;
	padding:1px 0;
	}
	#sidebar #studio .available {
		display:block;
		margin:1px 43px 0 233px;
		color:#e9eae7;
		font-size:.9em;
		text-decoration:none;
		text-transform:uppercase;
		padding:8px 0 8px 15px;
	}
	#sidebar #studio h2 {
		font-size:1.4em;
		line-height:1.2em;
		text-transform:uppercase;
		font-weight:bold;
		color: #000000;
		margin:0px 0 7px 216px;
		padding:5px 32px 0;
	}
		#sidebar #studio h2 em {
			display:block;
			font-style:normal;
			color:#000000;
		}
	#sidebar #studio p {
		
		margin:0 25px 0 244px;
		padding:9px 0 0 5px;
		color:#000000;
		font-size:1.1em;
		line-height:1.2em;
	}
	#sidebar #studio a.more {
		color:#dfe636;
		font-size:.8181em;
		margin-left:10px;
		
	}


#sidebar #intercom {
	background:transparent url(/home/_ui/images/bg-intercom.jpg) no-repeat left top;
	height:190px;
	padding:1px 0;
}
	#sidebar #intercom .available {
		background:transparent url(/home/_ui/images/btn-now_available.gif) no-repeat left top;
		display:block;
		margin:5px 43px 0 233px;
		color:#e9eae7;
		font-size:.9em;
		text-decoration:none;
		text-transform:uppercase;
		padding:8px 0 8px 15px;
	}
	#sidebar #intercom h2 {
		font-size:1.4em;
		line-height:1.2em;
		text-transform:uppercase;
		font-weight:bold;
		color:#ddd2d2;
		background:transparent url(/home/_ui/images/icn-house.gif) no-repeat left top;
		margin:11px 0 7px 216px;
		padding:10px 32px 0;
	}
		#sidebar #intercom h2 em {
			display:block;
			font-style:normal;
			color:#dfe636;
		}
	#sidebar #intercom p {
		background:transparent url(/home/_ui/images/bg-intercom-line.gif) no-repeat left top;
		margin:0 25px 0 244px;
		padding:9px 0 0 5px;
		color:#fff;
		font-size:1.1em;
		line-height:1.2em;
	}
	#sidebar #intercom a.more {
		color:#dfe636;
		font-size:.8181em;
		margin-left:10px;
		background:transparent url(/home/_ui/images/bul-yellow_arrow.gif) no-repeat left 50%;
	}
#sidebar #shipping {
	background:transparent url(/home/_ui/images/bg-shipping.gif) no-repeat left top;
	margin-top:2px;
	height:103px;
	position:relative;
	padding:1px 0;
}
	#sidebar #shipping h2 {
		color:#807b74;
		font-weight:bold;
		text-transform:uppercase;
		margin:37px  5px 0 185px;
		font-size:1em;
		line-height:1.4em;
	}
		#sidebar #shipping h2 em {
			display:block;
			font-style:normal;
			color:#000000;
			font-size:1.2727em;
		}
	#sidebar #shipping p {
		margin:4px 0 0 307px;
	}
	#sidebar #shipping a.more {
		color:#00bfef;
		font-size:.9em;
		background:transparent url(/home/_ui/images/bul-blue_arrow.gif) no-repeat left 50%;
	}
	#sidebar #shipping .eight_port_switch,
	#sidebar #shipping .four_port_router {
		position:absolute;
		color:#74c34d;
		top:10px;
		font-size:.9em;
		text-decoration:none;
		text-transform:uppercase;
		left:25px;
	}
	#sidebar #shipping .four_port_router {
		left:170px;
	}
#press {
	float:left;
	width:220px;
	height:192px;
	margin-top:2px;
	background-color: transparent;
	background-image: url(/home/_ui/images/220bg-quarter_box-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
	#press h3 {
	background:#d7cccc url(/home/_ui/images/bg-quarter_box-top.gif) no-repeat left top;
	color:#6b5b61;
	text-transform:uppercase;
	position:relative;
	padding:8px 15px;
	font-size: 10px;
	}
		#press h3 a.view_all {
			position:absolute;
			top:0;
			right:11px;
			width:45px;
			padding-left:8px;
			height:22px;
			font-size:.9em;
			line-height:22px;
			text-transform:uppercase;
			color:#fff;
			text-decoration:none;
			background:transparent url(/home/_ui/images/bg-view_all.gif) no-repeat left top;
			
		}
	#press ul {
		padding:2px 15px;
		color:#6c5b61;
		font-size:1.1em;
		line-height:1.1em;
		font-weight:bold;
	}
		#press ul li {
			margin-bottom:3px;
		}
		#press ul a {
			display:block;
			color:#00baee;
			text-decoration:none;
		}
#green_program {
	float:right;
	width:222px;
	height:192px;
	margin-top:2px;
	background:transparent url(/home/_ui/images/bg-quarter_box-bottom.gif) no-repeat left bottom;
}
	#green_program h3 {
	background:#d7cccc url(/home/_ui/images/bg-quarter_box-top.gif) no-repeat left top;
	color:#6b5b61;
	text-transform:uppercase;
	position:relative;
	padding:8px 15px;
	font-size: 10px;
	}
	#green_program h4 {
	background:transparent url(/home/_ui/images/icn-green_house.gif) no-repeat left top;
	font-size:1.4em;
	text-transform:uppercase;
	line-height:1.142em;
	color:#b9aaa8;
	margin-top: 15px;
	margin-right: 7px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 120px;
	height:100px;
	}
		#green_program h4 em {
	display:block;
	font-style:normal;
	color:#74c34d;
	font-size: 12px;
		}
	#green_program p {
		margin:15px 31px 10px;
		font-size:.9em;
		line-height:1.3em;
		text-transform:uppercase;
		color:#74c34d;
	}
	#green_program a.download {
	display:block;
	background:transparent url(/home/_ui/images/btn-download.gif) no-repeat left top;
	height:19px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:.9em;
	margin-right: 18px;
	margin-bottom: 8;
	margin-left: 18px;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 9px;
	margin-top: 10px;
	
	}
/* 3.5	Footer
-----------------------------------------------------------------------------------------------*/	
#footer {
	color:#ddd2d2;
	font-size:.9em;
	padding:11px 18px 25px;
}


/* 4	On-Q Adds
-----------------------------------------------------------------------------------------------*/


.topmenubg {
    background-color: #cccccc;
}

.adminmenu a {
text-decoration: none;
color: #666666;

}