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

/* general */
html, body {
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;		
	background:#fff url(../img/body_bg.jpg) top repeat-x;
	line-height:1.3em;
	padding:0; margin:0;
}

h1{color: #717174;	font-family:Tahoma, Arial Narrow, Arial, Helvetica, sans-serif, "Arial Narrow";font-size: 26px;font-weight: normal;margin-bottom: 0.95em;}
h2{	color: #1DC1FF;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 18px;font-weight: normal;margin-bottom: 0.85em;}
h3{	color: #000;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold; margin-bottom: 0.65em;}
a{color:#F26531;text-decoration: none;}
a:hover{text-decoration: underline;}
.left{float:left;}
.right{float:right;}
p {font-size: 11px;}
img { border:none;}
.center {text-align:center;}

/* container */
#container{width: 100%; margin:0 auto; min-height:100%; position:relative;	background:url(../img/content_bg.jpg) repeat-x bottom;}
#header{width: 960px; height:80px;margin: 0 auto;}
#logo{width: 198px; height: 114px;float:left; background:url(../img/logo.png) no-repeat!important;margin:-26px 0 0 0;background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/default/img/logo.png',sizingMethod='crop');}
#logo span{margin-left: -99999em;left: -99999em;}
.listcontainerlogo {height: 40px;}
* html .listcontainerlogo {margin-bottom:-60px; }

/* menu #nav style ../css/menu.css */
#nav {width: 960px; height: 40px; margin: 0 auto;}
* html #nav {margin-bottom: 10px;}
.separator {width:2px; height: 46px; background:url(../img/separator.jpg) top; position:relative;}


.login_btn {width:65px; height: 20px;float:right; background:url(../img/login.gif) no-repeat; margin: 20px 0 0 10px; padding: 1px 0 0 28px; font-size: 10px;color:#fff;}
.subscribe_btn {width: 139px; height: 19px;color:#fff; float:right; margin: 20px 0 0 10px; padding: 1px 0 0 28px;font-size: 10px; background:url(../img/subscribe.gif) no-repeat;}
a:hover.login_btn  {background:url(../img/login_on.gif) no-repeat; text-decoration:none;}
a:hover.subscribe_btn {background:url(../img/subscribe_on.gif) no-repeat; text-decoration:none;}


/* content */
#content {width: 960px;height: auto;padding: 0 10px;padding-bottom:70px;margin:0 auto;}
.contentpage {background:#fff url(../img/bodycontentpage_bg.jpg) top repeat-x;}
.contentpage p {font-size: 12px;color:#666; line-height: 1.3em;}
.contentpage ul {list-style:disc;  margin:  10px 0  20px 30px; font-size: 12px;color:#666;}
.contentpage ol { list-style:decimal; margin:  10px 0  20px 30px; font-size: 12px;color:#666;}
.contentpage img { padding: 4px; border:1px solid #717174; background:#E5E5E5; float:none;}



.home_item {width: 212px; height:auto; float:left; margin: 0 0 0 5px; border-left: 1px solid #ECECEC; padding: 15px 0 0 15px;}
.home_item p {font-size: 10px; color:#666;}
.home_item a {font-size: 10px;}
.home_item img {width: 101px; margin: 10px 0 6px 56px; text-align:center;}
.first_home_item {border-left: 1px solid #ddd;}


/* breadcrumb */
#content_left_breadcrumb {font-size: 10px; margin: 25px 0!important; margin: 10px 0 20px 0; }
#content_left_menu {display:none;}




/* bottom items */
#bottom_items_wrapper {width: 100%; height:334px;background:#E0E0E0 url(../img/content_bg.jpg) repeat-x;}
.bottom_items {width: 960px; height:264px; margin: 0 auto;}
.item {width: 272px; height: 182px; float:left; margin: 20px 0 0 8px!important; margin: 10px 0 0 4px;padding: 20px; background:url(../img/bottom_box_bg.png) no-repeat!important;background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/default/img/bottom_box_bg.png',sizingMethod='crop');}
.item img {float:right; margin: 0 0 10px 10px; border:1px solid #000; padding: 4px; background: #fff;}
.item p {font-size: 10px; color:#666;}
.item a { position:relative;}
/* form */
a.submit_btn {width: 158px; height: 30px; text-align:center; margin: 8px 0 6px 0;padding-top: 10px;background:url(../img/submit.png) no-repeat left;float:left;color:#fff;font-size: 16px;position:relative;}
a:hover.submit_btn {background:url(../img/submit_on.png);text-decoration:none;}
label {width: 47px; float:left; text-align:right;font-size:11px; margin-right: 10px;color:#666; padding: 8px 0 0 0;}
input {width:191px; height: 18px; background: #e7e7e7; border:1px solid #CDCDCD; margin-bottom: 6px; padding: 6px; position:relative;}






#contactusform label {float:left; width: 100%;text-align:left; margin-bottom: 4px;}
#contactusform input {float:left; width: 200px; margin-right:10px;}
.success {width: 95%;padding: 10px; color:#009900; border:1px solid #009900; background:#E1FFE1;}
.submit_contactus {width: 65px; height: 20px;border:none;font-size: 10px;color:#666666;text-align:center; margin: 10px 0 6px 0; background:url(../img/submit_contactus.jpg) no-repeat bottom left;float:left;}
a:hover.submit_contactus {font-size: 10px;color:#666666;background:url(../img/submit_contactus_on.jpg) no-repeat;text-decoration:none;}


/* footer */
#footer {width:100%;height:60px;background:#aaa url(../img/footer_bg.jpg); position:absolute;bottom:0;	color:#fff; padding: 10px 0 0 0;}
#footer p {width: 960px; text-align:center; margin: 0 auto;color:#ddd; font-size: 11px;}
#footer a {color:#ddd;}


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


/* For simple modal dialog */

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {
	/*background-color:#333; */
	background:#FFFFFF url(../img/bg_titlebar.jpg) repeat-x scroll left bottom;
	border:8px solid #DC460E; 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 */