@charset "utf-8";
/* CSS Document */


body { background:#000; padding:0px; margin:0px; }

div.spacer { clear:both; }

.100width { width:100%; }
.padding5px { padding:5px; }

#backgrnd { position:absolute; width:100%; height:100%;  }
#wrapper { position:relative; width:898px; margin:0 auto; }

#index01 { background:url(images/index1_01.jpg) no-repeat; width:898px; height:31px; position:relative;}
#index02 { position:relative; width:898px; height:39px; }
#index09 { position:relative; width:898px; height:273px; }
#index10 { position:relative; float:left; width:280px; left:20px;}
#index11 { position:relative; float:right; width:260px; right:15px;}
#index12 { position:relative; width:91%; margin:0 auto;}
#indexContent  { background:url(images/index1_11.jpg) repeat-y; width:898px; position:relative;}
#indexContent2  { background:url(images/index1_15.jpg) repeat-y; width:898px; position:relative;}
#index13 { background:url(images/index1_13.jpg) no-repeat; width:898px; height:100px; position:relative;}
#index14 { background:url(images/index1_14.jpg) no-repeat; width:898px; height:30px; position:relative;}

#indexmenu { position:absolute; display:block; height:39px; }
#indexmenu ul { position:relative; list-style-type:none; padding:0px; margin:0px; height:39px; }
#indexmenu li { position: absolute; height:39px; }
#indexmenu li a { display:block; height:39px; }
#indexmenu span { display:none; }

#indexmenu01 { background:transparent url(images/index1_02.jpg) no-repeat; width:221px; left:0px; }
#indexmenu02 { background:transparent url(images/index1_03.jpg) no-repeat; width:112px; left:221px; }
#indexmenu03 { background:transparent url(images/index1_04.jpg) no-repeat; width:110px; left:333px; }
#indexmenu04 { background:transparent url(images/index1_05.jpg) no-repeat; width:101px; left:443px; }
#indexmenu05 { background:transparent url(images/index1_06.jpg) no-repeat; width:117px; left:544px; }
#indexmenu06 { background:transparent url(images/index1_07.jpg) no-repeat; width:108px; left:661px; }
#indexmenu07 { background:transparent url(images/index1_08.jpg) no-repeat; width:129px; left:769px; }

#indexmenu01 a:hover { background:transparent url(images/index2_02.jpg) no-repeat; width:221px; left:0px; }
#indexmenu02 a:hover { background:transparent url(images/index2_03.jpg) no-repeat; width:112px; left:221px; }
#indexmenu03 a:hover { background:transparent url(images/index2_04.jpg) no-repeat; width:110px; left:333px; }
#indexmenu04 a:hover { background:transparent url(images/index2_05.jpg) no-repeat; width:101px; left:443px; }
#indexmenu05 a:hover { background:transparent url(images/index2_06.jpg) no-repeat; width:117px; left:544px; }
#indexmenu06 a:hover { background:transparent url(images/index2_07.jpg) no-repeat; width:108px; left:661px; }
#indexmenu07 a:hover { background:transparent url(images/index2_08.jpg) no-repeat; width:129px; left:769px; }

h1 {font-family:Arial, Helvetica, sans-serif; color:#FF0000; font-size:18px; padding-bottom:5px; padding-top:5px; margin-bottom:0px; margin-top:0px; line-height:1.5em;}
h2 {font-family:Arial, Helvetica, sans-serif; color:#FF0000; font-size:12px; padding-bottom:5px; padding-top:5px; margin-bottom:0px; margin-top:0px; line-height:1.5em; font-weight:100;}

p {font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; font-size:12px; padding-bottom:5px; padding-top:5px; margin-bottom:0px; margin-top:0px; line-height:1.5em;}
p.contact {font-family:Arial, Helvetica, sans-serif; color:#7c7d7d; font-size:12px; margin:0px; line-height:1.5em;}
p.center {font-family:Arial, Helvetica, sans-serif; color:#7c7d7d; font-size:12px; margin:0px; line-height:1.5em; text-align:center;}

div {font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; font-size:11px; line-height:1.5em;}

.hireheading {color: #CC0000}

a { font-family:Arial, Helvetica, sans-serif; color:#CC3333; font-size:11px; text-decoration:none; }
a:hover { font-family:Arial, Helvetica, sans-serif; color:#990033;font-size:11px; text-decoration:none; }

#float-right {position:relative; float:right; width:290px;}

#float-left{position:relative; float:left; width:596px;}

#float-footer {position:relative; width:894px; height:73px; left:2px; top:13px;}

.footerlightgray { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; }
.footerdarkgray { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666666; }
.footerdarkgray1 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; }

#indexF { position:absolute; display:block; height:73px; }
#indexF ul { position:relative; list-style-type:none; padding:0px; margin:0px; height:73px; }
#indexF li { position: absolute; height:73px; }
#indexF li a { display:block; height:73px; }
#indexF span { display:none; }

#indexF01 { background:transparent url(images/log1_01.jpg) no-repeat; width:96px; left:0px; }
#indexF02 { background:transparent url(images/log1_02.jpg) no-repeat; width:176px; left:96px; }
#indexF03 { background:transparent url(images/log1_03.jpg) no-repeat; width:127px; left:272px; }
#indexF04 { background:transparent url(images/log1_04.jpg) no-repeat; width:184px; left:399px; }
#indexF05 { background:transparent url(images/log1_05.jpg) no-repeat; width:146px; left:583px; }
#indexF06 { background:transparent url(images/log1_06.jpg) no-repeat; width:115px; left:729px; }

#indexF01 a:hover { background:transparent url(images/log2_01.jpg) no-repeat; width:96px; left:0px; }
#indexF02 a:hover { background:transparent url(images/log2_02.jpg) no-repeat; width:176px; left:96px; }
#indexF03 a:hover { background:transparent url(images/log2_03.jpg) no-repeat; width:127px; left:272px; }
#indexF04 a:hover { background:transparent url(images/log2_04.jpg) no-repeat; width:184px; left:399px; }
#indexF05 a:hover { background:transparent url(images/log2_05.jpg) no-repeat; width:146px; left:583px; }
#indexF06 a:hover { background:transparent url(images/log2_06.jpg) no-repeat; width:115px; left:729px; }

#gallery, #package01 { position:relative; margin-left:20px; margin-right:20px;}
#viewer, #contact-image { text-align:center; }

#contact-left { position:relative; float:left; width:425px; left:20px;}
#contact-right { position:relative; float:right; width:330px; right:15px;}

#package02 { margin:0px 0px 20px 23px;}
div.pack { position:relative; float:left; width:185px; margin:11px;}

ul.package { margin:0px; padding:0px 0px 0px 15px; list-style-image:url(images/bullet.png)}
ul.package li { font-family:Arial, Helvetica, sans-serif; color:#CCCCCC;  font-size:12px; }
#Content .inputBox { background:url(../images/input-background.gif) left top no-repeat; font:normal 12px Arial, Helvetica, sans-serif; width:170px; padding:3px 4px; border:0px; }
/* *************************** 
   FireFox Dotted Border fix
   ***************************/
   a:active
{
outline: none;
 
}
 
a:focus
{
-moz-outline-style: none;
}
 
 
/* Links --a:active and a:focus remove the dotted line from image boarder!*/
 
a:active
{
outline: none;
 
}
 
a:focus
{
-moz-outline-style: none;
}
 
.nav .select a:hover, 
.nav .select li:hover a {
background: url(../images/pro_line_1.gif); 
padding:0 0 0 15px; 
cursor:pointer; 
color:#fff;
}