body { background-color: #117c9b; /*rgb(7,1,24);*/ background-image:url(../images/bg.jpg); background-repeat: repeat-x; margin: 0px; }

html {overflow-y:scroll; overflow-x:hidden; height: 760px;}

* {margin:0;padding:0; /*list-style:none;*/}

p {padding: 10px 0px 0px 0px;}

a { outline:none;}

/*h1 { color:#17aab3; font-family: Harabara; font-size: 2em; }*/

img { border: 0px; }


.cufon-active h1 { color:#17aab3; font-size: 2.5em; }

.contact_pg {  margin: 0px 0px 0px 155px; float: left; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                         Layout

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#container { /*background-image: url(../images/bg.jpg); background-repeat: repeat-x;  background-position: 0px 0px;*/ margin: 0px 0px 0px 0px; /*border: 2px solid #F00;*/ width: 100%; min-height: 768px;   }

#top_bar { margin: 0px 0px 0px 0px; width: 100%; height: 9px; background-image:url(../images/top_bar.png ); background-repeat: repeat-x; background-position: 0px float:left; position:absolute;  z-index:2;  }

#content-box { margin: 0px 0px 0px 0px; width: 100%; min-height: 275px; float:left; position:absolute;  z-index:3; }

#content-box2 {  width: 100%; min-height: 328px; margin: 0px 0px 0px 0px;   z-index:3; }

.middle_bar {  background-image:url(../images/middle_bar_section.png); background-repeat: repeat-x; background-position: 0px 0px; margin: 225px 0px 0px 0px; width: 100%; min-height: 275px; float:left; position:absolute;  z-index:3; }

#wrapper { margin: 0px auto 0px auto;width: 1024px; min-height: 850px; position: relative; z-index:10;  }

.content-box {  margin: 133px 0px 0px 512px; width: 500px; min-height: 328px; float:left; position:relative; z-index:5;  }

.content_bg-top {  background-image:url(../images/content_bg-top.png ); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px 0px 0px 0px; width: 834px; height: 40px;  position:relative; z-index:3; }

.content_bg-middle {  background-image:url(../images/content_bg-middle.png ); background-repeat: repeat-y; background-position: 0px 0px; margin: 0px 0px 0px 0px; width: 834px; min-height: 513px;  position:relative; z-index:3; }

.content_bg-middle2 {  background-image:url(../images/content_bg-middle2.png ); background-repeat: repeat-y; background-position: 0px 0px; margin: 0px 0px 0px 0px; width: 834px; min-height: 177px;  position:relative; z-index:3; }

.content_bg-bottom { background-image:url(../images/content_bg-bottom.png ); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px 0px 0px 0px; width: 834px; height: 54px; /*float:left;*/ position:relative; z-index:3; }

.content-box_about {  margin: 45px 0px 0px 512px; width: 500px; min-height: 328px; float:left; position:relative; z-index:5; }

.content-box_work {   margin: 45px 0px 0px 64px; width: 500px; min-height: 328px;  position:relative; z-index:5; }

.content-box_services {  margin: 45px 0px 0px 64px; width: 800px; min-height: 328px;  position:relative; z-index:5; /*border: 1px solid red;*/ }

.content-box_procedures {  margin: 45px 0px 0px 64px; width: 800px; min-height: 328px;  position:relative; z-index:5; }

.content-box_contact {  margin: 133px 0px 0px 312px; width: 500px; min-height: 328px;  position:relative; z-index:5; }

#main-content { padding: 14px; }

.content-box_services ul { margin: 0px 0px 0px 20px; }

.content-box_procedures ul { margin: 0px 0px 0px 20px; }

.gallery_box {  min-height: 650px; width: 100%; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                        Images 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


#logo { cursor: pointer; margin: 0px 0px 0px 64px; width: 226px; height: 157px; /*background-image: url(../images/logo.png);*/ background-repeat: no-repeat; float: left; position: absolute; z-index:6; }

/*.logo li{float:left;list-style:none;margin:0px 0px 0px 0px;}
.logo a{text-decoration:none;display:block;float:left;}
.logo #logo1{background-image:url(../images/splash/logo.png);background-repeat:no-repeat;background-position:0 0;width:312px;height:313px;}
.logo #logo1:hover{background-position:0 -314px; background-color:#892a7a;}*/



ul.logo { width: 226px; list-style: none; margin: 0px; padding: 0px; }
ul.logo li { float: left; margin: 0px;  border: none; display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/ }

ul.logo li a {text-decoration: none; display: block; float:left; border: none;  }

ul.logo li a.thumb { width: 226px; height: 157px; background-position:0 0; }
ul.logo li span { width: 226px; height: 157px; overflow: hidden; display: block; }
ul.logo li a.thumb:hover { background-position:0 -157px; /*background: #333;*/ }




#social_icons{width:500px;height:78px;float:left;margin:0px 0px 0px 20px;padding: 10px 7px 0px 0px; border-top: 2px dotted #ed008c;}
#social_icons li{float:left;list-style:none;margin:0px 0px 0px 0px;}
#social_icons a{text-decoration:none;display:block;float:left;}
#social_icons #icon1{background-image:url(../images/splash/fb.png);background-repeat:no-repeat;background-position:0 0;width:72px;height:69px;}
#social_icons #icon2{background-image:url(../images/splash/flk.png);background-repeat:no-repeat;background-position:0 0;width:72px;height:69px;}
#social_icons #icon3{background-image:url(../images/splash/in.png);background-repeat:no-repeat;background-position:0 0;width:72px;height:69px;}
#social_icons #icon4{background-image:url(../images/splash/ms.png);background-repeat:no-repeat;background-position:0 0;width:72px;height:69px;}
#social_icons #icon5{background-image:url(../images/splash/tw.png);background-repeat:no-repeat;background-position:0 0;width:72px;height:69px;}
#social_icons #icon1:hover{background-position:0 -69px;}
#social_icons #icon2:hover{background-position:0 -69px;}
#social_icons #icon3:hover{background-position:0 -69px;}
#social_icons #icon4:hover{background-position:0 -69px;}
#social_icons #icon5:hover{background-position:0 -69px;}


#nina_home { cursor: pointer; margin: 70px 0px 80px 145px; width: 340px; height: 585px; float: left;  bottom: 0px; position: absolute; z-index:6; }
ul.nina_home { width: 340px; list-style: none; margin: 0px; padding: 0px; }
ul.nina_home li { float: left; margin: 0px;  border: none; display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/ }
ul.nina_home li a {text-decoration: none; display: block; float:left; border: none;  }
ul.nina_home li a.thumb { width: 340px; height: 586px; background-position:0 0; }
ul.nina_home li span { width: 340px; height: 586px; overflow: hidden; display: block; }
ul.nina_home li a.thumb:hover { background-position:0 -587px; /*background: #333;*/ }


#nina_about { cursor: pointer; margin: 70px 0px 0px 145px; width: 340px; height: 587px; float: left; bottom: 0px; position: absolute; z-index:6; }
ul.nina_about { width: 340px; list-style: none; margin: 0px; padding: 0px; }
ul.nina_about li { float: left; margin: 0px;  border: none; display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/ }
ul.nina_about li a {text-decoration: none; display: block; float:left; border: none;  }
ul.nina_about li a.thumb { width: 340px; height: 588px; background-position:0 0; }
ul.nina_about li span { width: 340px; height: 588px; overflow: hidden; display: block; }
ul.nina_about li a.thumb:hover { background-position:0 -588px; /*background: #333;*/ }


#nina_contact { cursor: pointer; margin: -538px 0px 0px 280px; width: 506px; height: 524px; float: left; /*bottom: 0px;*/ position: relative; z-index:6; }
ul.nina_contact { width: 506px; list-style: none; margin: 0px; padding: 0px; }
ul.nina_contact li { float: left; margin: 0px;  border: none; display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/ }
ul.nina_contact li a {text-decoration: none; display: block; float:left; border: none;  }
ul.nina_contact li a.thumb { width: 506px; height: 524px; background-position:0 0; }
ul.nina_contact li span { width: 506px; height: 524px; overflow: hidden; display: block; }
ul.nina_contact li a.thumb:hover { background-position:0 -524px; /*background: #333;*/ }

#images { margin: 0px 0px 0px 120px; width: 250px; min-height: 648px; float: left; /*bottom: 0px;*/ position: absolute; z-index:6; }

#images2 { margin: -50px 0px 0px 850px; width: 250px; min-height: 648px; float: left; /*bottom: 0px;*/ position: absolute; z-index:6; }

#images2b { margin: -50px 0px 0px 900px; width: 250px; min-height: 648px; float: left; /*bottom: 0px;*/ position: absolute; z-index:6; }


.about_content_bg { background-image:url(../images/about_content_bg.png); background-repeat:no-repeat; /*background-position:0 0;*/ width:596px; height:459px; float: left; margin: 130px 0px 0px 454px; position: absolute; z-index:2; }

.contact_content_bg { }

.work_content_bg { background-image:url(../images/work_content_bg.png); background-repeat:no-repeat; width: 727px; height: 535px; float: left; margin: 80px 0px 0px 200px; position: absolute; z-index:2; }



/*--Column Styles--*/
ul.columns {
	width: 960px;
	list-style: none;
	margin: 0 auto; padding: 0;
}
ul.columns li {
	width: 156;
	float: left;
	display: inline;
	margin: 10px;
	padding: 0;
	position: relative;
	height: 142;
}
ul.columns li:hover {z-index: 99;}


/*--Thumbnail Styles--*/
ul.columns li img {
	position: relative;
	filter: alpha(opacity=30);
	opacity: 0.3;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE8 Specific--*/
}
ul.columns li:hover img{
	z-index: 999;
	filter: alpha(opacity=100);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


/*--Details Style--*/
ul.columns li .info {
	position: absolute;
	left: -10px; top: -10px;
	padding: 160px 10px 20px;
	width: 156px;
	display: none;
	background: #fff;
	color: #999999;
	font-size: 1.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
ul.columns li:hover .info {display: block;}

ul.columns li h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px 0;
}
ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                       Navigation

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

nav {  height: 30px; margin: 64px 0px 0px 500px; float: left; }

nav ul { list-style: none; padding: 5px 20px; width: 478px; position: relative; margin: 0px 0px 0px 0px; }
nav ul li { display: inline;  }
nav ul li a { display: block; float: left;  font: bold .8em "Lucida Grande", "Verdana", sans-serif; text-transform:uppercase; color: rgba(255,255,255,.85); text-decoration: none; margin: 0px 10px 0px 10px; padding: 5px 5px 5px 5px;  }
nav ul li a:hover { color: rgba(255,255,255,1); background:#ed008c; }	
nav ul li a:active, nav ul li a.current { color: rgba(255,255,255,1); background: #ed008c ;position: relative;  }

#nav {  height: 30px; margin: 64px 0px 0px 500px; float: left; }

#nav ul { list-style: none; padding: 5px 20px; width: 478px; position: relative; margin: 0px 0px 0px 0px; }
#nav ul li { display: inline;  }
#nav ul li a { display: block; float: left;  font: bold .8em "Lucida Grande", "Verdana", sans-serif; text-transform:uppercase; color: rgba(255,255,255,.85); text-decoration: none; display: inline; margin: 0px 10px 0px 10px; padding: 5px 5px 5px 5px;  }
#nav ul li a:hover { color: rgba(255,255,255,1); background:#ed008c; }	
#nav ul li a:active, #nav ul li a.current { color: rgba(255,255,255,1); background: #ed008c ;position: relative;  }

#nav .hover { color: rgba(255,255,255,1); background:#ed008c; opacity: 1;}

a.current { color: rgba(255,255,255,1); background: #ed008c ;position: relative;  }




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                        Text

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.maintext { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #fff; padding: 20px; line-height: 24px; }

.maintext A:link { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #91337e; text-decoration:none; font-weight: bold; }

.maintext A:visited { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #91337e; text-decoration:none; font-weight: bold; }

.maintext A:active { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #91337e; text-decoration:none; font-weight: bold; }

.maintext A:hover { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color: #503766; text-decoration:underline; font-weight: bold; }




/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                        Scroll bar

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.scroll-pane { width: 100%; height: 200px; overflow: auto; }

.horizontal-only { height: auto; max-height: 200px; }

.Container {
  position: absolute;
  top: 50px; left: 100px;
  width: 400px;
  height: 500px;
  background: #FFF url(images/container_background.gif) no-repeat;
}
#Scroller-1 { 
  position: relative; 
  overflow: hidden;
  width: 600px;
  height: 450px;
}
/*#Scroller-1 p {
  margin: 0; padding: 10px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 20px;
  color: #6F6048;
}*/
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
#Scrollbar-Container {
  position: absolute;
  margin: 0px 0px 0px 700px;
  z-index: 20;
}
.Scrollbar-Up {
width: 18px; height: 21px;
  cursor: pointer;
  position: absolute;
    top: -20px;
   z-index: 18;
}
.Scrollbar-Track {
  width: 18px; height: 450px;
  position: absolute;
  /*top: 36px; left: 4px;*/
  background: transparent url(../images/scrollbar_track.jpg) no-repeat center center;
  z-index: 16;
}
.Scrollbar-Handle {
  position: absolute;
  width: 18px; height: 57px;
   z-index: 17;
}
.Scrollbar-Down {
width: 18px; height: 21px;
  cursor: pointer;
  position: absolute;
  top: 450px;
   z-index: 18;
}





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                       Footer

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {  width: 100%; min-height: 50px; text-align:center; z-index: 25; /*bottom: 0px;*/ position: absolute; background: rgba(7,1,24,1); margin: 0px 0px 0px 0px; padding: 15px 0px 15px 0px; }

.footer_links { width: 100%; margin: 0px auto;    }
.footer_links ul { margin: 0px 0px 0px 0px; }
.footer_links ul li {  display: inline; list-style: none; margin: 0px auto; }
.footer_links ul li a { /*display: inline;*/ /*float: left;*/  font: bold .7em "Lucida Grande", "Verdana", sans-serif; text-transform:uppercase; color: rgba(255,255,255,.55);padding: 0px 10px 0px 10px; text-decoration: none; border-right: 1px solid rgba(255,255,255,.55); }
.footer_links ul li a:hover { color: rgba(255,255,255,1); }
.footer_links ul li a:active, nav ul li a.current { color: rgba(255,255,255,1); }

.footer_text { color:#04effd;  margin: -10px auto 5px auto; width: 100%; text-align: center; }

.last_footer_link a { border: none !important; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

                       Browsers

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.safari footer {  bottom: 0px; position: relative; }

.safari .content-box_work { margin: 150px 0px 0px 60px; }
.safari .content-box_services { margin: 150px 0px 0px 60px; }
.safari .content-box_procedures { margin: 150px 0px 0px 60px; }


.chrome .content-box_work { margin: 150px 0px 0px 60px; }
.chrome .content-box_services { margin: 150px 0px 0px 60px; }
.chrome .content-box_procedures { margin: 150px 0px 0px 60px; }


.gecko .about_content_bg { margin: 50px 0px 0px 454px; }