leftBlock-portfolio/* 
    AUTHOR: albertTruism
            altdeletedesign.com
*/

/* ----------:: Swatches :: ------------ 
grey: #434a3e
orange: #f3a600

:: Transparency ::

filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;


*/

/*--------------- :: Resets :: --------------------- */
body, address, blockquote, dl, ol, ul, li, fieldset, form,
h1, h2, h3, h4, h5, h6, p, pre {margin:0;padding:0;}
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body {
	font-family: 'Trebuchet MS', 'Arial', 'Helvetica', Sans-serif;
	font-size: 62.5%;
	background-color: #434A3E;	
}
ul { list-style: none inside; }
p { font:1em; margin-bottom:5px; }
a { outline:none; text-decoration:none;}
a img { border:none; }
a h2 { cursor:pointer; }
strong {font-size:17px;}
strong.orange {color:#f3a600;}
strong.reg {font-size:inherit; font-weight:bold;}
h2 {font-family: 'Trebuchet MS', 'Arial', 'Helvetica', Sans-serif; font-size:25px; color:#3b3b3b; margin:0 20px 0 20px; padding-top:20px;}
.leftBlock strong {font-family: 'Trebuchet MS', 'Arial', 'Helvetica', Sans-serif;}


/* ---------- :: TOOLBOX CSS :: ------------- */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }

.heading1 {color:#f3a600; font-size:17px; font-weight:bold; font-family: 'Trebuchet MS', 'Arial', 'Helvetica', Sans-serif;}
.bodyHeading {background:#434a3e; color:#f3a600; font-size:18px; padding:0 4px 0px; 4px; line-height:16px; height:22px;}
.bodyHeadingSmall {background:#434a3e; color:#f3a600; font-size:14px; padding:0 4px 0 4px;}
.bodyHeadingSmallB {
	background:#434a3e;
	color:#f3a600;
	font-size:17px;
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 2;
	padding-left: 4px;
}

.bodyHeadingSmallB2 {
	background:#434a3e;
	color:#f3a600;
	font-size:15px;
	line-height:20px;
	padding-top: 0;
	padding-right: 4px;
	padding-bottom: 2;
	padding-left: 4px;
}
.headingBanner {background:#434a3e; color:#f3a600; font-size:18px; width:390px; padding:5px 5px 5px 15px; margin-bottom:20px; height:20px;}
	.headingBanner a {font-size:12px; color:#f3a600;}
	.headingBanner a:hover {color:#fff;}
.headingBanner2 {background:#434a3e; color:#f3a600; font-size:18px; width:390px; margin-bottom:20px; height:20px; padding-top: 5px; padding-right: 5px; padding-bottom: 1px; padding-left: 15px;}
	.headingBanner2 a {font-size:12px; color:#f3a600;}
	.headingBanner2 a:hover {color:#fff;}	

.headingBanner3  a {color:#f3a600; font-size:18px;}
.headingBanner3 a:hover {color:#fff;}	

.bigBold {color:#3b3b3b; font-size:25px; font-weight:bold; line-height:27px;}
.topLinks {float:left; display:inline; margin-left:20px;}
.heading17 {font-size:17px;}

h2.subLink {font-size:15px; float:right; margin-left:0;}
a h2:hover {color:#fff;}
a.smallLink {color:#434a3e; text-decoration:underline; font-weight:bold; display:inline;}
a.smallLink:hover {color:#f3a600;}

#main img {}
#main img.floatRight {margin:0 0 10px 10px;}
#main img.floatLeft {margin:0 10px 10px 0;}
#main img.links {margin-bottom:5px; border:none;}
#main a img:hover {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#main img.leftBlock-portfolio  {margin:0;}
/* ----------:: GLOBAL LAYOUT :: ------------- */

#header {
	background:#434a3e url('img/headLogo.jpg') bottom center no-repeat;
	width:100%;
	height:180px;
}

	#headWrap { width:900px; margin:0 auto;}
	
	a#logo {
	
display: block;

	float:left;
	width:150px;
	height:180px;

	}
	
	#addressBox {
	font-family:'Arial', 'Helvetica', Sans-serif;
	color:#fff;
	float:right;
	font-size:12px;
	margin-top: 7px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	}
	
	.address {float:right; display:inline; margin-left:15px;}
	.and {float:right; display:inline; margin:30px 0 0 10px;}

#addressBox a:link, a:visited { color:#f3a600; text-decoration:none; }
#addressBox a:hover{ color:#fff; text-decoration:none; }

#nav {
	background:#f3a600;
	width:100%;
	height:25px;
	border-bottom:2px solid #fff;
}

	#navContainer {
		width:900px;
		margin:0 auto;
		font-size:1.5em;
		text-transform:uppercase;
	}
	
	#navContainer ul {list-style:none; padding-top:4px;}
	#navContainer li {display:inline; margin-right:23px;}
	#navContainer li a {color:#fff;}
	#navContainer li a:hover {color:#434a3e;}
	
	#navContainer li.client {font-size:12px; margin:0 0 0 200px; text-align:right;}
	#navContainer li.client a {color:#434a3e;}
	#navContainer li.client a:hover {color:#fff;}

#main {
	font-family:'Arial', 'Helvetica', Sans-serif;
	background:#fff url('img/treeBkg.jpg') top left repeat-x;
	width:100%;
	height:400px;
	z-index:-1;
	
}

	#main p {margin-bottom:15px;}
	#main .block {margin:20px 20px 30px 20px; clear:both;}
	#main .blockFloat {margin:20px 20px 30px 20px; clear:none;}
	#main p.listing {margin-bottom:20px; clear:left; color:#3b3b3b}
	#main p.pressListing {margin-bottom:20px; clear:left;}
	#main p.videoListing {margin-bottom:5px; clear:left;}

	#mainBox {
		background:url('img/whiteBox.png') top repeat-x;
		color: #3b3b3b;
		width:900px;
		height:400px;
		margin:0 auto;
		text-align:justify;
		font-size:13px;
		line-height:1.3em;
		z-index:100;	
	}	

	#mainBox-emp {
	background:url('img/whiteBox.png') top repeat-x;
	color: #3b3b3b;
	width:900px;
	height:400px;
	margin:0 auto;
	text-align:justify;
	font-size:13px;
	line-height:1.3em;
	z-index:100;
	overflow: auto;
	}	



#trees {
	background:url('img/trees.png') left repeat-x;
	width:100%;
	height:311px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:10;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

#push {float:left; width:100%; height:1px;}

#foot {
	background:#434a3e;
	width:100%;

	clear:both;
	text-align:center;
	text-transform:uppercase;
	z-index:200;
}

	#foot p {
		color:#fff;
		padding-top:10px;
		line-height:1.7em;
	}
	
	#foot a {color:#fff;}
	#foot a:hover {color:#f3a600;}

/* ----- :: Local LAYOUT :: ---------- */

#homeRight {
	width:305px;
	height:400;
	margin-right:20px;
	margin-top:5px;
	float:right;
}

#homeRightIE {
	width:305px;
	height:400;
	margin-right:10px;
	margin-top:5px;
	float:right;
}

#homeVision {
	background:url('img/vision.png') no-repeat;
	width:313px;
	height:206px;
	margin-top:10px;
}

#flashBox {
	
	width:540px;
	height:471px;
	margin-left:10px;
	float:left;
		background-image: url(img/flashBox.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#flashBoxIE {
	width:540px;
	height:400px;
	margin-left:10px;
	float:left;
	background-image: url(img/flashBox.png);
	background-repeat: no-repeat;
	background-position: left top;
}



#edgeFan {
	background:url('img/edgeFan.png') center no-repeat;
	width:513px;
	height:173px;
	margin-left:10px;
	clear:left;
}

#bluePrint {
	
	float: right;
	width:433px;
	height:400px;
	margin-top:0px;
}

#leftBlock {display: inline; float:left; width:410px;  margin-left:20px; margin-top:10px;text-align:left;}
#leftBlock table a:link, a:visited { color:#f3a600; text-decoration:none; }
#leftBlock table a:hover{ color: #3b3b3b; text-decoration:none; }

#rightBlock2 { display: inline;
	margin-top:10px;
	margin-right:30px;
	float:left;
	width:380px;
	margin-left:20px;}


.leftBlock {display: inline; float:left; width:410px;  margin-left:20px; margin-top:10px;text-align:left;}
.leftBlock-portfolio {display: inline; float:left; width:410px;  margin-left:20px; margin-top:10px;text-align:left;}
.rightBlock {display: inline; float:right;  width:370px; text-align:left;  margin-left:20px;  margin-top:10px; padding-right:60px;}
.rightBlock2 {display: inline; float:left; width:200px; text-align:left;   margin-left:20px;  margin-top:10px; }
.miniFloat {
	float:left;
	width:180px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 0;
}

.miniFloat_r {
	display:inline;
	width:180px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left:250px;
}

#miniFloat2 { width:180px; margin-left:300px;}
.miniLeft {float:left; width:180px; margin:20px 20px 40px 20px;}
.thirdFloat {
	float:left;
	width:270px;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.fourthFloat {
	float:left; width:270px; margin-top: 10px; margin-right: 40px; margin-left: 20px;
}

.fourthFloat1 {
	float:left; width:270px; margin-top: 10px; margin-right: 40px; margin-left: 10px;
}