@charset "UTF-8";

/***** CSS @FONT-FACE *****/

@font-face {
	font-family: 'RockwellStd';
	src: url('../@font-face/rockwellstd-webfont.eot');
	src: local('☺'),
	  url('../@font-face/rockwellstd-webfont.woff') format('woff'),
	  url('../@font-face/rockwellstd-webfont.ttf') format('truetype'),
	  url('../@font-face/rockwellstd-webfont.svg#webfontUn2SUyoq') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AvantGardeLTBook';
	src: url('../@font-face/itc_avant_garde_gothic_lt_book-webfont.eot');
	src: local('☺'),
	  url('../@font-face/itc_avant_garde_gothic_lt_book-webfont.woff') format('woff'),
	  url('../@font-face/itc_avant_garde_gothic_lt_book-webfont.ttf') format('truetype'),
	  url('../@font-face/itc_avant_garde_gothic_lt_book-webfont.svg#webfontWRGZg3VF') format('svg');
	font-weight: normal;
	font-style: normal;
}

/***** RESET *****/

* {
	border:0;
	line-height:18px;
	margin:0;
	padding:0; 
}

/***** BEGIN STYLES *****/

html {
	-webkit-text-size-adjust: none
}

body {
	background:url(../img/bg.gif);
	color:#FFF;
	font:normal 14px 'AvantGardeLTBook', Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

a {
	text-decoration:none
}

p {
	margin:25px 0 0;
}

p.desc {
	line-height:22px;
	/* margin:0 0 20px 0; */
}

h1 {
	border-bottom:1px solid #aec5ca;
	color:#FFF;
	font:normal 19px 'RockwellStd', Arial, Helvetica, sans-serif;
	height:24px;
	text-transform:uppercase;
}

h1 img {
	margin:0 5px 0 0;
}

h1 a {
	color:#FFF;
	float:right;
	font-size:12px;
	margin:4px 0 0;
}

h2 {
	color:#FFF;
	font:normal 24px 'AvantGardeLTBook', Arial, Helvetica, sans-serif;
	height:18px;
	margin:20px 0 0;
}

#topcontainer {
	background:url(../img/bg.png) top repeat-x;
	width:100%;
}

#topbar {
	background:#000 url(../img/bg_topbar.jpg) center top no-repeat;
	color:#FFF;
	font:10px Verdana, Geneva, sans-serif;
	height:27px;
	line-height:10px;
	margin:0 auto;
	padding:13px 0 0;
	text-align:right;
	width:940px;
}

#topbar img {
	margin:0 7px 0 30px;
}

#topbar a {
	color:#FFF;
}

#topbar a:active {
	color:#39F;
	position:relative;
	top:1px;
}

#topbar a:hover {
	color:#39F;
}

#header {
	background:url(../img/bg_header.jpg);
	height:701px;
	margin:0 auto;
	width:940px;
}

#header h1 {
	border-bottom:1px solid #0a5664;
}

#logo {
	background:url(../img/logo_absys01.jpg);
	height:183px;
	width:560px;
}

/***** FEATURED PROJECT *****/

#featscreen {
	background:url(../img/feat_screen.jpg);
	float:right;
	height:460px;
	margin:40px 0 0;
	width:380px;
}

#featcontent {
	background:url(../img/bg_feat01.jpg) top right no-repeat;
	height:239px;
	padding:78px 80px 0 0;
	width:480px;
}

#featicons {
	background:url(../img/feat_icons.jpg);
	height:201px;
	width:560px;
}

#featiconscontent {
	background:url(../img/bg_feat02.jpg) top no-repeat;
	float:right;
	height:141px;
	padding:60px 0 0;
	width:380px;
}

/***** ABOUT ME & PORTFOLIO *****/

#aboutwrapper {
	background:url(../img/bg_about.gif);
	border-bottom:1px solid #5c767b;
	border-top:1px solid #9cb1b4;
	height:144px;
	width:auto;
}

#portfoliowrapper {
	background:url(../img/bg_portfolio.gif);
	border-bottom:1px solid #698489;
	border-top:1px solid #9ab0b4;
	height:95px;
	width:auto;
}

#about, #portfolio {
	font:normal 18px/22px 'RockwellStd', Arial, Helvetica, sans-serif;
	margin:24px auto 0;
	text-shadow:0 1px 0 #9eb1b5;
	width:940px;
}

#about {
	color:#23383d;
}

#portfolio {
	color:#2c464c;
}

#about h1, #portfolio h1 {
	border:none;
	font-size:30px;
	margin:0 0 11px 0;
	text-transform:uppercase;
}

#about h1 {
	color:#23383d;
}

#portfolio h1 {
	color:#2c464c;
}

#portfolio img {
	float:right;
	margin:2px 10px 0 0;
}

/***** PROJECTS *****/

#projectswrapper {
	border-top:1px solid #a4bcc1;
	height:auto;
	width:100%;
}

#projects {
	height:auto;
	margin:0 auto;
	padding:40px 0 0;
	width:940px;
}

/***** APSPANEL *****/

#projectaps1 {
	background:url(../img/projectaps1.jpg) top right no-repeat;
	height:302px;
	padding:15px 450px 0 0;
	width:490px;
}

#projectaps2 {
	background:url(../img/projectaps2.jpg) top no-repeat;
	height:152px;
	width:940px;
}

#projectaps3 {
	background:url(../img/projectaps3.jpg) top left no-repeat;
	height:130px;
	padding:15px 0 0 400px;
	width:540px;
}

#projectaps4 {
	background:url(../img/projectaps4.jpg) top right no-repeat;
	height:153px;
	padding:35px 460px 0 0;
	width:480px;
}

#projectaps5 {
	background:url(../img/projectaps5.jpg) top no-repeat;
	height:85px;
	width:940px;
}

#projectaps6 {
	background:url(../img/projectaps6.jpg) top left no-repeat;
	height:93px;
	padding:16px 0 0 400px;
	width:540px;
}

#projectaps7 {
	background:url(../img/projectaps7.jpg) top no-repeat;
	height:138px;
	width:940px;
}

#projectaps8 {
	background:url(../img/projectaps8.jpg) top no-repeat;
	height:205px;
	padding:0 460px 0 0;
	width:480px;
}

#projectaps3 p, #projectaps4 p, #projectaps6 p, #projectaps8 p, #projectoet3 p {
	margin:15px 0 0;
}

/***** OPEN EGG TECHNOLOGIES *****/

#projectoet1 {
	background:url(../img/projectoet1.jpg) top right no-repeat;
	height:302px;
	margin:60px 0 0;
	padding:15px 460px 0 0;
	width:480px;
}

#projectoet2 {
	background:url(../img/projectoet2.jpg) top no-repeat;
	height:127px;
	width:940px;
}

#projectoet3 {
	background:url(../img/projectoet3.jpg) top left no-repeat;
	height:165px;
	padding:40px 0 0 400px;
	width:540px;
}

/***** DATACENTER101 *****/

#projectdc1 {
	background:url(../img/projectdc1.jpg) no-repeat;
	float:right;
	height:409px;
	margin:60px 0 0;
	width:380px;
}

#projectdc2 {
	background:url(../img/projectdc2.jpg) bottom right no-repeat;
	height:394px;
	margin:60px 0 0;
	padding:15px 80px 0 0;
	width:480px;
}

#projectdc3 {
	background:url(../img/projectdc3.jpg) no-repeat;
	height:203px;
	width:560px;
}

#projectdc4 {
	background:url(../img/projectdc4.jpg) no-repeat;
	float:right;
	height:143px;
	padding:60px 0 0;
	width:380px;
}

/***** BACK TO TOP *****/

#backtotopwrapper {
	background:url(../img/bg_portfolio.gif);
	border-top:1px solid #9ab0b4;
	height:81px;
	width:auto;
}

#backtotop {
	color:#2c464c;
	font:normal 30px 'RockwellStd', Arial, Helvetica, sans-serif;
	margin:19px auto 0;
	text-shadow:0 1px 0 #9eb1b5;
	width:940px;
}

#backtotop img {
	margin:0 10px 0 0;
	vertical-align:-11px;
}

/***** FOOTER *****/

#footerwrapper {
	background:#000;
	height:70px;
	width:100%;
}

#footer {
	background:url(../img/logo_absys02.jpg) left no-repeat;
	color:#FFF;
	font:10px Verdana, Geneva, sans-serif;
	height:40px;
	line-height:10px;
	margin:0 auto;
	padding:30px 0 0;
	text-align:right;
	width:940px;
}

#footer img {
	margin:0 7px 0 30px;
}

#footer a {
	color:#FFF;
}

#footer a:active {
	color:#39F;
	position:relative;
	top:1px;
}

#footer a:hover {
	color:#39F;
}