@charset "UTF-8";
/* CSS Document */

html {
	background:url(../img/bg.png) top center no-repeat #000;
}

body {
	margin-top:0px;
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
	margin:auto;
	text-align:center;
	width:828px;
	padding-left:10px;
	padding-right:10px;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#header {
	background: url(../img/header.png) no-repeat;
	height:105px;
	width:828px;
}

#header h1 {
	text-indent:-9999px;
	display:none;
}

#toolbox {
	color:#CCC;
	font-size:12px;
	width:350px;
	text-align:right;
	float:right;
	margin-top:8px;
	margin-right:15px;
}

#toolbox a {
	color:#CCC;
}

#menu {
	position:absolute;
	margin-top:30px;
	margin-left:280px;
}

#menu li {
	list-style:none;
	float:left;
}

#pagecontent {
	width: 828px;
	margin-top:30px;
}

#topcorner {
	background: url(../img/topcorner.png) no-repeat;
	width:828px;
	height:14px;
}

#pagetitle {
	background:url(../img/titlebg.png) no-repeat;
	height:47px;
	width:828px;
}

.phone-big {
	font-size:14px;
}

.tabletext {
	font-size:12px;
	color:#FFF;
}

.tabletext input {
	margin-top:3px;
	margin-bottom:3px;
	!important
}

.tabletext .forminput{
	border:1px solid #333333;
	background-color: transparent;
	padding:5px;
	color:#dddddd;
	width:300px;
	font-size:12px;
}

.tabletext select {
	width:300px;
	background:#333;
	color:#FFF;
	font-size:13px;
	border:1px solid #CCC;
	margin-bottom:3px !important;
	margin-top:3px !important;
}

.tabletext select:hover {
	border: 1px solid #39F;
}

.tabletext textarea {
	width:300px;
	height:100px;
	border:1px solid #333333;
	background-color: transparent;
	padding:5px;
	color:#dddddd;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px
}

.tabletext textarea:hover {
	border: 1px solid #39F;
}

.tabletext .forminput:hover {
	border: 1px solid #39F;
}

.errormsg {
	font-size:12px;
	font-weight:bold;
	color:#F03;
}

.titletag-services {
	text-indent:-9999px;
	background: url(../img/titles/services.png) no-repeat;
	width: 445px;
	height:30px;
	margin-left:15px;
}

.titletag-contact {
	text-indent:-9999px;
	background: url(../img/titles/contactus.png) no-repeat;
	width: 445px;
	height:30px;
	margin-left:15px;
}

.titletag-whoweare {
	text-indent:-9999px;
	background: url(../img/titles/whoweare.png) no-repeat;
	width: 445px;
	height:30px;
	margin-left:15px;
}

.titletag-portfolio {
	text-indent:-9999px;
	width:445px;
	height:30px;
	margin-left:15px;
	background: url(../img/titles/portfolio.png) no-repeat;
}

.clear {
	clear:both;
}

.buttonspace {
	line-height:3px;
	height:3px;
	font-size:3px;
}

/* START SUBMENU STYLES */

#submenu {
	float:right;
	margin-top:-37px;
}

#submenu li{
	list-style:none;
	float:left;
	padding-right:20px;
}

/* END SUBMENU STYLES */
	

#content {
	background:url(../img/contentbg.png) repeat-y;
	width:828px;
	min-height:300px;
}

#sidebar {
	float:right;
	margin-right:15px;
	margin-top:-9px;
	width:207px;
	font-size:12px;
	line-height:14px;
	color:#fff;
	text-align:left;
}

#sidebar h1 {
	background:url(../img/subtitle-underline.png) repeat-x;
	margin-bottom:-15px;
}

#main {
	float:left;
	width:513px;
	text-align:left;
	margin-left:15px;
	margin-top:-15px;
}

#main h1 {
	width:513px;
	background:url(../img/subtitle-underline.png) repeat-x;
	margin-bottom:-5px;
}

#main p {
	font-size:12px;
	color:#FFF;
	line-height:14px;
}

#main-folio {
	float:left;
	width:790px;
	text-align:left;
	margin-left:15px;
	margin-top:-15px;
}

#main-folio h1 {
	width:513px;
	background:url(../img/subtitle-underline.png) repeat-x;
	margin-bottom:-5px;
}

#main-folio p {
	font-size:12px;
	color:#FFF;
	line-height:14px;
}

#main-folio li {
	text-indent:-40px;
}

#main li {
	font-size:12px;
	color:#fff;
}

#bottomcorner {
	background:url(../img/bottomcorner.png);
	height:20px;
	width:828px;
}

#footer {
	margin-top:15px;
	margin-bottom:15px;
	font-size:12px;
	color:#FFF;
}

/* HOMEPAGE MODS */

#footer-home {
	margin-top:15px;
	font-size:12px;
	color:#FFF;
	margin-bottom:15px;
	font-size:12px;
	color:#FFF;
}

	/* ROTATOR */
	
	div#rotator {
	position:relative;
	height:345px;
	margin-left: -6px;
	padding-top:17px;
	}
	
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	}

	div#rotator ul li img {
	background: url(../img/screen/default.png) no-repeat;
	}
	
    div#rotator ul li.show {
	z-index:500
	}
	
	#rotator-shell {
		background:url(../img/screen/monitor-shell.png) no-repeat;
		width:341px;
		height:328px;
		float:left;
	}
	
	/* END ROTATOR */
	
#headline {
	float:right;
	background: url(../img/titles/home-h1.png) no-repeat;
	width: 428px;
	height:124px;
	margin-right:5px;
	margin-top:45px;
}

#headline p {
	display:none;
}

#calltoact {
	text-align:right;
	padding-right:9px;
	margin-top:135px;
}

#homebottom {
	background: url(../img/homebottombg.png) no-repeat;
	width:828px;
	height:235px;
}

#welcome {
	float:left;
	clear:left;
	width:256px;
	height:212px;
	padding:14px 5px 8px 15px;
	border-right:1px solid #333;
	z-index:3000;
}

#welcome h1 {
	text-indent:-9999px;
	background: url(../img/titles/home-welcome.png) no-repeat;
	height:20px;
	width:222px;
	margin-top:0px;
}

#welcome p {
	padding-right:3px;
	font-size:12px;
	color:#fff;
	text-align:left;
}

#news {
	float:left;
	width:256px;
	height: 212px;
	padding:14px 5px 8px 15px;
	border-right:1px solid #333;
	z-index:3001;
}

#news h1 {
	text-indent:-9999px;
	background: url(../img/titles/home-news.png) no-repeat;
	height:20px;
	width:222px;
	margin-top:0px;
}

#news p {
	font-size:12px;
	color:#fff;
	text-align:left;
}

.newstitle {
	font-weight:bold;
	font-size:12px;
	line-height:20px;
}

#testimonials {
	float:right;
	position:relative;
	width:256px;
	height: auto;
	padding:14px 5px 8px 15px;
	z-index:3002;
	margin-top:-255px;
}

#testimonials h1 {
	text-indent:-9999px;
	background:url(../img/titles/home-testimonials.png) no-repeat;
	height:20px;
	width:222px;
}

#testimonials p {
	font-size:12px;
	color:#FFF;
	text-align:left;
	padding-right:5px;
	padding-left:2px;
}

.byline {
	text-align:right !important;
	margin-right:5px;
}

.bluelink {
	color:#66ccff;
}

/* END HOMEPAGE MODS */

/* START TAG CLOUD */

#tagcloud {
	margin-left:15px;
}

.passionate {
	position:absolute;
	font-size:30px;
	margin-left:590px;
	margin-top:20px;
}

.passionate a {
	color:#FFF;
	text-decoration:none;
}

.passionate a:hover {
	color:#00ccff;
	text-decoration:none !important;
}

.professional {
	position:absolute;
	font-size:28px;
	margin-left:85px;
	margin-top:100px;
}

.professional a {
	color:#FFF;
	text-decoration:none;
}

.professional a:hover {
	color:#ccff00;
	text-decoration:none !important;
}

.creative {
	position:absolute;
	margin-top:18px;
	margin-left:160px;
	font-size:26px;
}

.creative a {
	color:#FFF;
	text-decoration:none;
}

.creative a:hover {
	color:#ffcc33;
	text-decoration:none !important;
}

.dedicated {
	position:absolute;
	font-size:24px;
	margin-left:320px;
	margin-top:90px;
}

.dedicated a {
	color:#FFF;
	text-decoration:none;
}

.dedicated a:hover {
	color:#06F;
	text-decoration:none !important;
}

.experienced {
	position:absolute;
	margin-left:320px;
	margin-top:10px;
	font-size:24px;
}

.experienced a {
	color:#FFF;
	text-decoration:none;
}

.experienced a:hover {
	color:#99ccff;
	text-decoration:none !important;
}

.exceed {
	position:absolute;
	margin-top:50px;
	margin-left:30px;
	font-size:20px;
}

.exceed a {
	color:#FFF;
	text-decoration:none;
}

.exceed a:hover {
	text-decoration:none !important;
	color:#F60;
}

.results {
	position:absolute;
	font-size:28px;
	margin-left:450px;
	margin-top:105px;
}

.results a {
	color:#FFF;
	text-decoration:none;
}

.results a:hover {
	text-decoration: none !important;
	color:#63F;
}

.agile {
	position:absolute;
	margin-left:500px;
	font-size:24px;
}

.agile a {
	color:#FFF;
	text-decoration:none;
}

.agile a:hover {
	color:#9C3;
	text-decoration:none !important;
}

.intelligent {
	position:absolute;
	margin-top:65px;
	margin-left:655px;
	font-size:21px;
}

.intelligent a {
	color:#FFF;
	text-decoration:none;
}

.intelligent a:hover {
	color:#ff6666;
	text-decoration:none !important;
}

.fresh {
	position:absolute;
	margin-left:150px;
	font-size:20px;
	margin-top:60px;
}

.fresh a {
	color:#fff;
	text-decoration:none;
}

.fresh a:hover {
	color:#F03;
	text-decoration:none !important;
}

.slogan {
	position:absolute;
	margin-left:290px;
	margin-top:50px;
	font-size:30px;
	color:#666;

}

.awesome {
	position:absolute;
	margin-left:625px;
	margin-top:105px;
	font-size:24px;
}

.awesome a {
	color:#FFF;
	text-decoration:none;
}

.awesome a:hover {
	color:#069;
	text-decoration:none !important;
}


/* END TAG CLOUD */

/* START STICKY LANDING */

#sticky-reopen {
	position:fixed;
	top:0px;
	left:5px;
	background: url(../landing/button.png) no-repeat top left;
	width:100px;
	height:26px;
	overflow:hidden;
	padding:4px 10px 10px 13px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#sticky-reopen:hover {
	background: url(../landing/button-over.png) no-repeat top left;

}

#sticky-reopen a {
	color:#666;
}

/* END STICKY LANDING */