body { 
	margin: 0;
	padding: 0;
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #123;
	text-align: center;
	background:  #171b1e;
	}
												
.container { 
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	position: relative;
	z-index: 1;
	}
	
.lColumn { float: left;	}
.rColumn { float: right; }
.rColumnDupli { float: right; text-align:right; margin:0px; padding:0px; height:30px; }
			
.lColumnTop { position:relative; width:150px;  top:0px;}

#midSection .rColumn .erowTab {
float:left;
margin-left:5px;
padding:15px 0 15px 40px;
width:200px;
}
#midSection .rColumn .erowTab ul {
float:left;
list-style:none outside none;
margin:0;
padding:0;
}
#midSection .rColumn .erowTab ul li {
float:left;
font-size:13px;
font-weight:bold;
margin:0;
padding:0;
width:auto;
}
#midSection .rColumn .erowTab ul li a {
background:url(../images/common/ritetab-erow.gif) no-repeat scroll left top transparent;
color:#666666;
float:left;
margin:0;
padding:10px 12px 10px 20px;
width:auto;
}
#midSection .rColumn .erowTab ul li a:hover {
background:url(../images/common/ritetab-erow.gif) no-repeat scroll 0 bottom transparent;
color:#FFFFFF;
}
#midSection .rColumn .erowTabR {
float:left;
margin-left:5px;
padding:15px 0;
width:30px;
}
#midSection .rColumn .erowTabR ul {
float:left;
list-style:none outside none;
margin:0;
padding:0;
width:30px;
}
#midSection .rColumn .erowTabR ul li {
float:left;
font-size:13px;
font-weight:bold;
margin:0;
padding:0 10px 0 0;
width:auto;
}
#midSection .rColumn .erowTabR ul li a {
background:url(../images/common/rtEro.gif) no-repeat scroll right top transparent;
color:#666666;
float:left;
margin:0;
padding:10px 15px 10px 10px;
width:auto;
}
#midSection .rColumn .erowTabR ul li a:hover {
background:url(../images/common/rtEro.gif) no-repeat scroll right bottom transparent;
color:#FFFFFF;
}
#midSection .rColumn .rt-border {
background:url(../images/common/bot-brd.gif) no-repeat scroll right top transparent;
color:#666666;
float:left;
font-family:Tahoma,Arial,sans-serif;
margin-left:5px;
padding:3px 0 15px 40px;
width:266px;
}





/*  TOP-SECTION STYLES 
---------------------------------------------------------------------*/
	
#topSection { 
	width: 100%;
	margin: 0; 
	padding: 0 0 28px 0;
	position: relative;
	background: #171b1e url(../images/common/bg-topSection.gif) repeat-x left bottom; 
	}
	
#topSectionBackground { 
	background: transparent url(../images/common/bg-topSectionBackground.gif) no-repeat center top;
	}
	
#topBar { 
	font-size: 10px;
	line-height: 12px;
	padding: 13px 0;
	border-bottom: 1px solid #21272b;
	margin-bottom: -1px;
	}
		
	#topBar ul { 
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
	#topBar ul li { 
		float: left;
		color: #AAA;
		padding: 0 8px 0 0;
		margin: 0 8px 0 0;
		border-right: 1px solid #AAA;
		}

	#topBar ul li.last { 
		padding: 0;
		margin: 0;
		border-right: none;
		}
		
	#topBar .lColumn { width: 400px; }
	#topBar .rColumn { width: 400px; }
		
		#topBar .lColumn a { color: #CCC; }
		#topBar .lColumn a:hover, #topBar .lColumn .active a { color: #38a; }
				
		#topBar .rColumn ul { float: right; }
		#topBar .rColumn a { color: #AAA; }
		#topBar .rColumn a:hover { color: #38a; }
		
#menuBar { 
	font-size: 11px;
	line-height: 12px;
	padding: 52px 0 0px 0;
	height:80px;
	margin: 0px;
	background: transparent;
	}
	
	#menuBar.menuBarHome { background: transparent url(../images/common/bg-menuBar.gif) repeat-x left bottom; position:relative;}
	
	#menuBar ul { 
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
	#menuBar ul li { 
		float: left;
		color: #AAA;
		padding: 0;
		text-transform: uppercase;
		}
				
	#menuBar .lColumn { width: 240px; }
	#menuBar .rColumn { width: 640px; }
		
		#menuBar .lColumn a { 
			width: 240px;
			height: 23px;
			display: block;
			background: transparent url(../images/common/logo.gif) no-repeat;
			text-indent: -5000px;
			outline: none;
			}					
		
		#menuBar .rColumn ul { float: right; }
		
		#menuBar .rColumn a { 
			color: #FFF; 
			padding: 0 11px; 
			line-height: 23px;
			}
			
		#menuBar .rColumn a:hover { color: #38a; text-decoration:none; }
				
		#menuBar .rColumn li.active a { 
			background: transparent url(../images/common/bg-active1.gif) no-repeat left center;
			color: #b52;
			padding: 8px 0 8px 11px;
			text-transform: capitalize;
			font-weight: bold;
			margin: 0 10px;
			}

		#menuBar .rColumn li.active span.text { 
			background: transparent url(../images/common/bg-active2.gif) no-repeat right center;
			padding: 8px 11px 8px 0;
			}
		
		#menuBar .rColumn .lowercase { text-transform: lowercase; }
		#menuBar .rColumn li.last a { padding-right: 0; margin-right: 0; }
	


#flashBar {
padding:40px 0;
}

	

	
			
/*  MID-SECTION STYLES 
---------------------------------------------------------------------*/
	
#midSection {
	padding: 45px 0;
	background: #FFF url(../images/common/bg-midSection.gif) repeat-x left bottom;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #e8e8e8;
	margin: 0;
	}	
	
	#midSection .lColumn { width: 450px; }
	#midSection .rColumn { width: 350px; }
	
.contentRow { 
	clear: both; 
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #DDD;
	}
	
.contentRow-sub { 
	clear: both; 
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	}	
	
.cms-icon {
	width: 145px;
	float: left;
	}
	
.cms-icon img { border: 0; }	
	
	#midSection .contentRow .lColumn { width: 325px; }
	#midSection .contentRow .rColumn { width: 65px; margin-right: 10px; }
	
.lColumn-sub { 
	font-size: 12px;
	}
	
.lColumn-sub-contact { 
	font-size: 11px;
	}	
	
#midSection h2 a { color: #123; }	
#midSection h2 a:hover { color: #38a; }	

#midSection .last { border-bottom: none; margin-bottom: 0; }



/*  WORK-SECTION STYLES 
---------------------------------------------------------------------*/
	
#workSection {
	padding: 45px 0;
	background: #FFF;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #e8e8e8;
	margin: 0 0 0 0;
	}	
	
	#workSection img { margin-bottom: 5px;	margin-top: 15px; }
	#workSection img.first { margin-bottom: 5px; margin-top: 0px;}
	#workSection img.last { margin-bottom: 0; }
	#workSection img.single { margin-bottom: 10px; margin-top: 0px; }
	
#project-info {
	padding: 10px 0 25px 0;
	border-bottom: 1px solid #e8e8e8;
	}	
	
h2 .client-title { 
	color: #63727F;
	}	
	
.launch-link a {
	color: #63727F;
	}	
	
.launch-link a:hover {
	color: #09d;
	}	
	
#project-single-nav {outline: none;
	width: 140px;
	height: 22px;
	}	
	
#project-single-nav a:active , a:focus {outline: none;	}
	
#project-single-nav .prev {	width: 54px; height: 22px; float: left }	
#project-single-nav .next {	width: 54px; height: 22px; float: left }
#project-single-nav .back {	width: 25px; height: 22px; float: right }

#project-single-nav  img { border: 0; margin-top: 0;  }	



/*  TOOLS-SECTION STYLES 
---------------------------------------------------------------------*/
	
#toolsSection {
	border-top: 1px solid #FFF;
	padding: 45px 0;
	background: #f5f5f5 url(../images/common/bg-toolsSection.gif) repeat-x left bottom;
	margin: 0;
	}
	
	#toolsSection a { margin: 0 4px; }



/*  BOTTOM-SECTION STYLES 
---------------------------------------------------------------------*/
	
#botSection {
	padding: 0;
	background: #171b1e url(../images/common/bg-botSection.gif) repeat-x;
	margin: 0 auto;
	color: #777;
	width:100%;float:left;
		
	}
	
	#botSection a {color: #8e8c8c; text-decoration:none;	}
	#botSection a:hover {color: #777; text-decoration:none;	}

#botSectionBackground { 
	padding: 0;
	position:relative;height:125px;
	background: transparent url(../images/common/bg-botSectionBackground.gif) no-repeat center 0;
	}
	
#botSection h2 { color: #FFF; }

#botSection .rColumn a {
	float: left;
	color: #AAA;
	padding: 0 8px 0 0;
	margin: 0 8px 5px 0;
	border-right: 1px solid #333;
	line-height: 12px;
	}

	#botSection .rColumn a.last { border-right: none; } 
	
	#botSection .rColumn a { color: #777; }
	#botSection .rColumn a:hover { color: #38a; }
	
#botSection .copyright {
	color: #444;
	font-size: 11px;
	padding-top: 35px;
	margin-bottom: 0;
	height: 65px;
	}
	
	#botSection .copyright a { color: #555; }
	#botSection .copyright a:hover { color: #38a; }

	#botSection .copyright .lColumn { width: 420px; }
	#botSection .copyright .rColumn { width: 300px; text-align: right; }
	
	.bar { margin: 0 5px; }
	

			
/*  BOTTOM EXPAND STYLES 
---------------------------------------------------------------------*/

	#botSection #aboutBox .lColumn { width: 420px; }
	#botSection #aboutBox .rColumn { width: 420px; }
	
	#aboutBox { 
		position: relative;
		z-index: 999;
		display: block;
		background: transparent url(../images/common/bg-botSectionBackgroundAbout.gif) no-repeat center 35px;
		
	/*padding: 0;
	background: transparent url(../images/common/bg-botSectionBackground.gif) no-repeat center 35px;*/
		
		}
	
	#aboutBox #aboutButton { 
		text-align: right;
		width: 900px;
		height: 35px;
		display: block;
		}

	#aboutBox #aboutContent { 
		width: 900px;
	  /*	height: 160px;*/
		height: auto;
		padding: 30px 0;
		display: block;
		}

	#aboutBox #aboutContent .row { 
		width: 900px;
		/*height: 160px;*/
		height: auto;
		display: block;
		}

	#aboutBox #aboutButton .expand { 
		height: 35px; 
		width: 27px;
		display: block;
		outline: none;
		float: right;
		}

/*  BOX STYLES 
---------------------------------------------------------------------*/

.box {
	width: 350px;
	padding: 10px 0 0 0;
	background-color: #f4f4f4;
	background-repeat: no-repeat;
	background-position: left top;
	color: #678;
	margin: 0 0 25px 0;
	}
	
.box-menu-title {
	width: 325px;
	height: 40px;
	padding: 5px 0 0 25px;
	background-image: url(../images/common/bg-box-menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: -10px 0 10px 0;
	color: #46474C;
	}
	
	.box-menu-title h2 { color: #46474C; font-size: 16px; }
	
	.menuBox a { color: #678; }
	.menuBox a:hover { color: #09d; }

.box .inside {
	padding: 0 25px 15px 25px;
	background-color: #f4f4f4;
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
.box p { margin: 0 0 5px 0; }
	
	.boxStyle1 { background-image: url(../images/common/bg-boxStyle1Top.gif); }
	.boxStyle1 .inside { background-image: url(../images/common/bg-boxStyle1Bottom.gif); }

	.boxStyle2 { background-image: url(../images/common/bg-boxStyle2Top.gif); }
	.boxStyle2 .inside { background-image: url(../images/common/bg-boxStyle2Bottom.gif); }
		
	
	#midSection .contactBox .lColumn { width: 40px; }
	#midSection .contactBox .rColumn { width: 255px; }

	#midSection .contactBox h1 { font: bold 25px/16px Tahoma, Arial, Helvetica, Verdana, sans-serif; color: #456; }
	
	#midSection .contactBox .dark { color: #123; }
	
	
	#midSection .blogBox .blogEntries .title a { color: #123; font-weight: bold; }
	#midSection .blogBox .blogEntries .title a:hover { color: #38a; }
	#midSection .blogBox .blogEntries .meta { font-size: 10px; margin-bottom: 15px; }
	#midSection .blogBox .blogEntries .description { height: 30px; overflow: hidden; display: block; }
	#midSection .blogBox .blogEntries p { margin: 5px 0; }
	#midSection .blogBox .inside { padding-bottom: 5px; }
	#midSection .blogBox .inside .blogEntries h4 a { color:#000000; }
	

	#midSection .testimonials { background: transparent; padding: 0; font-size: 14px; line-height: 22px; }
	#midSection .testimonials .inside { background: transparent url(../images/common/bg-testimonials.gif) no-repeat right bottom; padding: 0 25px 40px 25px; }

	#midSection .testimonials .quote { font-size: 10px; color: #234; }


/*  GENERAL STYLES 
---------------------------------------------------------------------*/

a { color: #09d; text-decoration: none; }
a:hover { color: #38a; }

.clear { clear: both; }

.centered { text-align: center; }

p { margin: 0 0 10px 0; }
h1,h2,h3,h4,h5,h6 { margin: 0 0 10px 0; }

h2 { 
	font: 18px/25px Tahoma, Arial, Helvetica, Verdana, sans-serif;	
	color: #123;
	font-weight: normal;
	height: auto;
	}
	
.tween { 
	clear: both;
	margin: 10px 0;
	border-top: 1px solid #CCC;
	/*border-bottom: 1px solid #FFF;*/
	height: 0;
	}

/*  CONTACT STYLES 
---------------------------------------------------------------------*/

.textField {
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 20px;
	}
	
.textArea {
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 20px;
	}	
	
.dropdown { 
	border: 1px solid #ccc; 
	padding: 5px;
	font-size: 11px;
	margin-bottom: 20px;
	}	
	
/*  BLOG STYLES 
---------------------------------------------------------------------*/		
	
.postmetadata {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 30px 0;
	clear: left;
	text-align: center;
	}	
	
.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

.post-title {
	margin-bottom: 0px;
	}	
	
.lColumn-blog {
	font-size: 12px;
	margin: 20px 0 0 0;
	}		



	
.node .content ul {
margin:0px;
padding-left:40px;
}

.node .content ul li {
list-style-type:disc;
padding:0px;
margin:0px;
}


.comment .links li {
text-align:left;
display:inline;
float:left;
width:50px;
padding-top:10px;
}

/*  PROJECT SLIDE 
---------------------------------------------------------------------*/		
	
.project-slide div { 
	float: right; 
	width: auto; 
	margin: 0; 
	padding: 0; 
	}
	
.project-slide ul {	
	float: right; 
	list-style: none;	
	margin: 0; 
	padding: 0; 
	}
	
.project-slide li { 
	float: left;
	}
	
.project-slide a { 
	float: left; 
	margin-left: 3px; 
	color: #63727F; 
	width: 17px; 
	text-align: center; 
	font-size: 10px; 
	background: url("../images/common/slide-button.jpg") no-repeat 0 0; 
	}	
	
.project-slide a.active { 
	background-color: #000; 
	background-position: 0 100%; 
	color: #FFF; 
	}
	
.project-slide a:hover { 
	background-color: #000; 
	background-position: 0 100%; 
	color: #FFF; 
	}


.inside .content ul {
margin:0;
padding:0px;
}


.inside .content ul li a {
font-weight:bold;
}

.item-list ul li {
list-style-image:none;
list-style-type:none;
padding:0 ;
margin:0;
}