/*
COPYRIGHT 2008-2009 SAKR DESIGN
Version 1.1
*/


/* SECTION CONTAINER ------------------------------------------------------------ */

.sectionContainerTopAbout {
    height:865px;
    width:100%;
    display:block;
    background-image:url(../images/bgs/bgTop_about.jpg);
    background-repeat:no-repeat;
    background-position:center;
    }

    
.sectionContainerOtherAbout {
    height:950px;
    width:100%;
    display:block;
    background-image:url(../images/bgs/bgOther_about.jpg);
    background-repeat:no-repeat;
    background-position:center;
    } 

/* BODY DIVS  ------------------------------------------------------------ */  

.aboutContainer {
	width:400px;
	height:450px;
	float:left;
	}
	
.showcaseContainerAbout {
    margin:0;
    height:300px;
    width:800px;   
    }
	
.aboutContainerWhite {
	width:358px;
	height:408px;
	background-color:#FFFFFF;
	background-image:url(../images/aboutus/aboutus_philosophy.jpg);
	background-repeat:no-repeat;
	border:1px solid #777777;
	float:right;
	padding:20px;
	}
	
.aboutContainerWhite2 {
	width:358px;
	height:408px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	border:1px solid #777777;
	float:right;
	padding:20px;
	}


.aboutTXTContainer {
    margin:0;
    height:148px;
    width:398px;
	border:1px solid #777777;
	float:left;
    }
	
	
	.rowAbout {
		width:398px;
		position:relative;
		}
	
	.barAbout {
		height:148px;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		background: #777;
		}

	.ontopAbout {
		position: relative;
		margin-top: -148px;
		color:#FFFFFF;
		padding:20px;
		}
		
	.barAboutEmpty {
		height:148px;
		filter:alpha(opacity=20);
		-moz-opacity:0.2;
		-khtml-opacity: 0.2;
		opacity: 0.2;
		background: #fff;
		}
		
.aboutTXTContainer2 {
    margin:0;
    height:298px;
    width:198px;   
    border:1px solid #777777;
	float:left;
    }
	
	.rowAbout2 {
		float:left;
		width:198px;
		position:relative;
		}
	
	.barAbout2 {
		height:298px;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		background:#777;
		}

	.ontopAbout2 {
		position: relative;
		margin-top: -298px;
		color:#FFFFFF;
		padding:20px;
		}
		
	.barAbout2Empty {
		height:298px;
		filter:alpha(opacity=20);
		-moz-opacity:0.2;
		-khtml-opacity: 0.2;
		opacity: 0.2;
		background: white;
		}
		
.aboutTXTContainerWhite {
    margin:0;
    height:148px;
    width:398px;
	border:1px solid #777777;
	float:left;
    }
	
.aboutTXTContainerWhite2 {
    margin:0;
	padding:20px;
    height:258px;
    width:358px;
	border:1px solid #777777;
	background-color:#FFFFFF;
	float:left;
    }
	
.titleAbout {
     vertical-align:top;
     text-align:left;
     padding:10px 15px 5px 15px;
	 width:170px;
	 height:133px;
	 background-color:#FFFFFF;
	 float:left;
 }
 
.txtAbout {
 	text-align:left;
	padding-top:5px;
	}
	
.philosophy {
     vertical-align:top;
     text-align:left;
	 font-weight:bold;
	 font-size:90%;
	 color:#ee686a;
	 width:170px;
	 height:133px;
	 float:left;
	 padding-top:15px;
 }

.imgLeft {
	float:left;
	}
	
.imgRight {
	float:right;
	}
	
.testimonialColumn {
	margin:0;
	padding:0;
	height:450px;
	width:200px;
	border:none;
	float:left;
	}
	
	.speachLeft {
		text-align:left;
		padding:0 0 10px 0;
		margin:0;
		}
		
	.speachRight {
		float:right;
		width:30px;
		padding:0;
		margin:0;
		}
	
/* -- contact form ------------------------------------------------------------ */
	
.form {
	text-align:right;
	}

.contactForm  {
	margin:0;
	font-size:80%;
	line-height:1em;
	}
.contactForm fieldset { }

.contactForm legend { 
	padding:0;
	color:#777;
	}
.contactForm ul { 
	margin:0;  
	list-style:none;
	}
	
.contactForm ul li {
	clear:both; 
	background:none;
	width:350px; 
	}
	
.contactForm ul label { 
	display:block; 
	float:left; 
	width:100px; 
	padding:3px 0;
	}
	
.contactForm .txtField  {
	display:block; 
	float:right; 
	padding:3px; 
	width:220px; 
	margin:3px 0 3px 0;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	/*font-size:80%;*/
	color:#777;
	border:1px solid #777;
	outline:none;
	}
	
.contactForm .txtField:hover, .txtField:focus, .txtField:active { 
	border-color:#555; 
	background:#ccc;
	}
	
.contactForm .txtField2  {
	display:block; 
	float:right; 
	padding:3px; 
	width:228px; 
	margin:3px 0 3px 0;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	/*font-size:80%;*/
	color:#777;
	border:1px solid #777;
	outline:none;
	}
	
.contactForm .txtField2:hover, .txtField2:focus, .txtField2:active { 
	border-color:#555; 
	background:#ccc;
	}
	
.contactForm .send { 
	width:77px; 
	height:22px; 
	background: url(../images/form_btn.gif) no-repeat; 
	padding-bottom:2px; 
	text-align:center; 
	border:none; 
	margin:15px 0 0px 0; 
	border:none;
	color: #777;
	font: 1em Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;  
	}
	
.contactForm .send:hover {
	cursor:pointer; 
	color: #990000;
	}
	
.contactForm.request fieldset {
	border:1px #5b8a10 solid; 
	padding:5px;
	}
	
.contactForm fieldset.extra {
	margin-top:15px;
	}
	
.contactForm .file {
	display:block; 
	float:right; 
	padding:3px; 
	width:228px; 
	margin:3px 0 3px 0;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	/*font-size:80%;*/
	color:#777;
	border:1px solid #777;
	outline:none;
	}

.contactForm .security {
	float:right;
	width:30px;
	display:block; 
	padding:3px; 
	margin:3px 190px 3px 0;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color:#777;
	border:1px solid #777;
	outline:none;
	}
	
	
	
	
	
	
/* -- Testimonials changes ------------------------------------------------------------ */
	
	
.testimonialColumn-double {
	margin:0;
	padding:0;
	height:450px;
	width:400px;
	border:none;
	float:left;
	}
	
	.aboutTXTContainer2-double {
	    margin:0;
	    height:298px;
	    width:398px;   
	    border:1px solid #777777;
		float:left;
	    }
	
	.rowBox-double {
		height:-148px;
		width:397px;
		float:left;
		position:relative;
		border: 1px solid #777;
	}
	
		.rowAbout2-double {
			float:left;
			width:398px;
			position:relative;
			}
			
    .projectBox-double {
        height:148px;
        width:398px;
        float:left;
        border:1px solid #777777;
        background-color:#ffffff;
        }

.para {
	margin-top: 30px;
}