/*
** layout.css 
** CSS - handles the layout grid
** Author: Steve Tangue
** Date: 06.07.09
** Last edited: 06.07.09 by Steve Tangue 
*/

/* general */
body {
	width: 100%; height:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;		
	background-image:url(../img/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;	
	background-color:#fff;
	margin: 0 auto;
}
h1 {
	color: #0070A6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-bottom: 10px;
}
h2 {
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
h3 {
	font-size: 12px;
	color: #666;
	font-style:italic;
	font-weight:normal;
	border-bottom: 1px solid #dedede;
	padding-bottom: 4px;
	margin-bottom: 6px;
}
p {
	line-height:1.3em;
}

a {
color:#6578A3;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.right {
float:right;
}
.left {
float:left;
}
.red {
border:1px solid red;
}
.white {
color: #fff;
}
.yellow {
color: #FFD900;
font-size:10px;
padding-bottom:2px;
}
.black {
color:#000;
font-size:10px;
}
strong {
font-weight:bold;
}
/* container */
#container {
	width: 970px; height: auto;
	/*background-image:url(../img/content_bg.jpg);
	background-repeat:repeat-y;
	background-position:top center;*/
	background-color:#fff;
	padding-top: 20px;
	margin: 0 auto;
}


/* main */
#main {
	width: 948px; height: auto;
	background-image:url(../img/home_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	margin: 0 auto;	
}

/* content home */
#home_content {
	width: 926px; height: 389px; 
	float: left;
	padding-top: 0px;
	padding-right: 22px;
	line-height:1.3em;
	color:#fff;
	line-height:1.3em; 
	}
	#home_content p {
		display: block;
		line-height: 1em;
		padding: 5px;
	}
/* home button wrapper */
#home_button_wrapper {
	width: 488px; height: 134px;
	float:left;
	background-color: #f4f4f4;
	padding: 16px 0px 0 2px;
}
/* home button */
.home_button {
	width: 212px; height: 40px;
	float:left;
	background-image:url(../img/button_bg.jpg);
	background-repeat:no-repeat;
	margin-right: 11px;
	color:#fff;
	text-align:center;
	padding-top: 12px;
	padding-left: 20px;
	line-height:1.1em;
}
a:hover.home_button {
	text-decoration: none;
	background-image:url(../img/button_bg_selected.jpg);
	background-repeat:no-repeat;
}

/* news */
#news {
	width: 427px; height: 130px;
	float:right;
	background-image:url(../img/news_bg.jpg);
	background-repeat:repeat-y;
	padding: 20px 15px 0 15px; 
	line-height: 1.3em;
}
#news a {
	position:relative;
}

/*
#bottom_content {
	width: 960px; height: auto;
	background-color:#fff;
	margin: 0 auto; border:1px solid red;
}*/




/* footer */
div#footer {
	width: 970px; height: 40px;
	color:#546485;	
	font-size: 11px;
	padding-top: 8px;
	margin: 0 auto;
}
div#footer ul {
	width: auto;
	float: left; 	
	margin: 6px 0 0 10px;
}
div#footer li {
	float: left;
}
div#footer a  {
	color: #546485;	
}
div#footer a:hover {
	text-decoration: underline;
}

#qk_technologies {
	float:left;
	width: auto;
	margin-top: 6px;
	margin-right: 10px;
	margin-left: 0px;
}
#qk_technologies_logo {
	width: 83px; height: 27px; 
	float:left;
	background-image:url(../img/qk_technologies_logo.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

#copyright_info {
	float: right;		
	margin-right: 12px;
}
#copyright_info p {
	line-height: 1.3em;
	text-align: right;
}

iframe {
	overflow:auto;
	/*overflow-y:scroll;*/
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#0F407B;
	scrollbar-base-color:#ff6347;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#E3E2EA;
	scrollbar-highlight-color:#ddd;
	scrollbar-shadow-color:#aaa;
}

/* reset div */
div.reset {
	border:medium none;
	clear:both;
	display:block;
	font-size:0px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
}
div.reset_10 {
	border:medium none;
	clear:both;
	display:block;
	font-size:0px;
	height:10px;
	line-height:0px;
	margin:0;
	padding:0;
}

#simplemodal-overlay {background:none;}
#simplemodal-container {
	/*background-color:#333; */
	background:#FFFFFF url(../img/bg_titlebar.jpg) repeat-x scroll left bottom;
	border:8px solid #744490; padding:12px;
	font-size:12px;
	text-align:center
}
#simplemodal-container a.modalCloseImg {
	background:url(../img/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}
/* end of file */