﻿@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }

html { margin-bottom: 1px; min-height: 100%; font-size: 62.5%; } 

.accessibility { display:none; }

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	min-width: 1000px;
	line-height: 1.3;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
	font-size: 60%;
	_font-size:13px;
}

/*be nice to Opera*/ 

html>body {  
	font-size: small;
}

/*set some defaults which will apply across all browser*/

h1, h2, h3, h4, h5, h6, pre, blockquote, label, ul, ol, dl, fieldset, address, select, input, textarea, p{margin: 0 0 10px 0; }


p{    
	font-size: 78%;
}

/* para styles */
p.large{
    font-size: 120%;
	font-weight: 500;/*changed font weight*/
}

p.small{
   font-size: 0.9em;
}
p.minttwist {
	color: #fff;
	float: right;
}
	p.minttwist a, p.minttwist a:visited{
		color: #fff;
	}
	p.minttwist a:hover{
		text-decoration: underline;
	}
	
p.note {
	background-color: #EFEFEF;
	border: 1px solid #aaa;
	padding: 10px;
}

	
/* common tag settings */
fieldset {
	border: 1px solid #781351;
	width: 20em;
	padding: 0.5em;}

legend {
	color: #fff;
	background: #ffa20c;
	border: 1px solid #781351;
	padding: 2px 6px
} 

select, input, textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

label {margin: 0px 10px; float: left; 
}

hr {
	background: url(../_images/RHS_HR.gif) repeat-x;
	margin-top:15px;
}

#hr { 
	background: url(../_images/RHS_HR.gif) repeat-x;
	width: 100%;
	height: 10px;
	border: 0;
	margin: 15px 0 10px 0;
}
	#hr hr { 
		display:none;
	}

ul {
	list-style: square;
	padding-left: 15px;
}
ul.links {
	list-style: none;
	padding-left: 0;
}
	li {
		font-size: 75%;		
		margin-bottom: 5px;
	}
	ul.links li a{
		background: url(../_images/bullet_arrow.gif) no-repeat left;
		padding-left: 15px;
		font-size: 100%;
		text-decoration: none;
		color: #333;		
	}
	ul.links li a:hover{
		color: #669933;
		text-decoration: underline;		
	}

/*clear float code from http://www.positioniseverything.net/easyclearing.aspx*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
	clear: both; 
    visibility: hidden;
	border: 1px solid #0cc; 
}


/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}





/* helpful corrective classes */
.assistive{display: none;}
.clear{clear: both;}
.error {font-weight: bold;	color: #CC0000;}


/* header styles */

h1, h2{
    font-size: 150%;
	font-weight: 400;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Tahoma, Arial, Sans-Serif;
}


h3{
	color: #5B892E;
    font-size: 105%;
	border-bottom: 1px dotted #5B892E;
	padding-bottom: 5px;
	padding-top: 15px;
}

h3.sub-title {
	font-size:14px;
	font-weight:bold;
	border:0;
	padding:0;
	color:#333333;
	margin:-10px 0 20px 0;
}

h3.sub-title span {
	font-weight:normal;
}

h3.selltext{
	color: #666;
    font-size: 90%;
	_font-size:12px;
	border: none;
	padding-top: 0px;
}


h4{
    font-size: 75%;
    font-weight: 400;
	color: #333;
}

h5{
    font-size: 100%;
    font-weight: 700;
	color: #014f35;
}

h6{
    font-size: 100%;
    font-weight: normal;
	color: #666;
}


/* Link styles */
a, a:visited{
	color: #669933;
	text-decoration: underline;
	font-size: 100%;
}

#subnav a {
	text-decoration:none;
}

ul.subnavs {
	list-style-image:url(../_images/subnavs-arrow.gif);
}

ul.subnavs li a {
	text-decoration:none;
	font-size:11px;
	color:#333333;
}

	ul.subnavs li a.current {
		font-weight:bold;
		text-transform:uppercase;
}

	ul.subnavs li a:hover {
		text-decoration:underline;
}

a.xsl {
	color: #003896;
	background:url(../_images/logo_xsl.gif) no-repeat;
	padding: 2px 0  0 25px;
}
a.header_link {
	text-decoration:none;
	color: #fff;
	font-weight: 600;
	padding-right: 15px;
	background: url(../_images/arrow_navlink_head.jpg) no-repeat right;
	margin: 8px 22px 0 23px;
	float:right;
	font-size: 70%;
}
a.arrow_purple { 
	color: #663399;
	background: url(../_images/arrow_purple.gif) no-repeat top left;
	padding-left: 15px;
	font-size: 90%;
	text-decoration: none;
}
a.arrow_red { 
	color: #CC0000;
	background: url(../_images/arrow_red.gif) no-repeat top left;
	padding-left: 15px;
	font-size: 90%;
	text-decoration: none;
}
a.arrow_orange { 
	color: #FF6600;
	background: url(../_images/arrow_orange.gif) no-repeat top left;
	padding-left: 15px;
	font-size: 90%;
	text-decoration: none;
}
a.action { 
	color: #277B00;
	background: url(../_images/arrow_green.gif) no-repeat top left;
	padding-left: 15px;
	font-size: 100%;
	text-decoration: none;
	font-weight: 800;
}
a:hover, a:focus {
	background-color: Transparent;
	text-decoration:underline;
}

/* Main Div Properties */
#container{
	width: 940px;
	margin: 0px auto;
	text-align: left;
	font-size: 1.1em;
	position: relative;
}

#shadow {
	width:940px;
	padding:0;
	background:url(../_images/bg-shadow.png) repeat-y center;
}

#bottom-shadow {
	width:940px;
	margin:0 auto;
	height:25px;
	background:url(../_images/bottom-shadow.png) no-repeat top;
}

#mintTwist_logo {
	background: url(../_images/logo.png) no-repeat;
	height: 114px;
	width: 121px;
	margin-top: 20px;
	margin-bottom: -124px; 
	margin-left: 58px;
	z-index: 2; 
	position:relative;
}

/* reset HEADER height to auto for good browsers*/
html>body #header{height: auto;}

#header{
	margin: 0 auto;
	width: 960px;
	margin-top: 10px;
    padding: 0px;
    height: 101px;
	min-height: 101px;
}

	#header h1	{
		border: 1px solid #00f; 
	}

	#header p.homeLink	{
	border: 1px solid #00f;
		float: right;
		position: relative;
		left: -690px;
	}	

		#header p.homeLink a {
			border: 1px solid #0f0; */
			float: left;
			height: 55px;
			width: 200px;
			text-indent: -9000px;
		}	
#imagereplace_minttwist {
	width: 960px;
	margin-left: 15px;
	height: 69px;
	background: #222 url(../_images/header_bg.gif) no-repeat;
}

/* Main Nav */
div#nav {
	background: #222 url(../_images/nav_bg.jpg) repeat-x;
	height: 32px;
	color: #fff;
	width: 930px;
	margin-left: 15px;
}
ul#nav {
	color: #FFF;
	float:left;
	padding: 0;
	list-style: none;
	text-indent: 0;
	background: #5F605F;
	height: 32px;
	margin-left: 85px;
	*margin-left: 90px;
}
	
	ul#nav li{
		height: 32px;
		text-transform: uppercase;
		float: left;
		display: block;
	}

		ul#nav li.home a {
			width: 74px;
			height: 32px;
			display: block;
			background: #222 url(../_images/nav_home_01.jpg) no-repeat;
		}
			ul#nav li.home a.active {
				background: #222 url(../_images/nav_home_02.jpg) no-repeat;
			}
			ul#nav li.home a:hover {
				background: #222 url(../_images/nav_home_02.jpg) no-repeat;
			}
		ul#nav li.about a {
			background: #222 url(../_images/nav_about_01.jpg) no-repeat;
			width: 96px;
			height: 32px;
			display: block;
		}
			ul#nav li.about a.active {
				background: #222 url(../_images/nav_about_02.jpg) no-repeat;
			}
			ul#nav li.about a:hover {
				background: #222 url(../_images/nav_about_02.jpg) no-repeat;
			}
		ul#nav li.services a {
			background: #222 url(../_images/nav_services_01.jpg) no-repeat;
			width: 115px;
			height: 32px;
			display: block;
		}
			ul#nav li.services a.active {
				background: #222 url(../_images/nav_services_02.jpg) no-repeat;
			}
			ul#nav li.services a:hover {
				background: #222 url(../_images/nav_services_02.jpg) no-repeat;
			}
		ul#nav li.portfolio a {
			background: #222 url(../_images/nav_portfolio_01.jpg) no-repeat;
			width: 103px;
			height: 32px;
			display: block;
		}
			ul#nav li.portfolio a.active {
				background: #222 url(../_images/nav_portfolio_02.jpg) no-repeat;
			}
			ul#nav li.portfolio a:hover {
				background: #222 url(../_images/nav_portfolio_02.jpg) no-repeat;
			}
		ul#nav li.showcase a {
			background: #222 url(../_images/nav_showcase_01.jpg) no-repeat;
			width: 104px;
			height: 32px;
			display: block;
		}
			ul#nav li.showcase a.active {
				background: #222 url(../_images/nav_showcase_02.jpg) no-repeat;
			}
			ul#nav li.showcase a:hover {
				background: #222 url(../_images/nav_showcase_02.jpg) no-repeat;
			}
		ul#nav li.contact a {
			background: #222 url(../_images/nav_contact_01.jpg) no-repeat;
			width: 122px;
			height: 32px;
			display: block;
		}
			ul#nav li.contact a.active {
				background: #222 url(../_images/nav_contact_02.jpg) no-repeat;
			}
			ul#nav li.contact a:hover {
				background: #222 url(../_images/nav_contact_02.jpg) no-repeat;
			}

/* Text Size Nav */		
ul#textsize {
	color: #FFF;
	float:right;
	padding: 0;
	list-style: none;
	text-indent: 0;
	background: #5F605F;
	height: 32px;
}
	
	ul#textsize li{
		width: auto;
		height: 32px;
		text-transform: uppercase;
		float: left;
		display: block;
	}

		ul#textsize li.large a {
			width: 25px;
			height: 32px;
			display: block;
			background: url(../_images/textsize_lrg.jpg) no-repeat;
		}	
			ul#textsize li.large a:hover {
				background: url(../_images/textsize_lrg_02.jpg) no-repeat;
			}				
		
		
		ul#textsize li.small a {
			width: 35px;
			height: 32px;
			display: block;
			background: url(../_images/textsize_sml.jpg) no-repeat;
		}	
			ul#textsize li.small a:hover {
				background: url(../_images/textsize_sml_02.jpg) no-repeat;
			}				
		
		ul#textsize li.navend {
			width: 15px;
			height: 32px;
			background: url(../_images/nav_end.jpg) no-repeat;
		}			
		
		
/* CONTACT LAYOUT DIVS */
#pageShade {
	margin: 0 auto;
	width: 930px;
	min-height: 19px;
	position:relative;
	background:url(../_images/page-shade.png) no-repeat top center;
}
	#pageShade.rightCol{
		background: url(../_images/pageShade_hrz.jpg) no-repeat;
	}
	
	#pageShade.leftCol{
		background: url(../_images/bg-breadcrumbs.gif) no-repeat top center;
		overflow:auto;
	}

p.breadcrumbs {
	font-size:11px;
	padding:0 0 10px 0;
	line-height:1em;
	*line-height:normal;
}

p.breadcrumbs a, p.breadcrumbs a:visited {
	color:#777;
	text-decoration:none;
	border:1px solid #FFF;
	padding:1px;
}

p.breadcrumbs a:hover {
	text-decoration:none;
	border:1px solid #999;
	background:#CCC;
}

#pageShade p.para-indent {
	width:500px;
	margin-left:25px;
}

#pageShade p.para-indent a, #pageShade p.para-indent a:visited {
	color:#333333;
}
#pageShade p.para-indent a:hover {
	text-decoration:none;
}

#content {
	margin: 0 auto;
	width: 930px;
	overflow:hidden;
	*overflow:none;
}
#content.rightCol {
}
	#content #mainCol {
		padding: 10px 25px 15px 25px;
		width: 590px;
		float: left;
	}
	
	#content #mainCol h2{
		_font-size:24px;
}
	
	#content #mainCol.right {
		float: right;
		width:635px;
}

	#content #mainCol.portfolio-content {
		padding-right:40px;
		width: 890px;
}
	
	#content #mainCol.even #col1 {
		width: 270px;
		float:left;
		margin-right: 45px
	}
	#content #mainCol.even #col2 {
		width: 270px;
		float:left;
		margin-right: 0;
	}
	#content #rightCol {
		padding: 20px 15px 20px 15px;
		width: 260px;
		_overflow:hidden;
		float: left;
	}
	
	#portCol {
		padding: 10px 45px 15px 25px;
		width: 590px;
		float: left;
		background-image:url(../_images/port-main-content-bg-bottom.jpg);
		background-repeat:no-repeat;
		background-position:bottom right;
	}
	
#blue-panel {
	background:url(../_images/bg-blue-panel.gif) no-repeat top left;
	width:275px;
	padding:3px 10px 1px 10px;
}
	#blue-panel-wrap {
		width:275px;
		padding:0 0 10px 0;
		background:url(../_images/bg-blue-panel_bottom.gif) no-repeat bottom right;
		margin:20px 0;
}

#blue-panel img {
	margin:-5px 0 0 -9px;
	border-bottom:1px solid #9CC4E9;
	border-top:1px solid #9CC4E9;
}

h3.blue-panel-head {
	font-size:15px;
	color:#006666;
	font-weight:normal;
	border:0;
	margin:0;
	padding:0 0 20px 0;
}

#blue-panel h4 {
	font-size:13px;
	font-weight:bold;
	color: #5B892E;
	letter-spacing:-1px;
	margin:10px 0 5px 0;
}

#blue-panel h4 span {
	font-weight:normal;
	padding-left:10px;
	font-size:11px;
}
	
#content.leftCol {
	background: url(../_images/pagebg_leftcolumn.gif) repeat-y center;
}

#left-column {
	float:left;
	width:146px;
	padding:10px 10px 10px 10px;
	min-height:1px;
	margin-right:70px;
}
	
/* Bookmark and Share Nav */		
ul#sharePage {
	color: #333;
	padding: 0;
	list-style: none;
	text-indent: 0;
	height: 23px;
}
	ul#sharePage li{
		width: 23px;
		height: 23px;
		float: left;
		display: block;
		margin-right: 5px;
	}
		ul#sharePage li.favs a {
			width: 23px;
			height: 23px;
			display: block;
			background: #ebebeb url(../_images/shareicon_fav.gif) no-repeat;
		}	
		ul#sharePage li.google a {
			width: 23px;
			height: 23px;
			display: block;
			background: #ebebeb url(../_images/shareicon_google.gif) no-repeat;
		}	
		ul#sharePage li.furl a {
			width: 23px;
			height: 23px;
			display: block;
			background: #ebebeb url(../_images/shareicon_furl.gif) no-repeat;
		}	
		ul#sharePage li.delicious a {
			width: 23px;
			height: 23px;
			display: block;
			background: #ebebeb url(../_images/shareicon_delicious.gif) no-repeat;
		}	
		ul#sharePage li.facebook a {
			width: 23px;
			height: 23px;
			display: block;
			background: #ebebeb url(../_images/shareicon_facebook.gif) no-repeat;
		}	
		ul#sharePage li.myspace a {
			width: 23px;
			height: 23px;
			display: block;
			background: #ebebeb url(../_images/shareicon_myspace.gif) no-repeat;
		}			
		ul#sharePage li.digg a {
			width: 23px;
			height: 23px;
			display: block;
			background: #ebebeb url(../_images/shareicon_digg.gif) no-repeat;
		}	
		ul#sharePage li.email a {
			width: 23px;
			height: 23px;
			display: block;
			background: #ebebeb url(../_images/shareicon_email.gif) no-repeat;
		}	
		ul#sharePage li.more a {
			width: 23px;
			height: 23px;
			display: block;
			background: #ebebeb url(../_images/shareicon_more.gif) no-repeat;
		}	

/* FEEDER PANELS */
div#feederPanel {
	margin-top: 10px;
	margin-bottom: 20px;

}

div#feederPanel h3 {
	width: 268px;
	height: 19px;
	*height: 20px;
	color: #333;
	font-size: 90%;
	border: 0;
	padding: 5px 0 3px 0;
	*padding: 4px 0 3px 0;
}

div#feederPanel p{
	padding: 0 8px 0 10px;
}
div#feederPanel a {
	color: #663399;
	padding-right: 15px;
	font-size: 85%;
	text-decoration: none;
	padding-left: 10px;
	font-weight: 700;
}
div#feederPanel a:hover {
	text-decoration: underline;
}

div#feederPanel.blue a {
	background: url(../_images/arrow_blue.gif) no-repeat right;
	color: #2F7EC9;
}
div#feederPanel.orange a {
	background: url(../_images/arrow_orange.gif) no-repeat right;
	color: #FF6600;
}
div#feederPanel.green a {
	background: url(../_images/arrow_green.gif) no-repeat right;
	color: #277B00;
}
div#feederPanel.purple a {
	background: url(../_images/arrow_purple.gif) no-repeat right;
	color: #663399;
}
div#feederPanel.twitter a {
	background: url(../_images/twitter-icon.png) no-repeat left;
	padding:10px 0 10px 40px;
	margin: 0 0 0 10px;
	color:#09C;
}
	
div#feederPanel h3 a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #333;
	background: none;
	font-weight: 400;
	padding-top: 2px;
	text-transform: uppercase;
	font-weight: 800;
}

div#feederPanel.blue h3 a, div#feederPanel.green h3 a, div#feederPanel.orange h3 a, div#feederPanel.purple h3 a{
	background: none;
}
div#feederPanel.orange h3 a{
	color: #F57629;
}

div#feederPanel h4 {
	width: 245px;
	color: #666;
	font-size: 80%;
	border: 0;
	padding: 5px 0 3px 10px;
	font-weight: 800;
}

div#feederPanel h4 a {
	text-decoration: none;
	color: #333;
	padding-left: 0px;
	font-size: 100%;
	font-weight: 800;
	display: block;
}

div#feederPanel.blue h4 a, div#feederPanel.green h4 a, div#feederPanel.orange h4 a, div#feederPanel.purple h4 a{
	color: #666;
	background: none;
	}

div#feederPanel h3 a:hover {
	text-decoration: none;
}
	div#feederPanel.blue  h3{
		background: #B6C7D1 url(../_images/panelTitle_blue.gif) no-repeat;
	}
	div#feederPanel.orange h3 {
		background: #B6C7D1 url(../_images/panelTitle_orange.gif) no-repeat;
	}
	div#feederPanel.green h3 {
		background: #B6C7D1 url(../_images/panelTitle_green.gif) no-repeat;
	}
	div#feederPanel.purple h3 {
		background: #B6C7D1 url(../_images/panelTitle_purple.gif) no-repeat;
	}

div#feederPanel form{
	margin-left: 40px;
}
div#feederPanel label{
	font-size: 90%;
	margin-bottom: 2px;
	font-weight: 800;
}

div#feederPanel input {
	font-size: 90%;
	padding: 2px;
	margin-left: 10px;
	width: 150px;
}


div#feederPanel ul {
	font-size: 11px;
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
}

	div#feederPanel ul li {
		margin: 0;
		padding: 0 0 10px 12px;
		float:left;
		background:url(../_images/arrow_purple.gif) no-repeat;
		background-position:0 3px;
	}

	div#feederPanel ul li a {
		font-size:11px;
		padding: 0;
		background:none !important;
	}



div.popup { height:400px; width:500px; position: absolute; top: 50%; left: 50%;}
div.popup { margin-top: -200px; margin-left: -250px;}



table {
	cursor:default;
}

/* table tr:hover {
	background-color:#E0DEFE;
} */

table th {
	padding:5px 2px 5px 5px;
	background:#000033;
	color:#FFF;
}

/* FOOTER STYLES*/
	
#footer{
		margin: 0 auto;
		width: 931px;
		background: #CCC url(../_images/footer_topcurve.gif) no-repeat;
		min-height: 260px;
		height: 260px;
		text-align: left;
		margin-top: 20px;
}
#footer.end{
		clear: left;
		background: #333 url(../_images/footer_btmcurve.gif) no-repeat bottom;
		min-height: 15px;
		height: 15px;
		margin-top: 0px;
}
#footer div.footerCol {
	background: #CCCCCC;
	float: left;
	width: 225px;
	color: #fff;
}
	#footer h3{
		color: #000000;
		font-size: 120%;
		_font-size:14px;
		border: 0;
		padding-left: 20px;
	}
	#footer h4{
		color: #333333;
		font-size: 100%;
		_font-size:12px;
		border: 0;
		padding-left: 20px;
	}
	
		
	#footer ul {
		list-style: none;
		padding-left: 20px;
		
	}
		#footer li {
			font-size: 75%;		
			margin-bottom: 5px;
		}
		#footer ul li a{
			background: url(../_images/bullet_arrow.gif) no-repeat left;
			padding-left: 15px;
			font-size: 110%;
			_font-size:11px;
			text-decoration: none;
			color: #444444;		
		}
		#footer ul li a:hover{
			color: #222222;	
			text-decoration:underline;
		}
	p.footer {
		margin: 0 auto;
		width: 930px;
		color: #777777;
		font-size: 85%;
		_font-size:11px;
		clear: left;
		margin-top: 10px;
		padding-left:50px;
		margin-bottom: 20px;
	}
	p.footer a {
		color: #666666;
		text-decoration: none;
	}
	p.footer a:hover {
		text-decoration: underline;
	}
	


#sector-section {
	width:275px;
	background:url(../_images/sector-section-bg.gif) repeat-y right;
	padding-bottom:1px;
}

#sector-section-left {
	width:225px;
	background:url(../_images/sector-section-bg-left.gif) repeat-y left;
	padding-bottom:1px;
	min-height:50px;
	padding:5px 5px 10px 15px;
	
}

#sector-section-left-top {
	background:url(../_images/sector-section-top-left.gif) no-repeat bottom left;
	height:15px;
	width:225px;
}

#sector-section-left-bottom {
	background:url(../_images/sector-section-left-bottom.gif) no-repeat bottom left;
	height:15px;
	width:225px;
}

#sector-section-bottom {
	background:url(../_images/sector-section-bottom-bg.gif) no-repeat bottom right;
	height:10px;
	width:275px;
}

#sector-section h4 {
	font-size:11px;
	font-weight:bold;
	color:#006600;
	width:275px;
	float:right;
	*margin-left:-20px;
	padding:9px 0 10px 20px;
	margin-top:-5px;
	background:url(../_images/sector-heading-bg.png) no-repeat right center;
}

#sector-section-left h4 {
	font-size:11px;
	font-weight:bold;
	color:#006600;
	width:275px;
	float:right;
	*margin-left:-25px;
	*width:230px;
	padding:9px 0 10px 20px;
	margin-top:-20px;
	background:url(../_images/sector-heading-bg-left.png) no-repeat right center;
	z-index:2;
	position:relative;
}

#sector-section h4 span, #sector-section-left h4 span {
	padding:0 0 0 50px;
	*padding:0 0 0 5px;
}

ul.sector-section-list {
	margin-left:10px;
	padding-bottom:10px;
}

ul.sector-section-list li {
	list-style-image:url(../_images/icon-action-sector-section-client.gif);
}

ul.sector-section-list li a, ul.sector-section-list li a:visited {
	color:#333333;
	text-decoration:none;
}

ul.sector-section-list li a:hover {
	text-decoration:underline;
}

.portfolio_quickJump {
	float: right;
	width: 200px;
	position:relative;
	_position:absolute;
	_right:20px;
	margin-top: -60px;
}
.portfolio_quickJump h4{
	font-weight: 800;
	font-size: 90%;
	
}
.portfolio_quickJump select {
	font-size: 80%;
}

#portfolio-tiles-container {
	width:830px;
	_overflow:hidden;
	padding-left: 50px;
}

#portfolio-tiles-container a img {
	margin:0 4px 5px 0;
}

#portfolio-tiles-bottom {
	width:624px;
	height:15px;
	margin-left:-20px;
	background:url(../_images/portfolio-tiles-bg-bottom.gif) no-repeat bottom center;
}

.tool-tip {
	width: 274px;
	z-index: 13000;
	_background:#000000;
}
 
.tool-title {
	font-size: 1px;
	margin: 0;
	text-align:left;
	display:none;
	color:#99CC00;
	background: url(../_images/bubble.png) top left;
}

.tips-heading {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#99CC00;
	display:block;
	width:100%;
	padding:0 0 10px 0;
	margin:-32px 0 0 0;
	text-transform:uppercase;
}

img.tips-image {
	padding:0 0 10px 0;
	display:block;
}
 
.tool-text {
	font-size: 10px;
	text-align:left;
	padding:45px 10px 10px 11px;
	font-weight:normal;
	color:#FFF;
	background: url(../_images/bubble.png) no-repeat top;
	line-height:1.3em;
	height:320px;
}

#portfolio-tiles {
	width:145px;
	float:left;
	height:100px;
	background-position:top;
	margin:5px;
}

#portfolio-tiles a img {
	width:145px !important;
	height:100px;
	_height:90px;
}

#portfolio-tiles:hover {
	background-position:bottom;
	cursor:pointer;
}

/* Styles for Portfolio client description page */

.portfolio-description-title {

width:25%;

padding-bottom:10px; 
padding-top:10px;
padding-left:5px;

font-family:Arial;
font-size:12px;
font-weight:bold; 

float:left;


}

.port-content-container{

width:70%;

padding-bottom:10px; 
padding-top:10px;

font-family:Arial;
font-size:12px;

float:left;

}


/* --- NAVS PROPERTIES BELOW --- */

#navs {
	width:942px;
	background:url(../_images/bg-navs.png) repeat-x;
	margin:50px auto 0 auto;
	height:69px;
	padding:10px 0 0 0;
}

	#navs ul {
		float:left;
		padding:0;
		margin:0 13px;
}
	
	#navs ul li {
		list-style:none;
		margin:0;
}

	#navs ul li a {
		color:#666666;
		text-decoration:none;
		font-size:10px;
}

		#navs ul li a:hover {
			text-decoration:underline;
}

	#navs ul li a.head {
		color:#5B892E;
		font-size:11px;
		font-weight:bold;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
}

.navs-separator {
	width:2px;
	height:77px;
	margin-top:-9px;
	float:left;
	background:url(../_images/navs-separator.png);
}

.logo {
	background:url(../_images/logo.png) no-repeat top left;
	_background:url(../_images/logo.gif) no-repeat top left;
	height:100px;
	width:122px;
	float:left;
	margin:-19px 0 0 -22px;
	position:relative;
	z-index:3;
	_cursor:pointer;
}

.navs-right {
	float:right;
	background:url(../_images/bg-navs-right.png) no-repeat top right;
	height:79px;
	width:20px;
	margin:-10px 0 0 0;
}

#refreshing-the-web {
	width:400px;
	height:50px;
	background:url(../_images/minttwist-refershing-the-web.png) no-repeat left bottom;
	margin:0 0 -40px 40px;
}

#refreshing-the-web a {
	display:block;
	width:150px;
	height:49px;
}

#phone-number {
	float:left;
}

#phone-number img.number {
	clear:both;
	padding:4px 0 12px 10px;
}

#phone-number img.text-size {
	padding:0 0 0 10px;
	float:left;
}

#phone-number a {
	font-size: 85%;
	color:#666;
	text-decoration:none;
	background: url(../_images/email_icon.gif) no-repeat left;
	padding: 5px 0 3px 35px;
	margin-left: 10px;
}
#phone-number a:hover {
	text-decoration: underline;
}

em {
	font-style:italic !important;
	font-weight:bold !important;
}

strong {
	font-weight:bold !important;
}

.blog-news .horizontal-rule{
	width:100%;
	height:1px;
	border-top:1px solid #CCC;
	margin:30px 0 5px 0;
}

.blog-news h2 a, .blog-news h2 a:visited {
	text-decoration:none;
}

	.blog-news h2 a:hover {
		color:#333333;
}

.blog-news p {
	font-size:12px;
	color:#666666;
}

.blog-news p.small-text {
	font-size:11px;
	font-style:italic;
	float:left;
}

.blog-news p.read-more {
	float:right;
	font-size:11px;
}

	#bannerContent {
		width: 640px;
		margin-left:-95px;
		*margin:0;
		float:left;
		background: none;
		font-size:13px;
		/*border: 1px solid #0066CC;*/
	}
			#bannerLinks {
		float:right;
		width: 270px;
		_width:265px;
		_overflow:hidden;
		margin-top: 10px;
		margin-left: 15px;
		margin-right:5px;
		margin-bottom: 20px;
		/*border: 1px solid #FF0000;*/
	}	
			#bannerLinks h2 {
				color: #333333;
				margin-bottom: 10px;
				font-size: 100%;
				font-weight: bold;
				margin-top: 10px;
			}	
			#bannerLinks ul{
				width: 150px;
				padding:0;
				margin: 0;
				list-style: none;
				margin-left: 5px;
			}	
			#bannerLinks li {
				padding:0;
				margin: 0;
				height: 20px;
				margin-left: -21px;
				height: 21px;
			}
				#bannerLinks li.active {
					font-weight: bold;
				}
			#bannerLinks li a {
				width: 276px;
				height: 18px;
				display: block;
				color: #000;
				padding: 3px 0 0 15px;
				margin: 0;
				text-transform: uppercase;
				background: none;
				text-decoration: none;
				font-size: 90%;
				_position:relative;
				_z-index:100;
			}	
			#bannerLinks li a.purple:hover {
				background: #7D51A3;
				color: #fff;
			}	
			#bannerLinks li.active a.purple {
				background: #7D51A3 url(../_images/banner_purplelink.gif) no-repeat left;
				color: #fff;
				
			}	
			
			#bannerLinks li a.orange:hover {
				background: #FD8E21;
				color: #fff;
			}
			#bannerLinks li.active a.orange {
				background: #FD8E21 url(../_images/banner_orangelink.gif) no-repeat left;
				color: #fff;
			}
			
			#bannerLinks li a.red:hover {
				background: #D32023;
				color: #fff;
			}	
			
			#bannerLinks li a.lightBlue:hover {
				background: #059FDA;
				color: #fff;
			}			
			#bannerLinks li.active a.lightBlue {
				background: #059FDA url(../_images/banner_lightbluelink.gif) no-repeat left;
				color: #fff;
				
			}	
			
			#bannerLinks li.active a.red {
				background: #D32023 url(../_images/banner_redlink.gif) no-repeat left;
				color: #fff;
			}
			
			#bannerLinks li a.green:hover {
				background: #A1BF34;
				color: #fff;
			}		
			#bannerLinks li.active a.green {
				background: #A1BF34 url(../_images/banner_greenlink.gif) no-repeat left;
				color: #fff;
			}
			
			#bannerLinks li a.blue:hover {
				background: #2577C8;
				color: #fff;
			}
			#bannerLinks li.active a.blue {
				background: #2577C8 url(../_images/banner_bluelink.gif) no-repeat left;
				color: #fff;
			}
	
			#bannerLinks li a.yellow:hover {
				background: #FFDF20;
				color: #333;
			}
			#bannerLinks li.active a.yellow {
				background: #FFDF20 url(../_images/banner_yellowlink.gif) no-repeat left;
				color: #333;
			}
			
			#bannerLinks li a.pink:hover {
				background: #EC3280;
				color: #fff;
			}
			#bannerLinks li.active a.pink {
				background: #EC3280 url(../_images/banner_pinklink.gif) no-repeat left;
				color: #fff;
			}
			
			#bannerLinks li a.aqua:hover {
				background: #51A8A8;
				color: #fff;
			}
			#bannerLinks li.active a.aqua {
				background: #51A8A8 url(../_images/banner_aqualink.gif) no-repeat left;
				color: #fff;
				line-height: 15px;
				overflow:hidden;
			}
			
			#bannerLinks li a.drkgreen:hover {
				background: #369946;
				color: #fff;
			}
			#bannerLinks li.active a.drkgreen {
				background: #369946 url(../_images/banner_drkgreenlink.gif) no-repeat left;
				color: #fff;
			}
			
.request-a-meeting label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:170px;
	margin-left:0;
}

.request-a-meeting input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:13px;
}
.request-a-meeting input.date{
	float:left;
	width: 220px;
	margin-right: 3px;
}

.request-a-meeting input.calendar{
	float:left;
	width: 20px;
	height: 20px;
	margin-top: -19px;
}

.request-a-meeting input, textarea {
	width:220px;
}

.request-a-meeting input.btn {
	width:auto;
	padding:0 10px;
	font-weight:bold;
}

.request-a-meeting select {
	width:223px;
	padding:2px;
}

h3 a, h3 a:visited, h3 a:hover, h3 a:visited:hover {
	text-decoration:none;
}

a.name:target {
	background:#C2E4C5;
	display:block;
	padding-left:3px;
}

#sitemap-body {

width:585px;

}

#sm-col {

width:270px;
margin-right:45px;
float:left;

}

#sm-col2 {

width:270px;
float:left;

}

li#sm-col {
	
list-style-type:square;
margin-left:20px;

}

#testimonials {

width:580px;

}

div.blog-article {
	width: 290px;
	padding:0 30px 10px 0;
}

.rss-date {
	font-style:italic;
	color:#666;
}

a.drop-it {
	padding:2px 0 2px 5px;
	color:#666666;
	text-decoration:none;
	border:1px solid #999999;
	width:220px;
	display:block;
}

#drop-down-box {
	border:1px solid #999999;
	border-top:0;
	height:0px;
	visibility:hidden;
	position:absolute;
	background-color:#E2EBED;
	overflow:hidden;
	width:225px;
}

#drop-down-box-content {
	position:relative;  
	width:100%;
}

#drop-down-box-content a, #drop-down-box-content a:visited {
	display:block;
	padding:3px;
}

#drop-down-box-content a:hover {
	background-color:#009900;
	color:#FFFFFF;
}

.drop-down 
{
	padding:1px;
	margin-top:-2px;
	*margin:0;
	color:#666666;
	border:1px solid #999999;
}


.team-thumb {
	float:left;
	padding:0 15px 0 0;
}

.v-card {
	width:570px;
	border:1px dotted #090;
	padding:10px;
	overflow:auto;
}

.v-card h3 {
	margin:0 0 15px 0;
	padding:0
}

#twitter_div 
{
	display:block;
	padding:5px;
	border:1px solid #99cc66;
	background:#ccffcc;
	-moz-border-radius:2px;
}

ul#twitter_update_list 
{
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
}


a.recent-launch
{
	background:none !important;
}

img.recent-launch 
{
	margin:auto 0 10px 0;
}

label.newsletter {
	font-size:12px;
	color:#666666;
	font-weight:normal !important;
	float:left;
	cursor:pointer;
}

.snap_preview {
	font-size:11px;
}

