/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#464646;
	letter-spacing:0.1em;
	background:#ececec url(../images/base/gradient-background.jpg) repeat-x;
}

a, .arrow, .arrowdown{
	text-decoration:none;
	color:#1fa4df;
}

a:hover, .arrow:hover, .arrowdown:hover{
	border-bottom:dashed 1px #96d90f;
}

.arrow:before{
	content:url(../images/base/arrow.png);
}
.arrow:hover:before{
	content:url(../images/base/arrowGreen.png);
}
.arrowdown:before{
	content:url(../images/base/arrowDown.png);
}
.arrowdown:hover:before{
	content:url(../images/base/arrowGreenDown.png);
}
.container{
	position:relative;
	float:none;
	margin:10px auto;
	width:882px;
	overflow:hidden;
}

/* Begin Header */
#header{
	position:relative;
	float:left;
	left:-20px;
	width:920px;
}
	#header #logo{
		position:relative;
		float:left;
		margin-top:5px;
		border:none;
	}
	#header #menuContainer{
		position:relative;
		float:right;
		margin-top:25px;
	}
	#header #menuContainer li{
		position:relative;
		float:left;
		list-style:none;
	}
		#header #menuContainer li a{
			position:relative;
			float:left;
			margin:10px 6px;
			padding:8px 8px;
			font-size:16px;
			letter-spacing:.1em;
			text-decoration:none;
		}
		#header #menuContainer li a:hover{
			border:none;	
		}
			#header #menuContainer li.active a, #header #menuContainer li.active a span.bg_fade{
				color:#ffffff;
				background:#1fa4df;
			}
			#header #menuContainer li.inactive a{
				color:#b3b3b3;
			}
			#header #menuContainer li.inactive a:hover,#header #menuContainer li.inactive a span.bg_fade{
				color:#ffffff;
				background:#87cae7;
				border:none;
			}
/* End Header */

/* Begin Main Body */
.whiteContainer{
	position:relative;
	float:left;
	width:840px;
	min-height:100px;
	margin-top:20px;
	padding:20px;
	background:#ffffff;
	border:dashed 1px #cdcdcd;
}
h2{
	font-size:18px;
}
.headline{
	color:#1fa4df;
	font-weight:normal;
	margin-top:0px;
	font-weight:normal;
}
.subheadline{
	/*color:#93d70a;*/
	color:#1fa4df;
	font-weight:normal;
	margin-top:12px;
	font-size:14px;
	font-weight:normal;
}
/* End Main Body */

/* Begin Services */
.services .left{
	position:relative;
	float:left;
	width:50%;
	line-height:1.4em;
}
.services .left p{
	padding-bottom:12px;
	border-bottom:1px solid #cdcdcd;
}
.services .right{
	position:relative;
	float:right;
	width:40%;
}
/* End Services */

/* Begin About */
.about #left{
	position:relative;
	float:left;
	width:50%;
	line-height:1.4em;
}
.about #right{
	position:relative;
	float:right;
	width:40%;
	line-height:1.4em;
}
.about #bottom{
	position:relative;
	float:left;
	margin:20px 0px 0px -20px;
	padding:20px 20px 0px 20px;
	width:840px;
	border-top:1px dashed #cdcdcd;
}
	.about #bottom .testimonial{
		position:relative;
		float:left;
		margin-right:15px;
		padding:10px;
		width:248px;
		line-height:20px;
		letter-spacing:normal;
		border:1px solid #cdcdcd;
		background:url(../images/about/testimonialBG.jpg) repeat-x bottom;
	}
	.about #bottom .testimonial p{
		padding-top:0px;
		margin-top:0px;
	}
		.about #bottom .testimonial p .startQuote, .about #bottom .testimonial p .endQuote{
			position:relative;
			font-style:normal;
			line-height:20px;
		}
	.about #bottom .testimonial p.source{
		padding:0px;
		margin:0px;
		text-align:right;
		font-size:12px;
		color:#1fa4df;
	}
		.about #bottom .testimonial p.source .name{
			font-weight:bold;
		}
		.about #bottom .testimonial p.source .title{
			font-style:italic;
		}

/* Begin Home */
.home #motto{
	position:relative;
	float:left;
	top:-5px;
	width:100%;
	height:78px;
	text-align:center;
}
	.home #motto #proposal{
		position:absolute;
		float:none;
		top:42px;
		left:200px;
		width:196px;
		height:30px;
		margin-left:50%;
		background:url(../images/home/proposal.png) no-repeat;
		background-position:0px 0px;
	}
	.home #motto #proposal:hover{
		border:none;
		background-position:0px -30px;
	}

.home#center{
	position:relative;
	float:left;
	width:100%;
	border-top:1px dashed #cdcdcd;
	border-bottom:1px dashed #cdcdcd;
	/*background:#d2d1d6 url(../images/home/bg.jpg) no-repeat center;*/
	background:url(../images/home/background.jpg) no-repeat center top #00131C;
}

.home #computerContainer{
	position:relative;
	float:left;
	width:100%;
	height:456px;
	margin-top:15px;
	background: url(../images/home/laptop.png) no-repeat;
	background-position: 40px 0px;
}
	.home #computerContainer #arrowLeft, .home #computerContainer #arrowRight{
		position:absolute;
		float:none;
		top:167px;
		width:56px;
		height:56px;
		cursor:pointer;
		border:none;
		text-decoration:none;
		background:url(../images/home/arrows.png) no-repeat;
	}
	
	.home #computerContainer #arrowLeft{
		margin-left:50%;
		left:-368px;
		background-position:0px 0px;
	}
	
	.home #computerContainer #arrowRight{
		margin-left:50%;
		left:308px;
		background-position:-56px 0px;
	}
	
	.home #computerContainer #arrowLeft:hover{
		background-position:0px -56px;
	}
	.home #computerContainer #arrowRight:hover{
		background-position:-56px -56px;
	}

	.home #computerContainer .container{
		position:absolute;
		float:none;
		top:19px;
		left:-275px;
		width:542px;
		height:338px;
		margin-left:50%;
		background:#191919;
		overflow:hidden;
		border:none;
	}
	
	.home .slides{
		position:absolute;
		float:none;
		top:0px;
		left:0px;
		border:none;
	}
		.home #computerContainer .slides img{
			border:none;
			width:542px;
			height:338px;
		}
.home .whiteContainer{
	border-top:none;
}
.home .whiteContainer .leftContainer{
	position:relative;
	float:left;
	width:604px;
	border-right:dashed 1px #cdcdcd;
}
.home .whiteContainer .left{
	position:relative;
	float:left;
	width:562px;
	padding:20px 20px 0px 20px;
	border-bottom:dashed 1px #cdcdcd;
}
	.home .whiteContainer .left p{
		line-height:1.4em;
	}
.home .whiteContainer .right{
	position:relative;
	float:left;
	width:253px;
	padding:20px 0px 0px 22px;
	background:url(../images/home/rightSideBG.jpg) no-repeat;
}
	.home .boxgrid{
		position:relative;
		float:left;
		width: 225px;
		height: 147px;
		margin:21px 18px 0px 0px;
		background:#FFFFFF;
		border: solid 1px #cdcdcd;
		overflow: hidden;
	}
		.home .boxgrid img.portfolioImage{
			width:225px;
			height:171px;
			top:-12px;
		}
		.home .captionfull .boxcaption {
			top: 147px;
			left: 0;
		}
	
	.home .right p{
		position:relative;
		float:left;
		margin-top:20px;
	}
	
/* End Home */

/* Begin Footer */

#footer{
	position:relative;
	float:left;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:10px;
	text-align:right;
}
/* End Footer */

 /* Begin Portfolio */
.portfolio .whiteContainer{
	padding:0px;
	width:880px;
	border-bottom:none;
}
.portfolio .whiteContainer .headline{
	margin-bottom:0px;
	padding-bottom:0px;
}
.portfolio .portfolioType{
	position:relative;
	float:left;
	padding:20px 11px 20px 20px;
	width:849px;
	border-bottom:dashed 1px #cdcdcd;
}
	.portfolio .boxgrid{
		position:relative;
		float:left;
		width: 272px;
		height: 207px;
		margin:9px 9px 0px 0px;
		background:#FFFFFF;
		border: solid 1px #cdcdcd;
		overflow: hidden;
	}
	.boxgrid img{
		position: absolute;
		top: 0px;
		left: 0px;
		border:none;
	}
	.boxcaption{
		float: left;
		position: absolute;
		background: #000;
		height: 100px;
		width: 100%;
	}
	.portfolio .captionfull .boxcaption {
		top: 207px;
		left: 0;
	}
	.boxcaption h3{
		padding:1px 3px;
		margin:0px;
		font-size:14px;
		line-height:normal;
	}
	.boxcaption h5{
		padding:1px 3px;
		margin:0px;
		line-height:normal;
	}
	.boxcaption p{
		padding:0px 3px 3px 3px;
	}

.portfolio .portfolioTop{
	position:relative;
	float:left;
	padding:20px;
	width:840px;
	border-bottom:dashed 1px #cdcdcd;
	background:url('../images/portfolio/background.jpg') repeat-x bottom;
}
	.portfolio .portfolioTop .proposal{
		position:absolute;
		top:-26px;
		left:717px;
		width:163px;
		height:25px;
		background:url(../images/portfolio/proposalRequest.png) no-repeat #fff;
		background-position: 0px 0px;
		border:1px dashed #cdcdcd;
		border-bottom:none;
	}
	.portfolio .portfolioTop .proposal:hover{
		background-position: 0px -25px;
		border:none;
	}
.portfolio .container{
	position:relative;
	float:left; 
	margin:20px 103px 0px 103px;
	width:632px; 
	height:410px; 
	border:1px solid #cdcdcd;
	overflow:hidden; 
}
	.portfolio .container .slides { 
		position:absolute; 
		top:0; 
		left:0; 
	}
		.portfolio .container .slides div { 
			position:absolute; 
			top:0; 
			width:632px; 
			height:410px;
			display:none;
		}
		
.portfolio #reflection{
	position:relative;
	float:left;
	margin:0px 103px;
	width:634px;
	height:26px;
}
.portfolio #loopedSlider #arrowLeft, .portfolio #loopedSlider #arrowRight{
	position:absolute;
	top:220px;
	width:56px;
	height:56px;
	cursor:pointer;
	border:none;
	text-decoration:none;
	background:url(../images/home/arrows.png) no-repeat
}
	.portfolio #loopedSlider #arrowLeft{
		margin-left:50%;
		left:-392px;
		background-position:0px 0px;
	}
	
	.portfolio #loopedSlider #arrowRight{
		margin-left:50%;
		left:338px;
		background-position:-56px 0px;
	}
	
	.portfolio #loopedSlider #arrowLeft:hover{
		background-position:0px -56px;
	}
	.portfolio #loopedSlider #arrowRight:hover{
		background-position:-56px -56px;
	}

.portfolio #loopedSlider ul.pagination {
	list-style-type:none; 
	margin:0px;
	padding:0px;
	text-align:center;
}
	.portfolio #loopedSlider ul.pagination li {
		margin:10px 5px 0px 5px;
	}	
	.portfolio #loopedSlider ul.pagination a { 
		display:block; 
		width:12px;
		height:18px;
		overflow:hidden;
		background:url(../images/portfolio/portfolioButtons.png) no-repeat;
		background-position: 0px 0px;
		border:none;
	}
	.portfolio #loopedSlider ul.pagination li.active a {
		background-position:0px -18px;
	}
.portfolio .whiteContainer .headline{
	padding-top:0px;
	margin-top:0px;
}			
.portfolio .whiteContainer .left{
	position:relative;
	float:left;
	width:562px;
	padding:20px 20px 0px 20px;
	border-right:dashed 1px #cdcdcd;
	line-height:20px;
}
.portfolio .whiteContainer .right{
	position:relative;
	float:left;
	left:-2px;
	width:233px;
	padding:20px 20px 20px 22px;
	line-height:20px;
}
	.portfolio .whiteContainer .right ul{
		margin:5px 0px 0px 2px;
		padding:0px;
		font-size:12px;
		line-height:16px;
	}
	.portfolio .whiteContainer .right ul li{
		padding:4px 0px;
		list-style:none;
	}
	
	.portfolio .whiteContainer .right p{
		font-size:12px;
		margin:5px 0px 0px 0px;
		padding:0px;
	}
.portfolio .whiteContainer .prevNext{
	position:relative;
	float:left;
	width:840px;
	padding:4px 20px 7px 20px;
	border-bottom:1px dashed #cdcdcd;
}
	.portfolio .whiteContainer .prevNext#bottom{
		border-top:1px dashed #cdcdcd;
	}

	.portfolio .whiteContainer .prevNext #prev{
		float:left;
		color:#858585;
	}
	.portfolio .whiteContainer .prevNext #prev:hover{
		color:#1fa4df;
		border-bottom:none;
	}
	.portfolio .whiteContainer .prevNext #prev:before{
		content:url(../images/base/arrowLeft.png);
	}
	.portfolio .whiteContainer .prevNext #prev:hover:before{
		content:url(../images/base/arrowGreenLeft.png);
	}
	
	.portfolio .whiteContainer .prevNext #next{
		float:right;
		color:#858585;
	}
	.portfolio .whiteContainer .prevNext #next:hover{
		color:#1fa4df;
		border-bottom:none;
	}
	.portfolio .whiteContainer .prevNext #next:before{
		content:'';
	}
	.portfolio .whiteContainer .prevNext #next:after{
		content:url(../images/base/arrowRight.png);
	}
	.portfolio .whiteContainer .prevNext #next:hover:after{
		content:url(../images/base/arrowGreenRight.png);
	}
	
/* End Portfolio */

/* Begin Contact */
.contact .whiteContainer{
	width:880px;
	padding:0px;
}
.contact .whiteContainer .left{
	position:relative;
	float:left;
	width:233px;
	min-height:520px;
	padding:20px 20px 20px 22px;
	border-right:1px dashed #cdcdcd;
}
.contact .whiteContainer .left .info{
	position:relative;
	float:left;
	width:233px;
	border-bottom:1px solid #e6e6e6;
}
	.contact .whiteContainer .left p{
		line-height:1.4em;
	}
	.contact .whiteContainer .left p .arrow, .contact .whiteContainer .left p .noarrow, .contact .whiteContainer .left p .arrowdown{
		cursor:pointer;
	}
.contact .whiteContainer .right{
	position:relative;
	float:left;
	left:-2px;
	width:563px;
	padding:20px 18px 20px 22px;
}
.contact #emailUs{
	position:relative;
	float:left;
	width:564px;
	border:1px solid #cdcdcd;
}
	.contact #emailUs label{
		float:left;
		display:block;
		height: 30px;
		line-height: 30px;
		margin: 22px 30px 22px 10px;
		padding:0px;
		text-align: right;
		width: 110px;
	}
	.contact #emailUs label.error { 
		position:relative;
		float:left;
		height:auto;
		width:auto;
		margin:2px 5px;
		line-height:normal;
		text-align:left;
		color: #1fa4df;
		font-size:12px; 
	
	}
	.contact #emailUs input[type="text"], .contact #emailUs textarea{
		float:right;
		width:390px;
		border:1px solid #cdcdcd;
		padding:6px;
		margin:20px 10px 0px 0px;
		font-size:16px;
		color:#464646;
		font-family:Helvetica, Arial, sans-serif;
	}
	.contact #emailUs textarea{
		height:230px;
	}
	.contact #emailUs .submit{
		float:right;
		margin:10px 10px 10px 0px;
		width:130px;
		height:30px;
		text-indent:150px;
		overflow:hidden;
		background:url('../images/contact/submit.png') no-repeat;
		background-position:0px 0px;
		cursor:pointer;
		border:none;
	}
	.contact #emailUs .submit:hover{
		background-position:0px -30px;
	}
	.contact #emailUs .row{
		position:relative;
		float:left;
		width:564px;
		border-bottom:1px solid #cdcdcd;
		background:#f8f8f8;
	}
	
.contact #tweets{
	position:relative;
	font-size:12px;
	line-height:16px;
	padding:2px 5px;
	border:1px solid #cdcdcd;
	background:#FDFDFD;
}
	.contact #tweets ul{
		padding:0px;
		margin:0px;
		list-style:none;
	}
		.contact #tweets ul small{
			position:relative;
			display:block;
		}
.contact #tweetHolder p, .contact #googlemapHolder p{
	margin-top:5px;
	padding-left:4px;
	font-size:12px;
	line-height:16px;
}	
.contact #tweetHolder p a img, #googlemapHolder p a img{
	border:none;
}
.contact #tweetHolder, .contact #googlemapHolder, .contact #googlechat, .contact #googlevoice{
	display:none;
}
/* End Container */

/* Begin Disabled JS */
.noscriptMessage{
	display:none;
}
.noscript .container, .noscript .home{
	display:none;
}
.noscript .noscriptMessage{
	display:block;
	position:relative;
	width:840px;
	height:80px;
	padding:20px;
	margin:10px auto;
	background:#ffffff;
	border:dashed 1px #cdcdcd;
}
/* End Disabled JS */

/* Begin Proposal */
.proposal .whiteContainer{
	width:880px;
	padding:0px;
}
.proposal .left{
	position:relative;
	float:left;
	width:233px;
	min-height:520px;
	padding:20px 20px 20px 22px;
}
	.proposal .left .info{
	position:relative;
	width:231px;
	border:1px solid #e6e6e6;
}
	.proposal .left p{
		margin:10px;
		line-height:18px;
		font-size:12px;
	}
.proposal .right{
	position:relative;
	float:left;
	left:-1px;
	width:563px;
	padding:20px 18px 20px 22px;
	border-left:1px dashed #cdcdcd;
}
.proposal form{
	position:relative;
	float:left;
	width:564px;
	border:1px solid #cdcdcd;
}
	.proposal label{
		float:left;
		display:block;
		height: 30px;
		line-height: 20px;
		margin: 26px 30px 26px 10px;
		padding:0px;
		text-align: right;
		width: 110px;
	}
	.proposal label.error { 
		position:relative;
		float:left;
		height:auto;
		width:auto;
		margin:2px 5px;
		line-height:normal;
		text-align:left;
		color: #1fa4df;
		font-size:12px; 
	
	}
	.proposal input[type="text"], .proposal select, .proposal textarea{
		float:right;
		width:390px;
		border:1px solid #cdcdcd;
		padding:6px;
		margin:20px 10px 0px 0px;
		font-size:16px;
		color:#464646;
		font-family:Helvetica, Arial, sans-serif;
	}
	.proposal textarea{
		height:230px;
		margin-bottom:20px;
	}
	.proposal select{
		width:402px;
	}
	.proposal .submit{
		float:right;
		margin:10px 10px 10px 0px;
		width:177px;
		height:30px;
		text-indent:150px;
		overflow:hidden;
		background:url('../images/proposal/send.png') no-repeat;
		background-position:0px 0px;
		cursor:pointer;
		border:none;
	}
	.proposal .submit:hover{
		background-position:0px -30px;
	}
	.proposal .row{
		position:relative;
		float:left;
		width:564px;
		border-bottom:1px solid #cdcdcd;
		background:#f8f8f8;
	}