* {

}
img { border: none; }
.limg { float: left; vertical-align: middle; }
body {
	background: #fff;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}
.both { clear:both; }
a { color: #690; text-decoration: underline; }
a:hover { text-decoration: none; }

#top {
	clear: both;
	height: 218px;
	z-index: 10;
}
#logo {
	float: left;
	width: 50px;
	height: 218px;
	background-color: #282828;
	top: 10px;
}
#logo img { margin: 59px 0px 0px 22px; }
#apple {
	float: left;
	width: 471px;
	height: 218px;
}
#topRight {
	float:left;
	width: 373px;
	height: 218px;
	background: #fff url(topbg.gif) top repeat-x;
}
#topRight_Menu {
	float:left;
	width: 373px;
	position: relative;
	left: 0px;
	top: 0px;
}
#slogan { margin: 15px 10px; }
#topRight ul { padding: 9px 0px 0px 2px; 	list-style: none; }
#topRight ul li {
	display: block;
	float: left;
	width: 89px;
	height: 28px;
	margin-left: 1px;
	background-color: #282828;
}
#topRight ul li a { font: bold 11px Arial, Helvetica, sans-serif; color: #ccc; display: block; text-decoration: none; border-top: 3px solid #505050; 	padding: 2px 5px; }
#topRight ul li a:hover { border-top: 3px solid #9c0; }

#search { height: 60px;	}
#search p { padding: 13px 0px 0px 10px; }
#search label { float: left; margin-right: 5px; }
#search #text { background: #fff; border: 1px solid #666; width: 135px; }
#search #submit { border: none; background: none; font: bold 11px Tahoma, Arial, Helvetica, sans-serif; color: #666; }
#search a { color: #f60; text-decoration: underline; }
#search a:hover { text-decoration: none; }

#topMenu {
	clear: both;
	background: #f0f0f0 url(menubg.gif) top repeat-x;
	height: 35px;
	margin: 1px 0px 10px 0px;
}
#menuItems {
	float: left;
	width: 600px;
	padding: 0px;
	left: 0px;
}
#menuItems ul {
	list-style: none;
	padding-left: 5px;
	padding-top: 0px;
}
#menuItems ul li { font: bold 11px Tahoma, Arial, Helvetica, sans-serif; float: left; }
#menuItems ul li a {
	padding: 5px 8px;
	display: block;
	text-decoration: none;
	color: #666;
}
#menuItems ul li a:hover {
	padding: 5px 8px;
	display: block;
	color: #333;
	background-color: #F3F3F3;
	border-bottom-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #00CC00;

}
#menuDate {
	float: left;
	width: 50px;
	text-align: right;
}
#menuDate p { padding: 8px 18px 0px 0px; }

h2 {
	font: normal 18px "Trebuchet MS", "Times New Roman", Times, serif;
	letter-spacing: -1px;
	color: #333;
	text-transform: uppercase;
	line-height: 14px;
}
h2 .orange {
	color: #99CC00;
}
h2 .green { color: #9c0; }
h3 { font: bold 12px "Trebuchet MS", "Times New Roman", Times, serif; color: #ccc; text-transform: uppercase; 	line-height: 12px; }

#topContent { clear: both; background: #fff; margin-top: 15px; color: #333; }
#ltopCon {
	float: left;
	width: 510px;
	background: #fff url(rtopconbg.gif) right repeat-y;
	padding-right: 15px;
}
#ltopCon p { margin: 15px 0px; text-align: justify; }
#ltopCon p.more { text-align: right; }
#ltopCon p.more a { text-decoration: none; color: #690; }
#ltopCon p.more a:hover { text-decoration: none; color: #f90; }
.hline { margin: 0px; padding: 0px; border-bottom: 2px solid #ededed; }

#rtopCon {
	float: left;
	width: 285px;
	padding-left: 15px;
	background-color: #fff;
	
	background-repeat: no-repeat;
	background-position: right center;
}


#rbottomCon {
	float: left;
	width: 285px;
	padding-left: 15px;
	background-color: #fff;
	background-repeat: no-repeat;
	
}


#products { padding: 10px 0px; }
#products li { list-style: none; padding: 10px 0px 0px 0px; display: block; clear: both; width: 270px; }
#products li a { display: block; float: left; color: #666; text-decoration: none; }
#products li a:hover { color: #9c0; }
#products li span { font: bold 24px Arial, Helvetica, sans-serif; letter-spacing: -2px; margin-right: 4px; display: block; float: left; color: #f93; }
#rtopCon h2 { line-height: 20px; }

#botContent {
	border-top: 10px solid #eee;
	clear: both;
	margin-top: 10px;
	border-bottom: 1px solid #ccc;
	background-image: url(newsbg.gif);
	background-repeat: repeat-x;
}
#articles {
	float: left;
	width: 510px;
	padding: 15px 15px 10px 0px;
	color: #333;
	background-repeat: repeat-x;
}
#articles2 {
	float: left;
	width: 510px;
	padding: 15px 15px 10px 0px;
	color: #333;
	background-repeat: repeat-x;
}
#articles p { margin: 15px 0px 5px 0px; text-align: justify; }
#articles p.info { text-align: right; background: #fff url(dots.gif) top repeat-x; color: #999; margin: 0px; padding: 3px 0px; }
#articles p.info strong { color: #f90; font-weight: bold; }
#articles p.info a { color: #690; text-decoration: none; }
#articles p.info a:hover { text-decoration: underline; }

#news { 	float: left; width: 300px; background: #fff; }
#newsHeader {
	clear: both;
	width: 300px;
	background-color: #282828;
	color: #fff;
	height: 60px;
}
#newsHeader h2 { color: #fff; }
#newsHeader #nleft {
	float: left;
	padding: 12px;
	height: 10px;
}
#newsHeader #nright { float: left; padding: 12px; }
#newsHeader a { color: #9c0; }
#newsHeader a:hover { text-decoration: none; }
#newsContent { margin-top: 1px; background: #fff url(newsbg.gif) top repeat-x; padding: 10px 20px; color: #333; }
#newsContent p { margin: 5px 0px; }
#newsContent strong { color: #666; }

#footer { clear: both; margin-top: 5px; background: #f9f9f9; padding: 5px; text-align: center; }
#footer ul { list-style: none; }
#footer ul li { margin: 0px 4px;  display: inline; }
#footer ul li a { font-weight: bold; color: #999; text-decoration: none; }
#footer ul li a:hover { color: #333; }

#copyrights { clear: both; margin: 5px 0px; text-align: center; color: #999; }
#main {
	margin: 0px auto;
	width: 900px;
}
#FrogJS {
	width: 600px;
	left: 180px;
	
}
#FrogJS img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #33CC00;
	border-right-color: #33CC00;
	border-bottom-color: #33CC00;
	border-left-color: #33CC00;
		  }
		  
#contact fieldset label {
	border:0;margin:0;padding:0; 
	 display:block; 
  }

