body { 
	background: #000;
	font-family: arial;
	font-weight: normal;
	color: #FFF;
        line-height: 160%;
	margin:0;
	padding:0;
}
p { 
	margin: 0.1em 0 1.2em 0;
	padding: 0;
	line-height: 2em;
}
a:link {
	text-decoration: none;
	color: #6D94CD;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #6D94CD;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #6D94CD;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #6D94CD;
	font-weight: bold;
}
h1 { 
	Color: #BFBFBF;
	Font-size: 150%;
	font-weight: bold;
}
h2 { 
	Color: #0082ff;
	font-weight: bold;
        font-size: 16px;
        margin-top:5px;
        margin-bottom:2px;
	font-variant: small-caps;
}
h3 { 
	Color: #FFF;
	Font-size: 100%;
	font-weight: bold;
}
h3 { 
	Color: #FFF;
	Font-size: 100%;
}
#head-container
{
	color: #FFF;
	background: #ccc;
}

#header
{
	margin: 0 auto;
	width: 860px;
	padding: 20px;
	background: #ddd;
}

#header h1 { margin: 0; }

.navigation-container
{
	color: #FFF;
	background: url("images/qmagnets_img__17.gif") repeat-x scroll center bottom #333;
	width:100%;
}

.navigation
{
	margin: 0 auto;
	text-align: center;
}
.navigation#navbar1 {
	width: 100%;
	height: 52px;
	background:url("images/qmagnets_img__03.gif") repeat-x scroll 0 0 transparent;
}
.navigation#navbar2 {
 	width: 900px;
	height: 37px;
	background: url('images/qmagnets_img__11.gif') repeat-x;
	background-position: 0px -1px;
}
.navigation ul
{
	margin: 0 auto;
	width: 900px;
	padding: 0;
	list-style: none;
}

.navigation#navbar2 ul { margin: 0 0 }

.navigation#navbar1 span {
	display: block;
	width: 9px;
	height:52px;
	float: left;
}
.navigation#navbar2 span {
	display: block;
	width: 11px;
	height: 37px;
}

.navigation#navbar1 span.navleft { background: url('images/qmagnets_img__02.gif') 0 0 no-repeat; }
.navigation#navbar1 span.navright { background: url('images/qmagnets_img__05.gif') 0 0 no-repeat; }
.navigation#navbar2 span.navleft {background: url('images/qmagnets_img__10.gif') 0 0 no-repeat; float: left;}
.navigation#navbar2 span.navright {background: url('images/qmagnets_img__14.gif') 0 0 no-repeat; float: right;}

.navigation ul, .navigation ul li
{
	display: inline;
}

li.current_page_item a {
	font-weight: bold !important;
}

.navigation#navbar1 li a {
	color: #FFF;
	text-decoration: none;
	text-align: center;
	height: 52px;
	line-height: 52px;
	width: 9em;
	font-weight:bold;
	font-size:110%;
	margin: 0 1.1em;
}

.navigation#navbar2 li a {
	color: #FFF;
	text-decoration: none;
	text-align: center;
	height: 37px;
	line-height: 37px;
	margin: 0 1.1em;
	font-size:85%
}

.navigation ul li a:hover { color: #6D94CD !important; text-decoration:underline !important;}

#content-container
{
	float: left;
	width: 100%;
	color: #FFF;
}
#content-container li{
    line-height: 100%;
    padding-top:0;
    padding-bottom:5px;
}

#content-container2
{
	margin: 0 auto;
	width: 900px;
}

#content-container3
{
	float: left;
	width: 900px;
	background-color: #000;
}

#topwidecontent {
	background: url('images/qmagnets_img__17.gif') repeat-x;
	text-align: center;
	height: 200px;
	clear: both;
}
#topwidecontent img { 
	margin: 10px 5px; 
}
#topwidecontent a {
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 80%;
}
#bottomwidecontent {
	clear: both;
	padding: 12px 10px 10px 30px;
	background-color: #000;
	border-bottom: 1px solid #7F7F7F;
}
#flash { 
	background-color: #444;
	height: 312px;
}
#content{
	width: 600px;
	padding: 12px 20px 10px 30px;
	border-right:2px dotted #7F7F7F;
	background-color:#000;
/* 	min-height: 378px; */
	font-size: 120%;
}

#content h2 { margin: 0; }

#aside {
	clear: both;
	float: right;
	width: 248px;
	padding: 10px 0 50px 0;
	background:#101010 url('/images/asidebg_bot.jpeg') repeat-x left bottom;
}
.asidebox {
	border-top: 2px solid #7F7F7F;
	padding: 20px 0;
	margin: 5px 0 30px 20px;
	width: 208px;
}
.asidebox h1, .asidebox h2, .asidebox h3 {
	color: #6D94CD;
}
.asidebox a:link, .asidebox a:visited, .asidebox a:active {
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
}
.asidebox a:hover {
	text-decoration: underline;
	color: #FFF;
	font-weight: normal;
}
.asidebox ul {
	padding-left: 20px;
}
.asidebox hr {
	height:0px;
	width:90%;
	border:1px solid #6D94CD;
	margin: 0.5em 0;
	padding: 0;
}
.clearing {
	clear: both;
}
#footer-container
{
	clear: left;
	color: #FFF;
	background-color: #000;
}

#footer
{
	margin: 0 auto;
	width: 860px;
	text-align: center;
	font-size: 90%;
	padding: 20px 20px 5px 20px;
	height: 1%;
}
#footer ul { list-style-type: none;}
#footer ul li { display: inline; padding: 0 5px; }
#footer ul li a { color: white; }
#footer p {clear: both; }
#footer img { border: 0 none; }

#bottomwidecontent img, #content img, div.border {
	border: 3px solid #222222;
}
.left-img {
	float:left;
	margin: 1em 1em 1em 0;
}
.right-img {
	float:right;
	margin: 1em 0 1em 1em;
}
div.emphasis {
	color: #FFF;
	font-size: 110%;
	background-color: #1F1F1F;
	border: 3px solid #669ACC;
	padding: 0 1em;
	margin: 1em 0 1em 3em;
	width: 80%;
}
div.testimonial {
	color: #FFF;
	font-size: 100%;
	background-color: #1F1F1F;
	border: 3px solid #669ACC;
	padding: 0.5em 1em;
	margin: 1em 0 1em 2em;
	width: 90%;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 900px;
	height:176px;

	/* custom decorations */
	background:url(/images/qmagnets_img__17.gif) repeat-x;
	border-bottom: 2px solid #7F7F7F;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:880px;
	padding: 5px 10px;
}
.items div h2 {
	float:right;
	font-size:93px;
	margin:0;
	position:relative;
	text-align:right;
	text-transform:uppercase;
	top:70px;
	z-index:1;
	width:880px;
}
.items div h3  { margin: 0 0 0 -18px; }
.items div h4  { margin: 0 0 0 -18px; }
.items div ul {
	float:left;
	margin:0;
	position:relative;
	top:-105px;
	z-index:2;
}

.items div h3 a, .items div h4 a { color: white; text-decoration: underline; }
.items div h2 a { color: #333;}
.items div h2 a:hover { text-decoration: none; }

/* single scrollable item */
.scrollable img {
	float:left;
	background-color:#fff;
	border:1px solid #ccc;
}
.scrollable img.splashbarimg {
	border: none 0px transparent;
	margin: 0 3px 5px 3px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

.navi li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
.navi li a {
	display:block;
	height: 31px;   
	width: 189px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}
#footernavb{
	border-top: 12px #000000 solid;
	background-color: #000;
	color: #fff;
	width: 100%;
	margin: 0;
	padding: 0px;
	background-image: url('images/bg-footernavb.jpg');
	background-repeat: repeat-x;
	clear:both;
}
#footernavb a{
color:#fff;
 font-size: 14px;
 line-height: 22px;
 text-decoration: none;
}
#footernavb a:hover{
	color: #669AFF;
;
}

#footernavb td{
	text-align:left;
	padding-left:10px;
}

#footernavb li{
	list-style: circle inside;
}
#footernavb h3{
color: #669AFF;
;
}
#leftfloat{
	float:left;
	padding-right:10px;
        width:224px;
        text-align: center;
}
#imagemenu{
	width:100%;
	text-align:center;
	padding-top:5px;
}
.quotation{
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	font-style: italic;
}
#sociallinks{
    position: fixed;
    right:0;
    top:15%;
}