@charset "UTF-8";

/* =CALL LIBRARY */

	@import url("reset-min.css"); /* ------- Reset all CSS Styles */



/* =GENERAL - the general styles */

	body{

		font: 62.5%/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;

		color: #3f2905;

		background:url(../images/ssaBGB.jpg) center #FFFFFF fixed;

	}
	.font12{ font-size:12px;}
	.likeNAV {/*navigation*/
		color:#663333;
	}

		.likeNAV a{/*navigation*/
		color:#663333;
	}

		.likeNAV a:hover{color:#934900; text-decoration:none;}
.indent{padding-right:15px;}
	 span.help { color:#AA0000; font-style:italic; width:20px; }

	a{text-decoration: none; color:#663333;}
	.pLinks {text-decoration: none;color: #663333;}
	a.pLinks{text-decoration: none;color: #663333;}
	a:hover.pLinks{color:#934900;}
	hr{display: none;}

	strong{font-weight: bold;}

	ul.borderedlist li{

		border-bottom: 1px ridge #FFF;

	}

	ul.borderedlist li a{/*navigation*/

	font: 1.5em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;

		display: block;

		padding:10px 0px 10px 0px;

		margin: 2px 0px 2px 0px;

		color:#663333;

		text-align:center;

	}

	ul.borderedlist li a:hover{color:#000;}

	ul.borderedlist li.active_nav a{color:#F7E8B3;}

	ul.borderedlist li.active_nav a:hover{color: #42423b;}

	
.subTitle{
padding:10px;

}
.nameProject
{
	font-size:12px;
	color:#333;
}
.projectName
{
	font-size:16px;
	color:#663333;
}
.adTitle{
font-size:2.5em;
font-weight:bold;
}

/* =LAYOUT - the main layout styles */
	.container{
		width:900px;
		margin: 0 auto;
		position: relative;
		overflow:hidden;

	}

	/* header layout */

	#header{

		text-align:left;

		height: 200px;

		width:900px;

		position: relative;

	}

	#navigation{

		position: absolute;

		right: 0;

		top:20px;

	}

	/* main area layout */

	#main{ 

		background:url(../images/Layout/MainBG2.jpg); 

	background-repeat:no-repeat; 

	background-color:#FFFFFF;

	

	}

	#leftcolumn{float: left;width:210px;  margin-top:20px;}

	

	/* Gradient borders 

	#leftcolumnborder{float: left;width:60px; height:900px; background:url(../images/Layout/leftColumn.jpg); background-repeat:no-repeat;}

	#rightcolumnborder{float: right;width:60px; height:900px; background:url(../images/Layout/rightColumn.jpg); background-repeat:no-repeat;}

	*/


.HomeText
{
	line-height:15px;
	font-size:12px;
margin-left: 50px;
width:500px;

}
	#center{

	float: left;

	width:667px;

	padding-top: 10px;
}

	#rightcolumn{float: left;width:287px;}

	/* bottom layout */

	#bottominfo{

		border-top: 5px solid #42423b;

		background: #4a4841 url(../images/bottom_bgB.jpg) top repeat-x;

		padding-bottom:25px;

		width: 100%;

		overflow: hidden;

	}

	.bottomcolumn{

		float: left;

		width:288px;

		margin-right: 18px;

	}

	.bottomright{margin-right:0;}

	

/* =HEADER - the header styles */

	#header .container{height: 150px; width:680px; margin-left:-50px;}

	/* logo */

	h1{

	position: absolute;

	height: 44px;

	top: 606px;

	left: 406px;

	width: 270px;

	}

	h1 a{

		font: 24px/24px Arial, Helvetica, sans-serif;

		font-weight: bold;

		letter-spacing: -2px;

		padding: 22px 9px 25px 20px;

		display: block;

		background: url(../images/logo_bg.gif) left top no-repeat;

	}

	h1 a:hover{color: #fff;}

	h1 a span{

		height:71px;

		width: 13px;

		position: absolute;

		top:0;

		right: -13px;

		cursor: pointer;

		background: url(../images/logo_right.gif) right top no-repeat;

	}

	/* top navigation */

	#navigation li{

		float: left;

		padding-right: 27px;

		text-transform: uppercase;

		font-size: 1.3em;

		font-weight: normal;

	}

	#navigation li a{color: #CCC;}

	#navigation li a:hover,#navigation li.active a{}

	/* message and building pic */

	#banner{

		position:relative;

		height: 200px;

		padding:0 0px 0 0px;

	}

	

/* =CONTENT - the content styles */

	/* left column */

	.leftbox{padding: 10px 23px 10px 23px;margin-bottom:3px;line-height:1.8em;}

	h3.leftbox{font-size:19px; background: #B45052;padding:5px 0 10px 23px;}

	h3.header_small{font-size:15px;font-weight: bold;background: #B45052;padding:0 23px 5px 23px;}

	ul.leftbox{font-size: 1.2em;}



	.features{padding-top:15px;font:1.27em Arial, Helvetica, sans-serif;}

	

	#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:12px}	

	/* center column */
.article_wrapper_foot_head {

	background:url(../images/Layout/footerHeadB.jpg); 

		background-repeat:no-repeat; 

	height:20px;

	}

	.article_wrapper_foot_body {

	background:url(../images/Layout/footerbodyB.jpg); 
	background-repeat:no-repeat; 
	height:25px;  
	padding-left:10px; 
	padding-right:10px;
	}
	.article_wrapper_foot_foot {

	background:url(../images/Layout/greyfootB.jpg); 

		background-repeat:no-repeat; 

	height:33px;

	}

	.article_wrapper_head_bottom {

	background:url(../images/Layout/bodyHeader_bottomB.jpg); 

	background-repeat:no-repeat; 

	height:35px;  

	padding-left:10px; 

	padding-right:10px;  

	font-size:3.8em;}

	.article_wrapper_head_projects {

	background:url(../images/Layout/GreybodyHeaderB.jpg); 

	background-repeat:no-repeat;   

	font-size:3.8em;}

.article_wrapper_head {

	background:url(../images/Layout/GreybodyHeaderB.jpg); 
	background-repeat:repeat-y;
	padding:5px;	
	height:17px;
	color:#FFFFFF;
	}
	.article_wrapper_head_title {

	background:url(../images/Layout/greyBodyB.jpg); 

	background-repeat:repeat-y;

	padding:5px;	

	height:33px;
	}
	.article_wrapper_head_title h2{

	font-size:3.8em;}
	.article_wrapper_head_projects_title h2{

	font-size:1em;}
	.article_wrapper_head_projects_title p{
	

	font-size:16px;}

	.article_wrapper_head_projects_title {

	background:url(../images/Layout/greyBodyB.jpg); 
	background-repeat:repeat-y;
	padding:5px;	
	font-size:3.8em;}
	
	.article_wrapper_head_projects_bottom {
	background:url(../images/Layout/GreybodyHeader_bottomB.jpg); 
	background-repeat:no-repeat;
	*margin-top:-5px;
	height:38px; 
	padding-left:10px; 
	padding-right:10px;
	font-size:3.8em;}

	.article_wrapper_project_divider { 

	background:url(../images/Layout/dividerProjectsB.jpg); 

	background-repeat:no-repeat; 

	height:60px; 

	margin:0px 0px 0px 0px; 

	padding-top:0px; 

	padding-left:0px; 

	padding-right:0px;}

	.article_wrapper_Projects { 

	padding-bottom:10px; 

	padding-left:10px; 

	padding-right:10px;

	margin:0px;}

	.project_image{ 

	 float: left; 
	 margin: 0px 0px 0px 0px; 
	 vertical-align:middle;
	 width:260px; 
	 height:190px;
	 }



	.project_image_wrapper{ 
	border: 1px solid #663333; 
	overflow: hidden; 
	margin: 0px 0 0 0px; 
	width:260px; /*Width is for FireFox 2*/
	padding:5px;}

		

	

	.article_wrapper_New_head { 

	background:url(../images/Layout/NewProjectB.jpg); 

	background-repeat:no-repeat; 

	height:95px; 

	margin:0px 0px 0px 0px; 

	padding-top:10px; 

	padding-left:3px; 

	padding-right:3px;}

	.article_wrapper_text { 

	background:url(../images/Layout/textBodyB.jpg); 

	background-repeat:repeat-y;

	/*height:115px; to center in IE*/ 

	margin:0px 0px 0px 0px; 

	padding-top:10px; 

	padding-left:3px; 

	padding-right:3px;}

	.article_wrapper_text p{padding:10px; font-size:1.3em;}

	.article_wrapper_divider{ 

	background:url(../images/Layout/dividerB.jpg); 

	background-repeat:no-repeat; 

	height:50px; 

	padding-top:10px; 

	padding-left:10px; 

	padding-right:10px;}

	.article_wrapper_body { 

	background:url(../images/Layout/greyBodyB.jpg); 

	background-repeat:repeat-y;

	/*height:115px; to center in IE*/ 

	padding-top:3px; 

	padding-bottom:10px; 

	padding-left:3px; 

	padding-right:3px; 

	margin:0px 0px 0px 0px;}

	.article_wrapper_body h2{

	color: #4b4942; 

	font-size:2em;

	}

	.article_wrapper_body p{

	padding-bottom:10px; 

	font-size:1.1em;}
.article_wrapper_body { 

	background:url(../images/Layout/greyBodyB.jpg); 
	background-repeat:repeat-y;
	/*height:115px; to center in IE*/ }
	.article_wrapper_bottom_grey{ 

	background:url(../images/Layout/greyBottomB.jpg); 
	background-repeat:no-repeat;
	height:29px;
	padding-bottom:30px; 
}

	.article_wrapper_bottom_gallery{ 

	background:url(../images/Layout/greyBottomB.jpg); 

	background-repeat:no-repeat;
	height:90px;
}
	
	.article_wrapper_pp {padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px;margin:0px 0px 0px 30px;}
	.article_wrapper {padding-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px;margin:0px 0px 0px 0px;}

	.article_wrapper_overflow { font-size:1.3em; padding-bottom:10px; height:200px; overflow:auto; padding-top:10px; padding-left:10px; padding-right:10px;margin:10px 0;}

	.article_wrapper_title {padding-bottom:5px; padding-top:5px; margin:5px 0;}

	.article_wrapper_title h2{color: #5699A7; font-size:2em;margin:10px 0;}

	.article_wrapper_inside_lables p a{color: #663333; font-size:1.2em;margin:10px 0;text-decoration:underline;}

	.article_wrapper_inside_lables p a:hover{color:#934900; font-size:1.2em;text-decoration:underline;}

	.article_wrapper_inside {padding-bottom:8px; padding-left:10px; padding-right:10px;margin:0px 0; height:130px; overflow:hidden;}

	.article_wrapper_inside_lables {padding-bottom:0px; padding-left:10px; padding-right:10px;margin:0px 0;}

	.article_wrapper_inside_lables a{color: #663333; font-size:1.2em; text-decoration:underline;}

	.article_wrapper_inside_lables a:hover{color:#934900; font-size:1.2em;text-decoration:none;}

	.article_wrapper_inside a{color: #663333; font-size:1.2em; text-decoration:none;}

	.article_wrapper_inside a:hover{color:#934900; font-size:1.2em;text-decoration:none;}

	
	.TitleC{color: #FFFFFF; text-decoration:none; font-size:50pt;}
	.TitleC a{color: #FFFFFF; text-decoration:none; font-size:50pt;}
	.TitleC a:hover{color: #663333; text-decoration:none; font-size:50pt;}

	.article_wrapper p{padding:10px; font-size:1.3em;}

	.article_wrapper li{padding-bottom:10px;font-size:1.3em;}		

	/* right column */

	.rightbox_wrapper{

		background: #B45052;

		padding:5px;

		margin-bottom: 10px;

		width:277px;

		overflow: hidden;

		font-size:11px;

		line-height: 18px;

		color: #58584D;

	}

	.centerFeat{border: 1px dashed #d9e0e8;width:126px; height:126px;overflow: hidden;padding-bottom:6px; padding-top:6px; padding-right:6px; padding-left:6px;}

	.centerboxLEFT{border: 1px dashed #d9e0e8;overflow: hidden;padding-bottom:6px; float:left;  text-align:right;}

	.centerboxRIGHT{border: 1px dashed #d9e0e8;overflow: hidden;padding-bottom:6px; float:right;}

	.centerboxForm{border: 1px dashed #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px; padding-top:6px; padding-right:6px; padding-left:6px; margin-bottom:6px;}

	.centerbox{border: 1px dashed #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px;}

	

	.new_project_image {
	overflow: hidden;
	padding:20px 0px 6px 0px;
	margin: 0px 0px 0px 14px;
	}
	.new_project_image h5 {/*For the new project on the index page*/
	position: absolute;
	height: 50px;
	top: 549px;
	left: 250px;
	color:#FFFFFF;
	display:block;
	text-align:center;
	font-size:3.8em;
}
	.new_project_image h4 {
	position: absolute;
	height: 26px;
	top: 549px;
	left: 723px;
	width: 85px;
	color:#FFFFFF;
	font-size:1.5em;
	}

	.centerboxMESS{border: 1px dashed #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px; text-align:left; vertical-align:text-top;}

	.product_image_wrapper{border: 1px solid #d9e0e8;width:275px;overflow: hidden;padding-bottom:6px;}

	.product_image_left{ float: left; width:126px;height:126px;margin: 0 0 0 0;}

	.product_image{ float: left; width:263px;height:200px;margin: 6px 0 0 6px;}

	.product_wrapper{float: right;width:200px;}

	.product_wrapper h4{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:10px;}

	.product_wrapper p{font-size:1em;}

	.lastbox{margin:0;}

/******************************************************************

 + forms

******************************************************************/



#new_project_image form {

  width: 560px;

	margin-top: 0;

	padding-top: 0;

	font-size: 1.6em;

}



#new_project_image form legend {

	font-weight: bold;

	padding: 6px 12px 2px 0px;

	position: relative;

	top: -9px;

	border-bottom: none;

}



#new_project_image form fieldset {

  border: none;

	margin-bottom: 5px;

}



#new_project_image form fieldset .textfield {

	border: 1px solid #FFCC00;

	width: 300px;

  padding: 3px;

}	



#new_project_image form fieldset .select-field {

	border: 1px solid #FFCC00;

  padding: 3px;

}	



#new_project_image form fieldset .text-area {

	border: 1px solid #FFCC00;

  padding: 3px;

}	







#new_project_image form div{

  margin-bottom: 10px;

  .margin-left: 10px; /* ie 7 */

  _margin-left: 10px; /* ie 6 */



}



#new_project_image form label{

  display: block;

  margin-bottom: 3px;

  clear: right;

  font-size: .8em;

}





#new_project_image form textarea{

  width: 500px;

}

/* =FOOTER */

	#footer{

		height: 85px;
		margin-left:30px;
		font-size: 1.2em;

	}

	.white{

	padding:5px;

	color:#FFF;

	font-size: 1.2em;

	}
	.grey{padding:5px;

	color:#333;

	font-size: 1.2em;}

	#designby{

		background:url(../images/Layout/MelowWiseLogo.jpg) left top;

		background-repeat:no-repeat;

		float: left;

		color:#000000;

		height: 23px;

		padding:0px 0px 0px 30px;

		margin-top: 5px;
		margin-left:0px;

	}

	#footer_navigation{

		float: right;
		font-size:10px;
		padding-top:7px;
		padding-right:50px;

	}

	#footer_navigation li{float: left;padding-right:18px;}

	#footer_navigation li a{text-transform:uppercase; color:#663333;}

	#footer_navigation li a:hover,#footer_navigation li.active_foot a{color:#000;}

	.adBox{border: 1px dashed #000;width:575px; padding-bottom:6px; padding-top:6px; padding-right:6px; padding-left:6px; margin-bottom:6px; margin-top:25px;}