/* Created by Fahad Khalid */
body{font:12px/17px Arial,Helvetica,sans-serif; color:#999; margin:0px; padding:0px; background:#000}
a{text-decoration:underline; color:#999}
a:hover{text-decoration:none; color:#9C0}
a img{border-width:0}
h1, h2, h3, h4{color:#CCC; font-family:Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal; font-variant:normal}
h1{margin:0px; padding:0px; font-size:36px; line-height:65px}
h2{margin:0px 0px 5px; padding:0px 0px 5px; font-size:24px; line-height:24px}
h2 a{text-decoration:none}
h2 a:hover{text-decoration:none; color:#fff}
h3{margin:0px 0px 5px; padding:0px 0px 5px; font:18px/18px Arial,Helvetica,sans-serif; font-weight:normal}
.hidden{visibility:hidden; display:none}
.smallfont{font:11px Arial,Helvetica,sans-serif}
.samewidth{font:11px Arial,Helvetica,sans-serif; color:#CCC; width:175px; border:1px solid #333; overflow:auto; background:#1E1F21}
.btn{font:bold 11px Arial,Helvetica,sans-serif; color:#000000; background:#9C0; border-style:none; height:25px; padding:5px}
.fulldiv{clear:both; padding:0px 0px 20px 0px}
.clear{clear:both}
.green{color:#9C0}
.white{color:#FFF}
.noborder{border:none!important}
/* list styles */
ul.arw, ul.line, ul.reason, ul.border, ul.none, ul.twocol, ul.threecol{list-style-position:outside; margin:0px; padding:0px; list-style-type:none}
ul.arw{}
ul.arw li{margin:0px; padding:0px 0px 5px 10px; background:url(images/arw-bullet.gif) no-repeat 0px 7px}
ul.arw li a{text-decoration:none}
ul.arw li a:hover{}
ul.border li.first{padding-left:0px; border-left:none!important}
ul.border li.last{padding-right:0px!important}
ul.border li{margin:0px; padding:0px 8px; display:inline; border-left:1px solid #0B0B0B}
ul.line li{padding-bottom:5px; border-bottom:1px solid #e6eaf0; margin-bottom:5px}
ul.line li a{text-decoration:none}
ul li.last{border-right:none!important; margin-bottom:0px!important; padding-bottom:0px!important}
ul.none li{margin:0px; padding:0px 0px 5px 0px}

/* container */
#container{
}
/* Page */
#page{width:960px; margin:0px auto; clear:both}
/* home page background */
.home{background:url(images/atc-black.jpg) no-repeat left top}
/* header */
#header{clear:both; height:120px; margin:0px; padding:0px; border-bottom:1px solid #0D0D0D}
#header .left{float:left; padding-top:60px}
#header .right{float:right; text-align:right; padding-top:80px}
/* links */
#links{background-image:url(../version3/images/bg-menu.jpg); background-repeat:repeat-x}
#links ul{margin:0px; list-style:none; padding:0px}
#links li{display:inline; margin:0px; padding:0px}
#links li a{letter-spacing:normal; font:14px/34px Arial,Helvetica,sans-serif; text-decoration:none; height:34px; float:left; margin:0px 20px; color:#666; padding-bottom:5px; text-transform:uppercase}
#links li a:hover{color:#CCC; border-bottom:1px solid #9C0}
#links .act a, #links .act a:hover{color:#CCC; border-bottom:1px solid #9C0}
#links .last a{margin-right:0px}

#home{clear:both; margin:0px; padding:75px 0px 50px 514px; font-size:13px; line-height:22px}
#pagetitle{clear:both; margin:0px; padding:20px 0px 0px}
/* content */
#content{padding:20px 0px 30px; margin:0px; clear:both}
.medcol{float:left; width:300px; margin:0px 15px 0px 0px; padding:0px 14px 0px 0px}
.lastcol{margin:0px; padding:0px; border-style:none}
#content .bigleft{float:left; width:620px; margin:0px 20px 0px 0px; padding-right:19px; border-right:1px solid #0D0D0D}
#content .smallright{float:right; width:300px; margin:0px}
/* portfolio thumbs */
#portfolio td{padding:0px 20px 30px 0px; width:225px; vertical-align:top; text-align:left; font:11px/18px Tahoma,Arial,Verdana,sans-serif}
#portfolio a{color:#666; font:11px Arial,Helvetica,sans-serif; text-decoration:none}
#portfolio td.last{padding-right:0px}
#portfolio img{margin-bottom:10px; float:left; border:5px solid #FFF}
#portfolio a img:hover{}
#portfolio h2, #portfolio h2 a{font-size:12px; margin:0px!important; padding:0px!important; font-weight:bold; color:#CCC; line-height:14px}
#portfolio h2 a:hover{color:#9C0}
#content .smallcol{float:left; text-align:left; width:160px; margin:0px; padding:0px 30px 0px 0px; color:#333}
.zeropad{padding:0px !important}
/* Footer */
#footer{clear:both; padding-top:20px; padding-bottom:20px; font:11px/18px Arial,Helvetica,sans-serif; color:#666; border-top:1px solid #0D0D0D}
#footer a{text-decoration:none; color:#9C0}
#footer a:hover, #footer .right a:hover{color:#FFF}
#footer .left{float:left; padding-top:3px}
#footer .right{float:right}
#footer .right a{color:#666}
#footer .valid{clear:both; padding:10px 0px 5px; margin:0px}
#footer .valid a{background:#1E1F21; padding:2px 5px; font:9px Arial,Helvetica,sans-serif; color:#CCC; text-decoration:none; margin-right:3px}
#footer .valid a:hover{color:#83A915}
#footer .keywords{color:#CCC; font:10px Tahoma,Arial,Verdana,sans-serif; padding-top:10px}
/* for icon links */
a.twit{background:url(images/icon-twitter.gif) no-repeat 0px 0px; float:left; padding-left:32px; height:24px; padding-top:3px}
a.twit:hover{background-position:0 -27px}
a.fb{background:url(images/icon-facebook.gif) no-repeat 0px 0px; float:left; padding-left:32px; height:24px; padding-top:3px; margin-left:35px}
a.fb:hover{background-position:0 -27px}
a.rss{background:url(images/icon-rss.gif) no-repeat 0px 0px; padding-left:32px; height:24px; padding-top:3px; display:block; text-decoration:none}
a.rss:hover{background-position:0 -27px; color:#FFF}
a.blogger{background:url(images/icon-blogger.gif) no-repeat 0px 0px; padding-left:32px; height:24px; padding-top:3px; display:block; text-decoration:none}
a.blogger:hover{background-position:0 -27px; color:#FFF}
/* blog styles */
.post{margin:5px 0 15px; padding-bottom:14px; border-bottom:1px solid #0D0D0D}
.post img{
	float:left;
	height:150px;
	width:200px;
	margin-bottom:20px;
	margin-right:20px;
	border:1px solid #f2f2f2;
	background: #FFFFFF;
	padding: 7px;
}
.date{font:10px Arial,Helvetica,sans-serif; text-transform:uppercase; color:#9C0; letter-spacing:1px}