/* screen.css */

/* mac hide\*/
html, body {height:100%}
/* end hide */
html,body 
	{
	padding:0;
	margin:0;
	}
body
	{
	text-align:center;
	min-width:950px;
	color:#000;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	background-image: url(images/web-background.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	}
h1
	{
	font-weight:bold;
	margin:0px 0px 18px 0px;
	color:#0092d5;
	font-size:14px;
	}
p
	{
	line-height:18px;
	margin:0px 0px 18px 0px;
	}
#outer
	{
	height:99.9%;
	min-height:100%;
	width:950px;
	text-align:left;
	margin:auto;
	position:relative;

	}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header
	{
	position:absolute;
	top:0;
	width:950px;
	height:540px;
	overflow:hidden;
	z-index:100;
	background:url(images/head.png);
	}
#left 
	{
	position:relative;/*ie needs this to show float */
	width:400px;
	float:left;
	padding:550px 20px 0px 0px;
	}
#main
	{
	width:520px;
	float:left;
	padding:10px 0px 0px 0px;
	}
#right
	{
	width:190px;
	float:right;
	}
#right img
	{
	margin:0px 0px 10px 0px;
	}
#footer 
	{
	width:950px;
	clear:both;
	height:70px;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;

	}
	
	#footercontent{
		color:#000;
	background-color: #BFD630;
	padding:10px;
	}
	
	#footercontent2{
		color:#000;
	font-size:9px;
	text-align:right;
	padding-top:10px;
	color:#666666;
	}
	
		
#footer p { padding:0px 0px 0px 10px; margin:0px; }
#footer a { color:#999; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
* html #footer {/*only ie gets this style*/
	\height:90px;/* for ie5 */
	he\ight:89px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent 
	{
	width:500px;
	float:right;
	padding:550px 20px 0px 0px;
	}
#clearfooter {width:100%;height:60px;clear:both} /* to clear footer */
html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-112px;} /*safari wrapper */

#nav li a
	{
	padding:10px 10px 10px 10px;
	width:190px;
	display:block;
	text-decoration:none;
	border-bottom:1px solid #fff;
	color:#367ecf;
	}
#nav li a:hover { background:#cccccc; color:#fff; }

#topnav
	{
	position:absolute;
	top:172px;
	right:10px;
	}
#topnav li 
	{
	float:left;
	margin:0px 0px 0px 0px;
	}
#topnav li a
	{
	color:#fff;
	text-decoration:none;
	background:url(images/bg_nav.png) no-repeat ;
	padding:5px 10px 5px 10px;
	display:block;
	font-size:12px;
	color:#000000;
	text-transform:uppercase;
	}
	
	
#topnav2
	{
	position:absolute;
	top:14px;
	right:10px;
	width:200px;
	background-color:#0092d4;
	padding:10px;
	text-align:center;
	}
#topnav2 li 
	{
	float:left;
	margin:0px 0px 0px 0px;
	}
#topnav2 li a
	{
	color:#fff;
	text-decoration:none;
	background:url(images/bg_nav.png) no-repeat ;
	padding:5px 10px 5px 10px;
	display:block;
	font-size:12px;
	color:#FFFFFF;

	text-transform:uppercase;
	}
	
		
#imgb 
	{
	border: 1px solid #666666;
	}
	
	#badge{
	position:absolute;
	top:200px;
	left:820px;
	z-index:500;}


#logo{
position:absolute;
top:30px;
}

#banner{
position:absolute;
top:210px;
}


.store{
	float:left;
	width:110px;
	height:150px;
	padding: 5px;
	background-color:#e5e5e5;
	margin-bottom:10px;
	margin-right:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFD630;
}
.store p{
padding:5px;
}


.green {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #BFD630;
	padding-bottom:5px;
}

.storecat li a {
	font-weight: bold;
	color: #0092DD;
	text-decoration: none;
		background-color:#e5e5e5;
	margin-bottom:10px;
	padding:10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #BFD630;
	display:block;
}

#news{
position:absolute;
top:515px;
left:20px;
color:#FFFFFF;
}

.newsitem {
	background-color: #E3E4BA;
	padding: 15px;
	margin-bottom: 10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0066CC;
	border-right-color: #0066CC;
	border-bottom-color: #0066CC;
	border-left-color: #CB242B;
		width:450px;
}
.newsitem p{
	line-height:18px;
	margin:5px 0px 0px 0px;
}

#jobs td{
padding:5px;
line-height:17px;
}
.padtable td {
	padding:5px;
}

.box {
	background-color: #E4F0B0;
	padding: 10px;
	margin-bottom:5px;
	padding-bottom:2px;
}

.box a
{
text-decoration:none;
color:#003366;
}
#greenbox1 {
	background-image: url(images/offers-3.jpg);
	height: 201px;
	width: 400px;
		margin-bottom:10px;
}
#greenbox1 h1{
color:#000000;
padding:7px;
}
#greenbox1 p{
color:#000000;
padding:10px;
line-height:20px;
}

#greenbox2 {
	background-image: url(images/offers-2.jpg);
	height: 201px;
	width: 400px;
		margin-bottom:10px;
}
#greenbox2 h1{
color:#000000;
padding:7px;
}
#greenbox2 p{
color:#000000;
padding:10px;
line-height:20px;
}

#greenbox3 {
	background-image: url(images/offers-1.jpg);
	height: 201px;
	width: 400px;
		margin-bottom:10px;
}
#greenbox3 h1{
color:#000000;
padding:7px;
}
#greenbox3 p{
color:#000000;
padding:10px;
line-height:20px;
}

#greenbox4 {
	background-image: url(images/twitter.jpg);
	height: 201px;
	width: 400px;
		margin-bottom:10px;
}



.azstore {
	background-color: #F0F0F0;
	border: 1px solid #999999;
	margin-bottom: 10px;
	padding: 5px;
	line-height:18px;
}

.azstore p{
	line-height:20px;
}

.azstore li{
line-height:20px;
}

#twitter{
	position:absolute;
	top:20px;
	left:620px;
}
