* { padding: 0; margin: 0; outline: 0; }

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }


.left { float: left; display: inline; }
.right { float: right; display: inline; }
.no-text{font-size:0; line-height:0; text-indent:-4000px; display:block}



body {
	background: #DEFEFF url(imgs/horz-bg.jpg) repeat-x scroll 0 0;
	color: #000000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

h1, h2, h3 {margin: 0; font-weight: normal; color: #1E73AF;}

h1 {letter-spacing: -1px; font-size: 28px; text-align: center; padding: 10px; line-height: normal;}

h2 {letter-spacing: -1px;font-size: 20px; font-weight: bold; border: 1px dotted #666666; padding: 3px; line-height: 26px; margin-bottom: 10px; background-color: #CCCCff;}

h3 {font-size: 14px; font-weight: bold}

h4 {font-size: 22px; font-weight: bold; border:1px dotted #999999; line-height: 30px; text-align: center; color: #990000;}

p, ul, ol {margin-bottom: 1.6em;}

p {}

blockquote {font-style: italic;}

ul { line-height: 18px;}

ol { line-height: 18px;}

li { padding-bottom: 10px;}

a {color: #3C82C8;}

a:hover {text-decoration: none;}

small {}

hr {display: none;}

img {border: none;}

img.left {float: left; margin: 0 15px 0 0;}

img.right {float: left; margin: 0 0 0 15px;}

#header {
	background: transparent url(imgs/header.jpg) no-repeat scroll center top;
	height: 127px;
	margin: 0 auto;
	padding: 0 0 0 298px;
	width: 527px;
}

#menu {
	background: #000000 none repeat scroll 0 0;
	height: 30px;
	margin: 0 auto;
	width: 824px;
	text-align: center; 
}

#menu ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu li {
	display: inline;
}

#menu a {background: #000000; display: block; float: left; width: 130px; padding: 5px 0; text-align: center; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#ffffff; font-weight: bold; font-style: normal;}

#menu a:hover {color: #FF6600;}

#footer {
	background: #FFFFFF none repeat scroll 0 0;
	border-top: 2px solid #666666;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	width: 820px;
}

#footer p {
	color: gray;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
}

#page {
	background-color: #FFFFFF;
	height: 100%;
	margin: 0 auto;
	padding: 20px 0;
	width: 824px;
}

#page a {
	font-size: 18px;
	color: #0066CC;
	font-weight: bold;
}
a { cursor:pointer; }

#header h1#logo{font-size:0; line-height:0; width:235px; padding:0; float:none}
#header h1#logo a{display:block; background:url(imgs/logo.gif); text-indent:-4000px; height:127px}

#navigation{margin:0 auto; background:url(imgs/navigation.gif) repeat-x 0 0; height:28px; width:817px; padding-left:8px}
#navigation ul{line-height:0; margin:0; padding:0; height:28px; }
#navigation li{display:inline; float:left; position:relative; height:28px; padding:0; margin:0;}
#navigation a{float:left; background:url(imgs/dev.gif) no-repeat right 0; font-size:12px; color:#fff; font-weight:bold; text-decoration:none; line-height:12px; padding-right:16px}
#navigation a:hover,
#navigation a.active,
#navigation li.hover a{color:#ffbe10;}
#navigation li a span{float:left; background:url(imgs/bulet.gif) no-repeat right 0; padding:8px 11px 9px 12px}

#navigation ul li .sub-menu { position:absolute; top:28px; width:170px; background:#35383b; display:none; padding:0; left:0; border:solid 1px #17181a; border-top:0; }
#navigation ul li .sub-menu ul{ height:auto; }
#navigation ul li .sub-menu li{ float:none; display:block; height:auto; padding:0;}
#navigation ul li .sub-menu li a{ float:none; display:block; background:transparent; font-size:11px; font-weight: normal; border-top:solid 1px #17181a; padding:5px 10px; line-height:16px; color:#fff !important; }
#navigation ul li .sub-menu li a:hover{ color:#ffbe10 !important; }


.awards .left{width:416px; padding:0 0 0 30px; font-size:13px; line-height:18px}
.awards .right{width:295px; padding-right:34px}
.awards .right span{display:block; font-size:10px; text-align:right; color:#252729}
.awards .right-bgr{background:url(imgs/right-bgr.gif) repeat-y 0 0}
.awards .right-top{background:url(imgs/right-top.gif) no-repeat 0 0}
.awards .right-bottom{background:url(imgs/right-bottom.gif) no-repeat 0 bottom; height:100%; padding:15px 3px 6px 12px}
.awards .right a{float:left; width:138px; padding-bottom:16px}
.awards .right a.center{text-align:center; float:right}
.awards h2{font-size:24px; color:#18191b; line-height:29px; border:0; background:transparent; margin-left:-6px; margin-bottom:7px}
.awards{font-family:Arial; margin-bottom:13px}
.awards p{margin-bottom:17px;}

.article{padding-bottom:0px; border-bottom:1px dashed #c2c2c2; margin-bottom:34px; color:#18191b; font-size:13px; line-height:18px; font-family:Arial}
.article p{margin-bottom:17px;}
.article .left{ width:246px; margin-top:-2px}
.article .left img{margin-right:-6px; position:relative; z-index:2}
.article .right{ width:578px; position:relative; z-index:3}
.article h2.spy{font-size:24px; color:#3060a9; margin-bottom:13px; border:0; background:transparent; margin-bottom:7px}
.article h2.reg{font-size:24px; color:#007445; margin-bottom:13px; border:0; background:transparent; margin-bottom:7px; margin-top:12px}
span.blue{color:#3060a9; font-weight:bold}
span.green{color:#007445; font-weight:bold}
#page .article .control a{text-align:center; font-weight:bold; color:#565656; text-decoration:none; width:91px; height:26px; margin-right:5px; float:left}
#page a.more{background:url(imgs/more.gif) no-repeat 0 0;}
#page a.directory{background:url(imgs/dir.gif) no-repeat 0 0;}
#page a.download{background:url(imgs/download.gif) no-repeat 0 0;}
#page a.buy{background:url(imgs/buy.gif) no-repeat 0 0; color:#405412}


.leftside{float:left; display:inline; width:414px; border-right:1px dashed #c2c2c2; margin-top:-32px}
.rightside{float:right; display:inline; width:408px; margin-top:-32px}
.leftside h2,
.rightside h2{border:0; background:transparent; font-size:19px ; color:#252729; border-bottom:1px dashed #c2c2c2; padding:9px 0 10px 28px; margin-bottom:7px; font-weight:normal}
.posts{padding:0 12px 0 28px; font-size:12px; line-height:18px; font-family:Arial; color:#565656}
.leftside .posts h3{font-size:13px; color:#007af4; margin-bottom:-3px}
.leftside .posts h3 a{font-size:13px !important; color:#007af4 !important; text-decoration: none;}
.leftside .posts h3 a:hover{ color:#333 !important; }

.rightside .posts h3{font-size:13px; color:#007445; margin-bottom:-3px}
.rightside .posts h3 a{font-size:13px !important; color:#007445 !important; text-decoration: none;}
.rightside .posts h3 a:hover{ color:#333 !important; }

.posts small{font-size:10px; color:#a2a2a2}
.posts a.view{background:url(imgs/view.gif); width:91px; height:26px; margin-top:20px}
.rightside .posts p{margin-bottom:6px;}
.posts p{margin-bottom:11px;}

.directories p { padding:7px 28px 0 28px; margin:0; font-size:12px; line-height:17px; }
.directories p a{ font-size:14px !important; }
.directories .leftside p a{ color:#007af4 !important; text-decoration: none; }
.directories .rightside p a{ color:#007445 !important; text-decoration: none; }

.directories .leftside,
.directories .rightside { padding-bottom:17px; }

.directories p a:hover{ color:#333 !important; }

.latest-posts { border-top:1px dashed #c2c2c2; }
.latest-posts .leftside,
.latest-posts .rightside{ margin-top:0; }