@charset "utf-8";

body, html {
	margin:0;
	/*
	background-image:url('images/background.gif');
	background-repeat:repeat-x;*/
	/*background-color:#191919;*/
	background-color:#000000;
}

#header {
	width:960px;
	height:200px;
	margin:0 auto;
	position:relative;
}

#home #header {height:285px;}

#home h1 {border:none;}

#banner {
	background-image:url('images/banner.jpg');
	background-repeat:no-repeat;
	width:360px;
	height:161px;
	position:absolute;
	top:0;
	left:0;
}

#banner a {
	border:none;
	display:block;
	width:100%;
	height:100%;
}

#banner h1 {display:none;}

#menu {
	margin:0;
	list-style-type:none;
	position:absolute;
	right:0;
	top:0;
}

#menu li {
	margin:0;padding:0;
	display:block;
	float:left;
	margin-left:5px;
	width:92px;
	height:119px;
}

#menu a {
	border:none;
	display:block;
	width:100%;
	height:100%;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	background-repeat:no-repeat;
	background-image:url('images/menu.gif');
	background-position:-200px -200px;
}

#menu a span {
	display:block;
	padding-top:88px;
}

#menu a:hover {background-position:0 0;}

#menu li.active a {
	border:none;background-position:0 -119px;}

#slogan {
	position:absolute;
	top:147px;
	left:34px;
	height:44px;
	width:915px;
	background-repeat:no-repeat;
	background-image:url('images/slogan.gif');
}

#slogan h2 {display:none;}

#caption {
	position:absolute;
	left:175px;
	bottom:0;
	text-align:right;
	color:#9d9d9d;
	width:280px;
	height:60px;
}

#caption h1 {
	font-family:Helvetica, Arial, sans-serif;
	color:#ffffff;
	font-weight:bold;
	font-size:24px;
	margin:0;
}

#caption strong {
    display:block;
    color:#787878;
    font-weight:normal;
}

#screenshot {
	position:absolute;
	right:80px;
	bottom:-234px;
}

#screenshot .browser-old {
    width:408px;
    height:412px;
    background-image:url('images/browser.png');
    background-repeat:no-repeat;
}

#screenshot .browser {
    background-color:#2c2b2b;
	width:396px;
	width:396px;
    height:300px;

    position:relative;
}

#screenshot a {
    position:absolute;
    top:5px;
    left:-5px;

	border:none;
	display:block;

	background-image:url('images/featured-tech9.jpg');
	/*background-position:0 19px;*/
	background-position:top;
	background-repeat:no-repeat;
	width:396px;
    height:300px;

	filter:alpha(opacity=90);
	opacity:0.9;
	-moz-opacity:0.9;
}


#screenshot a:hover {
	/*bottom:-220px;*/
	filter:alpha(opacity=100);
	opacity:1;
	-moz-opacity:1;
}

#panel-container {
	z-index:1;
	position:relative;
	background-image:url('images/panel-middle-noshadow.png');
	height:254px;
	background-position:center;
}


#home #panel-container {
	background-image:url('images/panel-middle.png');
}

#panel {
	color:#fff;
	position:relative;
	z-index:1;
	width:960px;
	height:100%;
	margin:0 auto;
	background-position:center;
	background-image:url('images/panel-middle-noshadow.png');
}


#buttons {
	position:absolute;
	left:333px;
	top:128px;
}

#buttons a {
	border:none;
	margin-bottom:2px;
}

a.button-dark {
	display:block;
	width:269px;
	height:43px;
	background-image:url('images/buttons.png');
	background-position:0 -45px;
	color:#fff;
	text-decoration:none;
	font-size:24px;
	font-weight:bold;
}

a.button-dark:hover {background-position:0 0;}

a.button-dark span {
	display:block;
	padding-top:7px;
	padding-left:20px;
}

#panel h1 {
	margin:0;
	border:none;
}

#panel a {
	color:#fff;
	font-weight:bold;
	border-color:#CCCCCC;
}

#pricing {
	padding-top:50px;
	padding-left:20px;
	width:270px;
}

#pricing h1 {
	font-size:36px;
	font-weight:bold;
}

#pricing ul {
	font-size:14px;
	margin:0;padding:0;
	margin-top:10px;
}

#pricing ul li {
	margin:0;padding:0;
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:6px;
	position:relative;
}

#pricing ul li span {
	position:absolute;
	font-weight:bold;
	right:0;
	color:#aacf70;
	text-align:right;
}

#pricing ul li.more {
	text-align:right;
}

#quote {
	position:absolute;
	left:656px;
	top:43px;
	width:304px;
	height:186px;
	background-image:url('images/button-quote.png');
}

#quote span {display:none;}

#quote a {
	border:none;display:block;height:120px;margin-top:40px;width:100%;}

#quote a:hover {
	background-image:url('images/button-quote.png');
	background-position:0 146px;
}

#content-container {
	background-color:#ffffff;
	margin-top:1px;
	border-top:2px solid #c0c0c0;
}

#content {
	width:920px;
	background-color:#ffffff;
	margin:0 auto;

	padding:20px;
	padding-top:28px;
	padding-bottom:28px;
	overflow:auto;
	overflow-y:hidden;
	color:#191919;
}

#content ul.overview {
	margin:0;
	padding:0;
	overflow:auto;
	list-style-type:none;
	padding:0;
	width:100%;
}

#content ul.overview li {
	list-style-type:none;padding:0;margin:0;
	width:29%;
	display:block;
	float:left;
	padding-right:45px;
}

#content ul.overview li.last {padding-right:0;}

#content ul.overview li h1 {
	margin-top:0px;
}

#content ul.overview li p {
	padding-left:76px;
	width:200px;
	background-repeat:no-repeat;
	background-position:0 center;
	text-indent:20px;
	/*text-align:justify;*/
}

#content .cash p {background-image:url('images/icon-cash.gif');}
#content .clock p {background-image:url('images/icon-clock.gif');}
#content .check p {background-image:url('images/icon-check.gif');}
#content .mail {background-image:url('images/icon-mail.gif');}
#content .twitter {background-image:url('images/icon-twitter.gif');}
#content .plan {background-image:url('images/icon-plan.gif');}
#content .design {background-image:url('images/icon-design.gif');}
#content .develop {background-image:url('images/icon-develop.gif');}
#content .manage {background-image:url('images/icon-manage.gif');}

#content div.technologies {
	float:left;
	width:48%;
	background-repeat:no-repeat;
	background-position:0 74px;
}

#content div.contact {
	float:left;
	width:48%;
	background-repeat:no-repeat;
	background-position:0 74px;
}


#content div.contact h2, #content div.clients h2, #content div.technologies  h2 {
	font-size:24px;
	border-bottom:1px dotted #999999;
	color:#191919;
	padding-bottom:8px;
}


#content div.contact form {
	padding-left:70px;
	padding-right:18px;
}
#content div.contact form label {
	display:block;
	padding-top:1px;
	padding-bottom:1px;
	font-weight:bold;
}
#content div.contact form input {
	height:20px;
}
#content div.contact form input, #content div.contact form textarea {
	width:350px;
	border:1px solid #bcbcbc;
	background-color:#f4f4f4;
}

#content div.contact form input:focus, #content div.contact form textarea:focus {
	background-color:#ffffff;
}

#content div.contact form textarea {
	height:100px;
}

#content div.contact form div {
	padding-top:2px;
	padding-bottom:6px;
}
/*
#content .contact .submit {text-align:right;}
#content .contact .submit input {
	width:108px;
	height:25px;
	padding:0;
	padding-bottom:2px;
	padding-left:10px;
	color:#ffffff;
	font-size:14px;
	text-align:left;
	background-image:url('images/button-small.gif');
	background-repeat:no-repeat;
	background-position:top left;
	border:none;
}
#content .contact .submit input:hover {
	background-image:url('images/button-small-over.gif');
}
*/
#content .contact .submit {text-align:right;}
#content .contact .submit input,#content .contact .submit input:focus {
	width:auto;
	height:auto;
	padding:3px;
	padding-left:0px;
	padding-right:0px;
	width:110px;
	color:#fff;
	border:1px solid #000;
	background-color:#333333;
}
#content .contact .submit input:hover {}



#content div.clients {
	float:right;
	width:48%;
}

#content div.clients p {
	margin-top:25px;
	text-align:center;
}

#footer {
	font-size:14px;
	width:920px;
	margin:0 auto;
	color:#ffffff;
	padding-bottom:50px;
	padding-top:30px;
	overflow:hidden;
}

#footer .copyright {
	margin-top:0;
	float:left;
	color:#9d9d9d;
	background-image:url('images/logo-blacknwhite.gif');
	background-repeat:no-repeat;
}

#footer .copyright strong {
	display:block;
	color:#ffffff;
	font-weight:bold;
	padding-left:110px;
	padding-top:9px;
	padding-bottom:6px;
}


#footer .navigation {
	float:right;
	margin-top:5px;
}

#footer .navigation ul {
	margin:0;padding:0;overflow:auto;}

#footer .navigation li {
	list-style-type:none;
	display:block;
	float:left;
	padding-left:20px;
}

#footer .w3c {
	text-align:right;
	padding-top:20px;
}

#footer a {
	border:none;
	text-decoration:none;
	color:#9d9d9d;
}
#footer a:hover {
	color:#ffffff;
}

/* PANELS */
.tab-container {
	overflow:hidden;
	padding-top:50px;
	position:relative;
	width:920px;
	margin:0;
}

.tab-container .tabs {
	position:absolute;
	top:0;
	left:0;
	/* background:transparent url('images/tabs-nav-bg.gif'); */
	background-color:#191919;
	border:none;
	height:43px;
	width:920px;
}

.tab-container .tabs ul {
	padding:0;
	width:800px;
	margin:0 auto;
}

.tab-container .tabs li {
	padding:0;
	margin:0;
	list-style-type:none;
	display:block;
	float:left;
	left:auto;
	top:auto;
	opacity:1;
	position:static;
}

.tab-container .tabs li a {
	display:block;
	padding:18px;
	padding-top:12px;
	padding-bottom:12px;
}

.tab-container .tabs li a:hover {
	/*
	background-color:#88d247;
	color:#000;
	*/

	background-color:#363636;
	color:#ffffff;
	border:none;
}

.tab-container .tabs li.active a {
	/*
	background-color:#fff;
	border-top:5px solid #000;
	color:#000;
	margin-top:1px;
	padding-top:9px;
	padding-bottom:9px;
	*/

	background-color:#88d247;
	color:#000;
}

.tab-container .tabs .arrows {
	position:relative;
}

.tab-container .tabs a {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	border:none;
}

.tab-container .tabs a.previous, .tab-container .tabs a.next {
	background:#ffffff url('images/arrows.gif') no-repeat left center;
	display:block;
	height:100%;
	left:0px;
	top:0;
	position:absolute;
	text-decoration:none;
	border:none;
	text-indent:-5000px;
	width:40px;
}

.tab-container .tabs a.next {
	position:absolute;
	left:880px;
	background:#ffffff url('images/arrows.gif') no-repeat -64px;
}

.tab-container .panels {
	position:relative;
	/*background-color:#f4ffe9;*/
	width:9000px;
}

.tab-container .panel {
	float:left;
	height:620px;
	width:860px;
	padding:0 30px 0 30px;
	position:relative;
}

/* cols */

.cols-2, .cols-4 {
	overflow:auto;
}

.cols-2 > div {
	width:45%;
	float:left;
	margin-right:45px;
}

.right {float:right;margin-right:0;}

.cols-2 p {

}

.cols-4 > div {width:25%;float:left;}

#our-team .cols-2 h4 {
	margin:0;
}

#our-team .cols-2 div {
	position:relative;
}

#our-team .cols-2 div.actions {
	margin:0;
	position:absolute;
	right:0;
	top:0;
}

#our-team .cols-2 div.actions a {
	border:none;
	background-repeat:no-repeat;
	float:right;
	display:block;
	width:45px;
	height:40px;
	background-position:center;
}
#our-team a.twitter {
	background-image:url('images/icon-twitter-small.gif');
}
#our-team a.mail {
	background-image:url('images/icon-mail-small.gif');
}
#our-team .cols-2 div.actions a span {display:none;}
#our-way .cols-4 p {
	text-indent:20px;
	padding-right:20px;
}
#our-way .cols-4 h3 {
	margin-top:0px;
	font-size:20px;
	font-weight:bolder;
	background-repeat:no-repeat;
	padding-left:58px;
	padding-top:14px;
	padding-bottom:20px;
}

/* contact us */
#contact-us div.cols-2 > div {
	margin:0;
	width:60%
}

#contact-us div.cols-2 .right {
	width:35%;
	float:right;
}

#contact-us h2 {
	margin-top:0;
}

#contact-us h3 {
	margin-top:30px;
	margin-bottom:6px;
	font-size:24px;
	font-weight:bolder;
}

#contact-us .cols-2 .right {
	margin-top:-25px;
}

#contact-us ul.im {
	font-size:0.9em;
}

#contact-us ul.im li {
    list-style-position:outside;
	display:block;
	background-position:left center;
	list-style-type:none;
	background-repeat:no-repeat;

	padding-top:1px;
	padding-right:0;
	padding-bottom:2px;
	padding-left:30px;
}

.aim {background-image:url('images/im_aim.gif');}
.gtalk {background-image:url('images/im_gtalk.gif');}
.icq {background-image:url('images/im_icq.gif');}
.msn {background-image:url('images/im_msn.gif');}
.skype {background-image:url('images/im_skype.gif');}
.yahoo {background-image:url('images/im_yahoo.gif');}

/* our work */

/*
#our-work .nav {
	position:absolute;
	top:240px;
	left:160px;
	z-index:1;
	width:70px;
}
*/


#our-work .nav {
	margin-top:20px;
	width:120px;
	float:right;
}
#our-work .nav a span { display:none; }

#our-work .nav a {
	display:block;
	width:52px;
	height:43px;
	border:none;
}

#our-work .previous {
	float:left;
	background-image:url('images/arrows.gif');
}
#our-work .next {
	float:right;
	background:url('images/arrows.gif') no-repeat -52px 0;
}

#our-work .cols-2 h3 {
	font-weight:bolder;
	font-size:26px;
}

#our-work .cols-2 > div.left {
	margin-top:60px;
	width:35%;
	text-align:right;
}

#our-work .cols-2 > div {
	width:55%;
}


img.screenshot {
    background-image:url('portfolio/screenshot-bg.jpg');
    padding:18px;
    background-repeat:no-repeat;
}