@import "reset.css";
body { font-family:Arial;font-size:12px;line-height:18px;color:#a9a9a9;text-align:left;}


a       { color:#a9a9a9; text-decoration:underline; }
a:link  { color:#a9a9a9; text-decoration:underline;}
a:hover { color:#a9a9a9; text-decoration:none;}
a:active{ color:#a9a9a9; text-decoration:underline;}


#content  {
		z-index:10;padding:0px;position:absolute;
	}
	
.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
br{ line-height:18px}
.last{ border:0; margin:0}
.page{ position:absolute; width:99%; height:98%; top:0; left:0; z-index:100}

/*   -----------------------------------------------------------------------------*/ 

.top{ height:60px;  border-top:10px #000 solid; width:101%; background:url(../images/opa_55.png) top repeat; z-index:11; position:relative; }
.context{ width:1000px; margin:auto}
.top .context a.logo{ display:block; width:205px; height:183px; border:0!important; margin-top:-12px}
.top .context a.logo h1{ text-indent:-999px; line-height:1px; font-size:1px; margin:0; padding:0}

.copy{ height:35px; background:#252525; width:100%; color:#646464; }
.copy .context{ padding-left:25px; padding-top:10px;width:975px}

.footer{ width:100%; height:55px; background-color:#000}
.footer .context{ padding:20px 0px 0px 27px;width:973px}
.footer .context a{ font-size:14px; font-family:Arial; color:#989898; font-weight:normal; text-decoration:none; margin-right:80px}
.footer .context a:hover, .footer .context a.act{ color:#ff7c24}
.more{ display:block; padding-left:12px; background:url(../images/arrow.gif) 0px 7px no-repeat; cursor:pointer; color:#ff7c24}
.more:hover{ color:#fff}
.sigma{ line-height:6px}

.mail{  cursor:pointer; color:#ff7c24!important}
.mail:hover{ color:#fff!important}

.top .context{ background:url(../images/logo.gif) top left no-repeat; height:170px; border:0;}
.top .context .right{ width: 795px;}

.context h1{ color:#c9c9c9; font-size:18px; margin:20px 0px 20px 0px; border-bottom:1px solid #454444; padding-bottom:20px}
.content3 .context{ padding:20px 20px 10px 25px; width:955px }
.content3 .context strong{ color:#fff; line-height:20px}


#foot{ height:90px; background:url(../images/opa_80.png) top repeat; position:relative; width:101%;z-index:10}

/* -----------------------------------------------------------------------------*/ 
.horizontalcssmenu ul{ width:795px; height:45px; float:right; margin:0; list-style:none}
.horizontalcssmenu ul li { position: relative; display:block ;float: left;  width:159px; text-align:center;}
.horizontalcssmenu ul li a{ text-decoration:none!important;background-color:#000;height:46px;padding-top:15px;color:#989898;font-size:14px;line-height:20px;width:159px; display:block}
.horizontalcssmenu ul li:hover  a{ background:none; color:#fff}
/* -----------------------------------------------------------------------------*/ 
.horizontalcssmenu ul li ul {left:-40px;position:absolute;display: block; visibility: hidden;z-index: 100;width:210px;}
.horizontalcssmenu ul li ul.last{ left:-100px}
.horizontalcssmenu ul li ul li{display:block;width:210px;height:40px;line-height:40px;background:url(../images/opa_55.png) repeat; padding-left:10px}

.horizontalcssmenu ul li ul li a{ display: block;  width:180px; height:40px; line-height:40px; text-decoration:none; color:#ff7c24; font-size:14px; text-align:left; padding-left:20px; padding-top:0; border-bottom:#f5f5f5 1px solid; background:url(../images/arrow.gif) 6px 18px no-repeat !important}
.horizontalcssmenu ul li ul li a.last{ border:0}
.horizontalcssmenu ul li  a.act{ color:#fff}
.horizontalcssmenu ul li ul li a:link{ text-decoration:none; color:#fff;}
.horizontalcssmenu ul li ul li a:hover{text-decoration:none; color:#ff7c24; }
.horizontalcssmenu ul li ul li a:active{text-decoration:none; color:#fff; }
/* -----------------------------------------------------------------------------*/ 
#index{ height:350px; background:url(../images/opa_80.png) top repeat; position:absolute; width:101%; bottom:-2%; z-index:100}

#index .content{ height:260px;}
#index .content .context .left_column{ width:630px; float:left}
#index .content .context .left_column div{ padding-left:170px; padding-right:10px}
#index .content .context .left_column div strong{ color:#fff; line-height:20px}

#index .content .context .right_column{ width:300px; float:right}

#index .content .context .right_column div{ background:url(../images/img_1.png) 0px 2px no-repeat; padding:0px 10px 16px 60px; border-bottom:1px dashed #565353; margin-bottom:10px}
#index .content .context .right_column div.last{ border:0; margin:0;background:url(../images/img_2.png) 0px 2px no-repeat;}
#index .content .context .right_column div a{ text-decoration:none}
#index .content .context .right_column div a:hover{ text-decoration:underline}
/* -----------------------------------------------------------------------------*/ 

#read_more h4{ margin:0px 0px 20px 0px; color:#000; font-size:24px; line-height:24px;}
	
/* -----------------------------------------------------------------------------*/ 
#about {background:url(../images/opa_80.png) top repeat; height:auto !important;margin:0 auto -20px; min-height:100%; position:relative; width:101%;padding-top:130px;z-index:10}
#about .content .context{ height:100%}
#about .content .context .left_column{ width:640px; float:left; }
#about .content .context .right_column{ width:290px; float:right;}
#about .content .context .left_column div{ padding-left:170px; padding-right:0px}
#about .content .context .right_column div.testimonials{border-bottom:1px dashed #565353; margin-bottom:10px; padding:2px 10px 8px 0px;  }
									   div.testimonials b{ font-weight:normal; color:#fff}
									   div.testimonials a{ line-height:18px; text-decoration:none; margin:0; padding:0;}
#about .content .context .right_column div.last{ border:0}
#about .content .context .right_column img{ margin-bottom:12px}
#about .content .context .right_column a{display:block; padding-left:12px; background:url(../images/arrow.gif) 0px 9px no-repeat; cursor:pointer; color:#ff7c24; line-height:22px}
#about .content .context .right_column a:hover{ color:#fff}
#about .content .context .right_column div.testimonials a{ line-height:18px!important; text-decoration:none; margin:0!important; padding:0!important; background:none!important; display:inline!important}
#about .content .context .right_column div.testimonials a:hover{ text-decoration:underline}

#about .content .context .right_column div.testimonials a.com{ text-decoration:underline; margin:0;	 color:#ff7c24!important}
#about .content .context .right_column div.testimonials a.com:hover{ text-decoration:none; color:#fff!important}
/* -----------------------------------------------------------------------------*/ 
#services {background:url(../images/opa_80.png) top repeat; height:auto !important;margin:0 auto -20px; min-height:100%; position:relative; width:101%;padding-top:130px;z-index:10}
#services .content .context{ height:100%}
#services .content .context .left_column{ width:280px; float:left; margin-bottom:6px}
#services .content .context .right_column{ width:640px; float:right;margin-bottom:6px}
#services .content .context .left_column a{display:block; padding-left:12px; background:url(../images/arrow.gif) 0px 9px no-repeat; cursor:pointer; color:#ff7c24; line-height:22px}
#services .content .context .left_column a:hover{ color:#fff}
#services .content .context .left_column img{ margin-bottom:12px; margin-top:1px}
#services .content .context .right_column div.block{ border-bottom:1px dashed #565353; margin-bottom:14px; padding:0px 0px 14px 0px; margin-top:-5px}
#services .content .context .right_column div.for_photo{padding-left:170px; padding-right:0px}


/* -----------------------------------------------------------------------------*/ 


/* -----------------------------------------------------------------------------*/ 

/* -----------------------------------------------------------------------------*/ 
.red { color:#FF0000;}
.white {color:#FFFFFF;}
#contact td{ font-size:12px; font-family:Arial; line-height:18px; vertical-align:top}

.sub{font-size:12px; background:url(../images/arrow.gif) 8px 12px no-repeat; padding-left:10px; line-height:18px; text-decoration:underline; cursor:pointer; border:0; text-transform:none;color:#ff7c24;  display:block; width:80px; height:30px; background-color:#000; border:1px #5b5b59 solid; padding-bottom:5px
		 }
	
#contact .input_contact{background-color:#000;
	width:400px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a9a9a9;
	border:1px solid #5c5b5a;}
	
#contact .textarea_contact{background-color:#000;
	width:400px;
	height:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a9a9a9;
	border:1px solid #5c5b5a;}
	
#contact .select{background-color:#fff;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #d2dce6;}