/* TWENTY300.COM CSS Stylesheet
***************************************************/

/* Global 
--------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, font, img, strong, b, u, i, dl, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body {
	background:#ffffff /*e8eff4 c0e0f6 38a7e7 60afe6*/ url('imgs/page-bg-new.gif') top repeat-x;
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:80%;
	line-height:1.46em;
	text-align: center;
	color: #444444;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
em {
	color: #971830;
	font-style: italic;
	}
a, a:visited {
	color: #444444;
	text-decoration: none;
	border-bottom: #888888 1px dotted;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease; 
	}
a:hover, a:focus {
	color: #3399ff /*7395cc*/;
	}
p {
	padding: 0 0 0.5em 0;
}
#header a, #header a:visited, #footer a, #footer a:visited {
	color: #cccccc;
	text-decoration: none;
	border: none;
	}
#header a:hover, #footer a:hover,
#header a:focus, #footer a:focus {
	color: #3399ff /*7395cc*/;
	}	
.indent {
	padding-left: 20px;
	}
.clearleft {
	clear: left;
	}	
.clearall {
	clear: both;
	}	
/* =Clearfix (all browsers)
--------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* IE6 */ 
* html .clearfix {height: 1%;}
/* IE7 */
*:first-child+html .clearfix {min-height: 1px;}
	
	
/* Header 
--------------------------------------------------*/	

#headContainerHome {
	width: 100%;
	height: 480px /*640px*/;
	background: #2f4052 url('imgs/headerContainerBgHome.jpg') repeat-x top left;
	}
#headerHome {
	width: 1000px;
	height: 480px;
	margin: 0 auto;
	text-align: left;
	background: transparent url('imgs/headerBgHome.jpg') top center;
	color: #999999;
	}
#headContainer {
	width: 100%;
	height: 156px;
	background: #2f4052 url('imgs/headerContainerBg.jpg') repeat-x top left;
	}
#header {
	width: 1000px;
	height: 156px;
	margin: 0 auto;
	text-align: left;
	background: transparent url('imgs/headerBg.jpg') top center;
	color: #999999;
	}
#logoblock {
	width: 355px;
	height: 135px;
	float: left;
	background: url('imgs/logoblock_textbg.jpg') bottom no-repeat;
	}
	h1#logo {
		width: 312px;
		height: 60px;
		display: block;
		float: left;
		margin: 45px 0 0 40px;
		background: url('imgs/t3mLogo.png') no-repeat;
		}
	h1#logo a {
		height: 58px;
		display:block;
		text-indent: -9999px;
		border: none;
		}
	#logoblock p {
		text-align: center;
		font-size: 1.0em;
		letter-spacing: 3px/*.3em*/;
		font-weight: 200;
		}

/*-- Navigation --*/

#nav {
	float: right;
	margin: 56px 40px 0 0;
	width: 600px;
	text-align: right;
	}
	#nav #topmenu {
		float: right;
		overflow: hidden;
		font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Helvetica, Arial, Sans-serif;
		font-size: 1.22em;
		text-transform:uppercase;
		}
		#nav #topmenu li {
			display: inline;
			float: left;
			position: relative;
			margin-right: 5px;
			list-style: none;
			}
		#nav #topmenu li.backLava {
			background: #ef6316 /*e87c35 url('1imgs/lava-menu-bg.gif') no-repeat right -30px*/;
			/*height: 31px;*/
			z-index: 8;
			position: absolute;
			}
		#nav #topmenu li.backLava .leftLava {
			background: /*url('1imgs/lava-menu-bg.gif') no-repeat top left*/;
			/*height: 31px;*/
			margin-right: 9px; /* 7px is the width of the rounded shape */
			}
		#nav #topmenu li a, #nav #topmenu li a:hover, #nav #topmenu li .active, #nav #topmenu li a:visited {
			z-index: 10 !important;
			display: block;
			/*height: 30px;*/
			/*width: 80px;*/
			color: #ffffff;
			/*background: #3d3d3d;*/
			line-height: 27px;
			text-align: center;
			text-decoration: none;
			border: none;
			overflow: hidden;
			position: relative;
			padding: 3px 15px;
			}
		#nav #topmenu li a:hover {
			z-index: 10 !important;
			color: #ffffff;
			/*background: #ffffff;*/
			}
		#nav #topmenu li a:focus {
			background: #ef6316;
			}
	/*#nav #topmenu .active {
		color: #ffffff;
		}*/


/*-- Feature --*/

#feature {
	clear: both;
	width: 1000px;
	height: 355px;
	background: url('imgs/feature-bg.png') top center no-repeat;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	}
	.feature-text {
		background: url('imgs/feature-text.gif') no-repeat;
		float: right;
		margin: 70px 0 0 0;
		width: 360px;
		text-align: left;
		line-height: 1.1em;
		color: #FFFFFF;
		font-size: 3.5em;
		font-family: Rockwell, Helvetica Neue, Helvetica, Arial, Sans-serif;
		font-weight: bold;
		text-shadow: 1px 1px 1px #111;
		}
		.feature-text span {
		color: #ffa21d /*feaf25*/;
		font-size: 1.4em;
		font-family: Rockwell, Helvetica Neue, Helvetica, Arial, Sans-serif;
		font-weight: bold;
		}
	.feature-banner {
		background: url('imgs/feature-banner.png') no-repeat;
		width: 346px;
		height: 110px;
		position: absolute;
		top: 180px;
		right: 34px;
		padding-left: 30px;
		line-height: 75px;
		font-size: 5em;
		font-weight: bold;
		font-family: Rockwell, Helvetica Neue, Helvetica, Arial, Sans-serif;
		}
	#feature h1.title {
		position: absolute;
		left: 40px;
		margin-top: 20px;
		margin-left: 40px;
		}

/*-- Easy Slider --*/

#slidercontainer{	
	position:absolute;
	top: 35px;
	left: 40px;
	text-align:left;
	width:500px;
	background:#fff;		
	margin-bottom:2em;
	border: 8px #4f6071 solid;

	}	
	
#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:500px;
	height:250px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:25px;
	height:50px;
	position:absolute;
	left:-37px;
	top:98px;
	}	
#nextBtn{ 
	left:513px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:25px;
	height:50px;
	background:url(imgs/btn_prev2.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(imgs/btn_next2.png) no-repeat 0 0;	
	}								
/* image replacement */
.graphic, #prevBtn, #nextBtn{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
	}

/*-- Page Title --*/

.pageTitle {
	clear:both;
	}
	.pageTitle p.title {
	margin: 48px 0 0 0;
	color: #2d3237;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Helvetica, Arial, Sans-serif;
	font-size: 1.6em;
	line-height: 1.5em;
	text-align: center
	}

/* Content 
--------------------------------------------------*/

#contentContainer {
	width: 100%;
	height: auto;
	background: #fcfcfc /*f6f6f6 url('imgs/contentContainerBg.gif') repeat-x top left*/;
	}	
#content {
	background: url('imgs/content-bg-mid.png') top center repeat-y;
	width: 960px;
	padding: 15px 0 35px 0;
	min-height: 400px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}

h1.pageTitle {
	display: block;
	color: #2d3237;
	font-family: Helvetica Neue,Helvetica,Arial,Sans-serif;
	font-size: 4em;
	font-weight: normal;
	line-height: 1em;
	text-align: center;
	letter-spacing: -2px;
	width: 100%;
	padding: 0.5em 0 0.9em 0;
	margin: 0 0 30px 0;
	background: transparent url('imgs/titleBottomBg.jpg') no-repeat bottom center;
}
p.pageFeature {
	display: block;
	color: #2d3237;
	font-family: 'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Helvetica,Arial,Sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.3em;
	text-align: center;
	letter-spacing: -1px;
	width: 100%;
	padding: 0.5em 0 1.2em 0;
	margin: 0 0 30px 0;
	background: transparent url('imgs/titleBottomBg.jpg') no-repeat bottom center;
}
p.sectionBreak {
	display: block;
	font-size: 0;
	line-height: 0em;
	height: 23px;
	text-align: center;
	width: 100%;
	padding: 0 0 1.2em 0;
	margin: 0 0 30px 0;
	background: transparent url('imgs/titleBottomBg.jpg') no-repeat bottom center;
}
.main {
	margin-left: 28px;
	margin-right: 28px;
	text-align: left;
	}
.main-left {
	width: 29% /*282px*/;
	float: left;
	margin-left: 28px;
	text-align: left;
	clear: both;
	}
.main-mid {
	width: 29% /*282px*/;
	float: left;
	text-align: left;
	margin-left: 3.5% /*30px*/;
	}	
.main-right {
	width: 29% /*282px*/;
	float: right;
	text-align: left;
	margin-right: 28px;
	}
.main-wide-right {
	width: 62% /*594px*/;
	float: right;
	text-align: left;
	margin-right: 30px;
	}
.main p, .main-left p, .main-mid p, .main-right p, .main-wide-right p {
	margin: 0 5px 15px 5px;
	}
.main ul, .main-left ul, .main-mid ul, .main-right ul, .main-wide-right ul {
	margin: 0 15px 0 40px;
	list-style-type: disc;
	}	

#content h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 5px 10px;
	}


/*-- Header styles --*/

h1.webdesign-mediasolutions {  
	width: 674px;  
	height: 57px;   /* So that the element will show the whole image. */  
	background:url('imgs/h1-web-design-digital-media-solutions.gif') 0 0 no-repeat;    /* Sets the background image */  
	text-indent: -9999px;   /* Hides the regular text by moving it 9999 pixels to the left */  
	margin: 0 auto 10px auto;
	}
h1.about {  
	width: 127px; height: 57px; margin: 0 0 20px 40px;
	background:url('imgs/h1-about.png') 0 0 no-repeat; text-indent: -9999px;
	}
h1.our-services {  
	width: 223px; height: 57px; margin: 0 0 20px 40px;
	background:url('imgs/h1-our-services.png') 0 0 no-repeat; text-indent: -9999px;
	}
h1.portfolio {  
	width: 166px; height: 57px; margin: 0 0 20px 40px;
	background:url('imgs/h1-portfolio.png') 0 0 no-repeat; text-indent: -9999px;
	}
h1.contact {  
	width: 153px; height: 57px; margin: 0 0 20px 40px;
	background:url('imgs/h1-contact.png') 0 0 no-repeat; text-indent: -9999px;
	}
	
h2.how-can-we-help-you { width: 282px; height: 45px; margin: 0 0 15px 0;
	background:url('imgs/h2-how-can-we-help-you.gif') 0 0 no-repeat; text-indent: -9999px; }
h2.what-can-we-provide { width: 282px; height: 45px; margin: 0 0 15px 0;
	background:url('imgs/h2-what-can-we-provide.gif') 0 0 no-repeat; text-indent: -9999px; } 
h2.ready-to-get-started { width: 282px; height: 45px; margin: 0 0 15px 0;
	background:url('imgs/h2-ready-to-get-started.gif') 0 0 no-repeat; text-indent: -9999px; } 
/*h2.web-solutions { width: 282px; height: 45px; margin: 0 0 15px 0;
	background:url('imgs/h2-web-solutions.gif') 0 0 no-repeat; text-indent: -9999px; } 
h2.print-solutions { width: 282px; height: 45px; margin: 0 0 15px 0;
	background:url('imgs/h2-print-solutions.gif') 0 0 no-repeat; text-indent: -9999px; } 
h2.digital-media-solutions { width: 282px; height: 45px; margin: 0 0 15px 0;
	background:url('imgs/h2-digital-media-solutions.gif') 0 0 no-repeat; text-indent: -9999px; } */
h2.web-design { width: 282px; height: 45px; margin: 0 0 15px 0;
	background:url('imgs/h2-web-design.gif') 0 0 no-repeat; text-indent: -9999px; } 
h2.digital-marketing { width: 282px; height: 45px; margin: 0 0 15px 0;
	background:url('imgs/h2-digital-marketing.gif') 0 0 no-repeat; text-indent: -9999px; } 
h2.media-production { width: 282px; height: 45px; margin: 0 0 15px 0;
	background:url('imgs/h2-media-production.gif') 0 0 no-repeat; text-indent: -9999px; } 

h2.web-design2 { /*width: 282px;*/ height: 45px; margin: 10px 30px 15px 30px;
	background:url('imgs/h2-web-design.gif') 0 0 no-repeat; text-indent: -9999px; } 
h2.digital-marketing2 { /*width: 282px;*/ height: 45px; margin: 10px 30px 15px 30px;
	background:url('imgs/h2-digital-marketing.gif') 0 0 no-repeat; text-indent: -9999px; } 
h2.media-production2 { /*width: 282px;*/ height: 45px; margin: 10px 30px 15px 30px;
	background:url('imgs/h2-media-production.gif') 0 0 no-repeat; text-indent: -9999px; } 

h2.banner {
	background: url('imgs/h2-banner.png') no-repeat;
	width: 357px;
	height: 86px;
	/*position: absolute;
	top: 180px;*/
	left: 34px;
	padding-left: 50px;
	margin: 10px 0 15px 0;
	line-height: 65px;
	font-size: 2em;
	font-weight: 600;
	font-family: Helvetica Neue, Helvetica, Arial, Sans-serif;
	color: #333333;
	}	
h2.orange {
	background:#ffffff;
	color: #ef6316;
	font-family: Rockwell, Helvetica Neue, Helvetica, Arial, Sans-serif;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: bold;
	padding: 9px 10px 9px 20px;
	margin: 0 0 10px 0;
	border-bottom: 6px solid;
	box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	}
h2.orange-old {
	background:#ef6316 url(imgs/heading2BgOrange.gif) repeat-x;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	line-height: 1.7em;
	font-weight: bold;
	padding: 5px 10px 5px 20px;
	margin: 0 0 10px 0;
	box-shadow: 1px 1px 7px #999;
	-moz-box-shadow: 1px 1px 7px #999;
	-webkit-box-shadow: 1px 1px 7px #999;
	}
h2.yellow {
	background:#ffffff;
	color: #fe9f17;
	font-family: Rockwell, Helvetica Neue, Helvetica, Arial, Sans-serif;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: bold;
	padding: 9px 10px 9px 20px;
	margin: 0 0 10px 0;
	border-bottom: 6px solid;
	box-shadow: 0px 1px 4px #ccc;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	}
h2.yellow-old {
	background:#fe9f17 url(imgs/heading2BgYellow.gif) repeat-x;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	line-height: 1.7em;
	font-weight: bold;
	padding: 5px 10px 5px 20px;
	margin: 0 0 10px 0;
	box-shadow: 1px 1px 7px #999;
	-moz-box-shadow: 1px 1px 7px #999;
	-webkit-box-shadow: 1px 1px 7px #999;
	}	
.twitterFollow {
	display: block;
	padding: 5px 10px;
	margin: 0 5px;
	font-family: Rockwell, Helvetica Neue, Helvetica, Arial, Sans-serif;
	font-size: 1.05em;
	text-decoration: underline;
	background: #ffffff;	
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}	
.outlineBox {
	padding: 5px 10px;
	margin: 0 10px 10px;
	background: #ffffff;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}	
	
	
/* Bottom 
--------------------------------------------------*/

#bottom-top {
	background: url('imgs/bottom-bg-top.png') top center no-repeat;
	width: 960px;
	padding: 0 0 0 0;
	height: 10px;
	margin: 15px auto 0 auto;
	text-align: left;
	position: relative;
	}
#bottom {
	background: url('imgs/bottom-bg-mid.png') top center repeat-y;
	width: 960px;
	padding: 25px 0 15px 0;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}
#bottom-bot {
	background: url('imgs/bottom-bg-bot.png') top center no-repeat;
	width: 960px;
	padding: 0 0 0 0;
	height: 10px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}
	
#socialMedia {
	background: url('imgs/social-media-bg.png') 0 0 no-repeat;
	width: 900px;
	height: 136px;
	margin: 5px auto 5px auto;
	position: relative;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;	
	-moz-border-radius: 12px;
	border-radius: 12px;
	box-shadow: 1px 1px 7px #999;
	-moz-box-shadow: 1px 1px 7px #999;
	-webkit-box-shadow: 1px 1px 7px #999;
	}
#socialMediaIcons {
	position: absolute;
	top: 30px;
	right: 0;
	width: 255px;
	}
	#socialMediaIcons a { text-decoration: none; border: none; }
	#socialMediaIcons a img { display: inline-block; }
	.smIcons {	background: url('imgs/social-media-icons.png'); margin-right: 15px; }
	.posTwitter { height: 60px; width: 60px; background-position: 0 0; }
	.posFacebook { height: 60px; width: 60px; background-position: -60px 0; }
	.posVimeo { height: 60px; width: 60px; background-position: -120px 0; }

/*-- Twitter styles --*/

#tweet {
	margin-left:196px;
	margin-right:23px;
	top:27px;
	font-size:14px;
	line-height:17px;
	position: relative;
	width: 410px;
}

#tweet ul {
	list-style:none;
	margin:0px;
	padding:0px;
}


#tweet #meta {
	color:#eeeeee;
	font-size:11px;
	font-family:georgia, helvetica, verdana, sans-serif;
	font-style:italic;
	text-align: right;
	margin-right:10px;
	position: absolute;
	right:0;
	top:78px;
}

#tweet2 ul {
	margin: 0 10px;
	list-style: none;
	}
#tweet2 li {
	padding: 5px 10px;
	margin: 0 0 10px;
	font-size: 0.92em;
	background: #ffffff;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
#tweet2 li .meta {
	font-size: 0.82em;
	color: #999;
	}

/* Footer 
--------------------------------------------------*/	

#footerContainer {
	width: 100%;
	height: 157px;
	padding: 0;
	margin: 0;
	background: #212529	/*3d3d3d*/;
	}
#footer {
	width: 965px;
	margin: 0 auto 0 auto;
	position: relative;
	padding-top: 40px;
	text-align: left;
	color: #999999;
	}
	#footer p strong {
		color: #afbfcf;
		font-weight: bold;
		}
	#footerLogo {
		background: url('imgs/t3mShortLogo.gif') no-repeat;
		float: left;
		width: 95px;
		height: 52px;
		margin-left: 40px;
		padding-right: 40px;
		}	
	#footerLeft {
		float: left;
		width: 140px;
		height: 60px;
		padding: 0 40px;
		border-left: 1px solid #4e555c;
		}
	#footerCenter {
		float: left;
		width: 235px;
		height: 60px;
		padding: 0 40px;
		border-left: 1px solid #4e555c;
		}
	#footerRight {
		float: right;
		width: 150px;
		height: 60px;
		margin-right: 40px;
		padding-left: 40px;
		border-left: 1px solid #4e555c;
		}

/* Portfolio 
--------------------------------------------------*/

h3.portfolio-h3{ 
	margin: 0 25px; 
	line-height: 1.5em !important; 
	}
.boundingBox{ 
	margin: 0 0 0 18px; 
	width: 942px; 
	}
#portfolio-content{ 
	padding: 0 0; 
	margin-top: 30px; 
	}

ul#portfolio-filter{ 
	margin: 0 18px 0 0; 
	padding: 0; 
	/*width: 888px; */
	height: 44px; 
	padding-left: 10px; 
	line-height: 44px; 
	background: transparent url(../images/icon-tag-green.png) left no-repeat; 
	border: 1px solid #ddd; 
	padding: 0 5px;
	/*--CSS3 Rounded Corners--*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
ul#portfolio-filter li{ 
	display: inline; 
	}
ul#portfolio-filter a{ 
	margin-right: 0.5em; 
	padding: 0.5em 1em; 
	background: inherit /*#FFF*/; 
	color: #999; 
	font-weight: bold; 
	text-decoration: none; 
	border-bottom: none; 
	}
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ 
	color: #fff /*888*/; 
	background: #ef6316 /*DDD*/; 
	border-bottom: none; 
	}
/*ul#portfolio-filter a.current{ 
	background-color: #DDD; 
	}*/
ul#portfolio-list{ 
	margin: 20px 0 0 0px; 
	padding: 0; 
	min-height: 240px;
	list-style: none; 
	}
ul#portfolio-list li{ 
	width: 217px;/*165px*/; 
	height: 275px/*160px*/; 
	display: block; 
	float: left; 
	margin-right: 18px; 
	margin-bottom: 20px; 
	overflow: visible; 
	border: 0px solid #ddd; 
	border-bottom: 1px solid #ddd;
	padding: 0;
	/*--CSS3 Rounded Corners--*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
ul#portfolio-list li:hover {
	background: transparent url(imgs/portfoliolist_hoverbg.gif) repeat-x bottom;
	}
ul#portfolio-list li a{ 
	display: block; 
	width: 217px/*163px*/; 
	height: 150px/*120px*/;	 
	border-bottom: 5px solid #EF6316; 
	background: #eee; 
	cursor: pointer; 
	padding: 0;
	margin-bottom: 10px;
	box-shadow: 1px 1px 5px #999;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	-webkit-transition: border 0.5s ease, background-position 0 linear;
	transition: border 0.5s ease, background-position 0 linear;
	}
ul#portfolio-list li span { 
	/*--Used to crop image--*/	
	width: 217px; 
	height: 150px; 
	overflow: hidden; 
	display: block; 
	}
ul#portfolio-list li a.thumb:hover { 
	background: #333; /*--Hover effect for browser with js turned off--*/ 
	border-bottom: 5px solid #ddd; 
	}
ul#portfolio-list li p.projName{ 
	font-size: 13px; 
	/*height: 22px; */
	line-height: 12px;
	color: ##2D3237; 
	margin: 0; 
	padding: 0 0 6px 0; 
	background: none /*#212529*/ /*222*/; 
	border-top: 0px solid #fff; /*--Subtle bevel effect--*/ 
	}
ul#portfolio-list li p.projDescrip {
	color: #999999;
	font-size: 11px;
	line-height: 11px;
	padding: 0 0 10px 0;
	}
ul#portfolio-list li p span {
	width: auto;
	height: auto;
	display: inline;
	color: #999999;
	font-size: 11px;
	}
ul#portfolio-list li p a {
	width: auto;
	height: auto;
	display: inline-block;
	font-size: 11px;
	color: #ffffff;
	background-color: #ef6316;
	padding: 0px 8px;
	margin: 0;
	border: 0 none;
	/*--CSS3 Rounded Corners--*/
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
ul#portfolio-list li p a:hover {
	color: #ef6316;
	background-color: #ffffff;
	/*border: 1px solid #ddd;*/
	}



/* Contact Form 
--------------------------------------------------*/

#contactForm { 
	padding: 5px 20px 10px 20px; 
	/*width: 400px;*/
	}
#contactForm fieldset { 
	border:0;
	margin:0;
	padding:0; 
	}
#contactForm label { 
	display:block; 
	font-weight: bold;
	color:#242F33;
	padding-bottom: 2px;
	}
#contactForm input, .required { 
	background:#eff2f4 /*DEE2E2*/; 
	width:190px; 
	font-family:Helvetica,Arial,sans-serif; 
	font-size:12px; 
	line-height:1.5; 
	color:#333;
	padding:5px;
	margin:1px 0 15px 0;
	border-top: 1px solid #dee2e2;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 1px solid #dee2e2;
	}
/*#contactForm input#name { width: 190px;}*/
#contactForm textarea#form_message {
	background:#eff2f4 /*DEE2E2*/; 
	width: 464px; 
	font-family:Helvetica,Arial,sans-serif; 
	font-size:12px; 
	color:#333;
	padding:5px;
	margin:1px 0 15px 0;
	border-top: 1px solid #dee2e2;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 1px solid #dee2e2;
	}
#contactForm input.submit { 
	background:#eff2f4 none repeat scroll 0 0;
	width: 200px; 
	padding:7px 10px; 
	font:bold 12px/12px Helvetica,Arial,sans-serif; 
	color:#333; 
	border-top: 0 none;
	border-right: 1px solid #dee2e2;
	border-bottom: 1px solid #dee2e2;
	border-left: 0 none;
	cursor: pointer;
	}
#contactForm input.submit:hover {
	background: #ef6316;
	color: #ffffff;
	}
#contactForm .message {
	/*background:#eee;*/ 
	color:#cc6666; 
	width:540px;
	padding:10px; 
	margin: 0 0 10px 0; 
	clear: both;
	display: none;
	}
#cf_1 {float: left; width: 220px;}
#cf_2 {float: left; width: 220px;}
#cf_3 {float: left; width: 220px;}
#cf_4 {float: left; width: 100%; clear: both;}

#requestForm { 
	width: 732px; 
	margin: 20px auto 0 auto;
	}
#requestForm fieldset {
	border-top:1px solid #DEE2E2;
	float:left;
	margin:0 0 15px;
	padding:20px 0 0;
	width:732px;
	}
#requestForm h3 {
	text-align: center;
	text-transform: uppercase;
	}
#requestForm div.fieldblock {
	float:left;
	margin:0;
	padding:0;
	position:relative;
	width:732px;
	}
#requestForm div.fieldblock label {
	color:#242F33;
	display:block;
	float:left;
	margin:0;
	padding:5px 30px 0 0;
	text-align:right;
	width:206px;
	font-weight: bold;
	}
#requestForm div.fieldblock div.input {
	border-left:1px solid #DFE5E7;
	float:right;
	margin:5px 0 5px;
	padding:0 0 0 30px;
	width:465px;
	}
#requestForm div.fieldblock div.input input {
	background:#eff2f4 none repeat scroll 0 0;
	border-top: 1px solid #dee2e2;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 1px solid #dee2e2;
	float:left;
	margin:0 30px 0 0;
	padding:5px;
	width:250px;
	}
#requestForm div.fieldblock div.inputcheckbox input {
	margin-top:7px;
	}
#requestForm div.fieldblock div.input select {
	background:#eff2f4 none repeat scroll 0 0;
	border-top: 1px solid #dee2e2;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 1px solid #dee2e2;
	float:left;
	margin:0 30px 0 0;
	padding:5px;
	width:262px;
	}
#requestForm div.fieldblock div.input textarea {
	background:#eff2f4 none repeat scroll 0 0;
	border-top: 1px solid #dee2e2;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 1px solid #dee2e2;
	line-height:1.5;
	margin:0 30px 0 0;
	min-height:10px;
	padding:5px;
	width:437px;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	}
#requestForm div.fieldblock div.inputcheckbox {
	float:right;
	margin:0 0 5px;
	padding:0 0 0 30px;
	width:465px;
	}
#requestForm div.checkboxgroup {
	border-left:1px solid #DFE5E7;
	border-bottom:1px solid #DFE5E7;
	float:right;
	margin: 0 0 15px 0;
	padding:0 0 10px 30px;
	width: 465px;
	}
#requestForm input.submit { 
	margin:1px 0 15px 266px;
	background:#eff2f4 none repeat scroll 0 0;
	width: 200px; 
	padding:7px 10px; 
	font:bold 12px/12px Helvetica,Arial,sans-serif; 
	color:#333; 
	border-top: 0 none;
	border-right: 1px solid #dee2e2;
	border-bottom: 1px solid #dee2e2;
	border-left: 0 none;
	cursor: pointer;
	}
#requestForm input.submit:hover {
	background: #ef6316;
	color: #ffffff;
	}
#requestForm .message {
	/*background:#eee;*/ 
	color:#cc6666; 
	width:486px;
	padding:10px; 
	margin: 0 0 10px 246px; 
	clear: both;
	display: none;
	}
input:focus, textarea:focus, select:focus {
    background: #bdd4ec !important;
	}