/* CSS Document */
/* For Netscape and Firefox Mozzilla Browsers */
body { text-align: center }
#main { text-align: left; width: 900px; margin: 0 auto }
#top {
	width: 900px;
	height: 116px;
	z-index: 2;
	border-bottom: 4px solid #000000;
}
#mybody {
	width: 677px;
	height: 580px;
	float: left;
	/*z-index: 2;*/
}
#mybody p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #787878;
	margin:5px 15px 5px 5px;
}
#mybody h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	margin:0px 20px 0px 0px;
	padding:0px;
	text-align:left;
}
#mybody h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	margin:0px 20px 0px 0px;
	padding:0px;
	border-bottom: 2px solid #666666;
	text-align:right;
}
#mybody ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #787878;
	list-style-type:disc;
}
#mybody a { color:#333333; text-decoration:none; border-bottom: medium none;}
#mybody a:hover { color:#333333;  text-decoration:none; border-bottom: 1px dashed #666666; }
#mybody a.imgLink { border: medium none; text-decoration:none; }
#mybody a.imgLink:hover { border: medium none; text-decoration:none; }
.picture0 { background: #FFFFFF url(images/picture0.jpg) left top no-repeat; }
.picture1 { background: #FFFFFF url(images/picture1.jpg) left top no-repeat; }
.picture2 { background: #FFFFFF url(images/picture2.jpg) left top no-repeat; }
.picture3 { background: #FFFFFF url(images/picture3.jpg) left top no-repeat; }
.picture4 { background: #FFFFFF url(images/picture4.jpg) left top no-repeat; }
.imgLeft_50 { float:left; width:105px; height:140px; padding:0px 7px 0px 0px; }
.imgRight_50 { float:right; width:105px; height:140px; padding:0px 7px 0px 0px; }

.imgLeft_75 { float:left; width:75px; height:75px; padding:0px 7px 0px 0px; }
.imgRight_75 { float:right; width:75px; height:75px; padding:0px 7px 0px 0px; }

.imgLeft { float:left; }
.imgRight { float:right; }
#lateral {
	width: 218px;
	height: 580px;
	border-left: 5px solid #000000;
	background-color: #9EA69F;
	float: left;
}
.aboutus_box1 { background: transparent url(images/aboutus_box1.png) left top no-repeat;
width:350px; height:70px; position:relative; left:275px; top: 410px; padding:7px; }
.aboutus_box2 { background: transparent url(images/aboutus_box2.png) left top no-repeat; 
width:440px; height:90px; position:relative; left:195px; top: 400px; padding:7px; }
.line_1 { border-top: 2px solid #A9A9A9; margin: 0px 20px 7px 10px;
border-bottom: medium none;
border-left: medium none;
border-right: medium none;}
.services_box1 { background: transparent url(images/services_box1.png) left top no-repeat; 
width:260px; height:455px; position:relative; left:15px; top: 20px; padding:7px; }
.contact_box1 { background: transparent url(images/contact_box1.png) left top no-repeat; 
width:250px; height:160px; position: relative; left: 360px; top: 90px; padding: 7px; }
.contact_box2 { background: transparent url(images/contact_box1.png) left top no-repeat; 
width:250px; height:160px; position: relative; left: 360px; top: 70px; padding: 7px; }
.contact_box3 { background: transparent url(images/set_box2.png) left top no-repeat; 
width:250px; height:40px; position:relative; left:360px; top: 80px; padding: 7px; }

.portfolio_box2 { 
	background: transparent url(images/portfolio_box1.png) left top no-repeat; 
	width:260px; height:105px; position: relative; margin: 10px;
}

.col50 { width: 40%; margin-left:35px; margin-top:35px; float:left; }
.col100 { width: 100%; float:left; }


.MyPadding { padding: 7px 10px 7px 7px; }

/*set photos portfolio*/
.set_box1 { background: transparent url(images/aboutus_box1.png) left top no-repeat; 
width:350px; height:70px; padding:7px; }
.set_box2 { background: transparent url(images/set_box2.png) left top no-repeat; 
width:250px; height:40px; position:relative; left:10px; }
.thumb_link { border: medium none; text-decoration:none; }
#setThumbs a img, #myPhoto a img { border:1px solid #ffffff; }
#setThumbs a:hover img, #myPhoto a:hover img { border:1px solid #000000; }
#myPhoto { width:260px; margin:5px; text-align:center; }
#myPhoto img { border:1px solid #ffffff; }
.col_260 { width: 260px; float: left; padding:100px 5px 5px 5px; }
.col_350 { width: 350px; float: right; padding:10px 10px 5px 5px; }