@charset "UTF-8";
/* contentx design sheet */
 body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color:#000000;
 }
 
 img {
	 border: none;
 }
 
/* link colors */
 a:link { color: #7e4e4e; font-weight: bold; font-style:italic;}
 a:visited { color: #336699; font-weight: bold; font-style:italic;}
 a:hover { color: #cc6633; font-weight: bold; font-style:italic;}
 a:active { color: #6699cc; font-weight: bold; font-style:italic;}

/* structure */
 #wrapper { 
 margin: 0px auto 30px;
 width: 1026px;
 height:inherit;
 }

/* homepage */
 #home_flash {
 color: #333;
 width: 1024px;
 height: 260px;
 padding: 0px;
 margin: 0px 0px 10px 0px;
 background-image:url(../images/css_bgd_elements/flash_background02.jpg);
 }
 
  #home_flash p {
  font-size:14px;
  letter-spacing: 1px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  padding:70px 0px 0px 45px;
 }

 #home_flash p a:link { color:#CCCCCC; font-weight: bold; font-style:italic; text-decoration: none;}
 #home_flash p a:visited { color: #336699; font-weight: bold; font-style:italic;}
 #home_flash p a:hover { color: #cc6633; font-weight: bold; font-style:italic;}
 #home_flash p a:active { color: #6699cc; font-weight: bold; font-style:italic;}

/* homepage left container */
#home_lt_containter { 
 background-color: #000000;
 background:url(../images/css_bgd_elements/homepage_lt_bgd.jpg) top center no-repeat;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 513px;
 float: left;
 text-align: right;
 }

 #home_lt_containter p {
 margin-top: 5px;
 margin-right: 50px;
 margin-left: 100px;
 font-family: Arial, Helvetica, sans-serif;
 color:#999999;
 line-height:150%;
 font-size: 12px;
 }
 
 #home_lt_containter h1 {
 margin-top: 0px;
 margin-right: 50px;
 font-family: Arial, Helvetica, sans-serif;
 color:#504536;
 font-size: 18px;
 font-weight:bold;
 } 
 
 #home_lt_containter h2 {
 margin-top: 5px;
 margin-right: 50px;
 font-family: Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size: 14px;
 font-weight:bold;
 }

#home_lt_containter img {
 margin-top: 30px;
 margin-right: 50px;
  border: none;
 }


/* homepage right container */

#home_rt_containter { 
 background-color: #000000;
 background:url(../images/css_bgd_elements/homepage_rt_bgd.jpg) top center no-repeat;
 border: none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 513px;
 text-align: left;
 float: left;
}

 #home_rt_containter p {
 margin-top: 5px;
 margin-left: 50px;
 margin-right: 100px;
 font-family: Arial, Helvetica, sans-serif;
 color:#999999;
 line-height:150%;
 font-size: 12px;
 }

 #home_rt_containter h1 {
 margin-top: 0px;
 margin-left: 50px;
 font-family: Arial, Helvetica, sans-serif;
 color:#504536;
 font-size: 18px;
 font-weight:bold;
 }
#home_rt_containter h2 {
 margin-top: 5px;
 margin-left: 50px;
 font-family: Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size: 14px;
 font-weight:bold;
 }
 
#home_rt_containter img {
 margin-top: 30px;
 margin-left: 50px;
 border: none;
 }


/* subpage */

#subpage_container { 
 background-color: #000000;
 background-image:url(../images/css_bgd_elements/subpage_midsection.jpg);
 background-repeat: no-repeat;
 border: none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 1024px;
 height: inherit;
 text-align: left;
 float: left;
 }
 
 #subpage_container object {
	 margin: 20px 180px 10px 180px;
	 position: relative;
 }
 
 
 #subpage_container p { 
 margin: 30px 250px 20px 335px;
 font-family: Arial, Helvetica, sans-serif;
 color:#999999;
 line-height:150%;
 font-size: 12px;
 }
 
 #subpage_container span {
 color: #FFFFFF;
 font-weight: bold;
 }
 
 #subpage_container em {
 color:#999999;
 font-weight: bold;
 font-style:italic;
 }
 
 #subpage_container h1 { 
 margin: 2px 250px 20px 335px;
 font-family: Arial, Helvetica, sans-serif;
 color:#504536;
 font-size: 18px;
 font-weight:bold;
 }
 
 #subpage_container h2 { 
 margin: 0px 250px 20px 335px;
 font-family: Arial, Helvetica, sans-serif;
 color:#504536;
 font-size: 12px;
 font-style: italic;
 }
 
 #subpage_container h3 { 
 margin: 2px 250px -20px 335px;
 font-family: Arial, Helvetica, sans-serif;
 color:#78480f;
 font-size: 18px;
 font-weight:bold;
 background-image:url(../images/css_bgd_elements/white_strip_right.png);
 background-position:bottom left;
 background-repeat:no-repeat;
 }
 
 #subpage_container h4 { 
 margin: 2px 250px 0px 335px;
 font-family: Arial, Helvetica, sans-serif;
 color:#504536;
 font-size: 18px;
 font-weight:bold;
 }
  #subpage_container h5 { 
 margin: 0px 250px 40px 335px;
 font-family: Arial, Helvetica, sans-serif;
 color:#504536;
 font-size: 12px;
 font-weight:bold;
 }
 
 #subpage_container ul li {
 margin: 0px 250px 0px 365px;
 font-family: Arial, Helvetica, sans-serif;
 color:#999999;
 font-size: 12px;
 font-style: normal;
 line-height:125%;
 }
 
 #subpage_container ol li {
 margin: 0px 250px 0px 325px;
 list-style-type: upper-roman;
 font-family: Arial, Helvetica, sans-serif;
 color:#999999;
 font-size: 12px;
 font-style: normal;
 line-height:150%;
 }
 

/* subpage2 pages - about.html services.html */
 
 #subpage_left2 { 
 background-color: #000000;
 border: none;
 margin: 0px 0px 0px 0px;
 padding-top: 50px;
 width: 260px;
 height: inherit;
 text-align: left;
 float: left;
 }
 
 #subpage_left2 img {
 margin:10px 25px 5px 175px;
 border: none; 
 }
 
 #subpage_right2 { 
 background-color: #000000;
 border: none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 260px;
 height: inherit;
 text-align: left;
 float: left;
 }
 
 #subpage_container2 { 
 background-color: #000000;
 background-image:url(../images/css_bgd_elements/subpage02_mid.jpg);
 background-repeat: no-repeat;
 border: none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 500px;
 height: inherit;
 text-align: left;
 float: left;
 }
 
 #subpage_container2 p { 
 margin: 30px 10px 20px 72px;
 font-family: Arial, Helvetica, sans-serif;
 color:#999999;
 line-height:150%;
 font-size: 12px;
 }

 #subpage_container2 p img {
 padding:5px 10px 0px 0px;
 position: relative;
 display: block;
 float: left;
 border: none;
 }

 #subpage_container2 span {
 color: #FFFFFF;
 font-weight: bold;
 }
 
 #subpage_container2 h1 { 
 margin: 2px 10px 20px 72px;
 font-family: Arial, Helvetica, sans-serif;
 color:#504536;
 font-size: 18px;
 font-weight:bold;
 }
 
 #subpage_container2 h2 { 
 margin: 0px 10px 20px 72px;
 font-family: Arial, Helvetica, sans-serif;
 color:#504536;
 font-size: 12px;
 font-style: italic;
 }
 
 #subpage_container2 h3 { 
 margin: 2px 10px -20px 72px;
 font-family: Arial, Helvetica, sans-serif;
 color:#78480f;
 font-size: 18px;
 font-weight:bold;
 background-image:url(../images/css_bgd_elements/white_strip_right.png);
 background-position:bottom left;
 background-repeat:no-repeat;
 }
 
 #subpage_container2 h4 {
 margin: 0px 10px -20px 72px;
 font-family: Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 }

 #subpage_container2 ul li {
 margin: 0px 10px 0px 92px;
 font-family: Arial, Helvetica, sans-serif;
 color:#999999;
 font-size: 12px;
 font-style: normal;
 line-height:150%;
 }
 
 #subpage_container2 h5 { 
 margin: 0px 10px -20px 72px;
 font-family: Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size: 16px;
 }
 
 #subpage_container2 hr {
 width: 80%;
 margin-left:70px;
 }
 
/* subpages section - internet.html, technology.html, etc */ 
 
 .subwrapper {
 width: 100%;
 margin-bottom:5px;
 float: left;
 }

/* sub left container */

.sub_lt_containter { 
 background-color: #000000;
 margin: 0px 10px 5px 0px;
 padding: 0px;
 width: 505px;
 float: left;
 background-image:url(../images/css_bgd_elements/subpage_lt_underline.jpg);
 background-position:bottom right;
 background-repeat:no-repeat;
}

#sub_lt_text {
 width: 250px; 
 height:105px;
 float: right;

 }
 #sub_lt_text p { 
 font-family: Arial, Helvetica, sans-serif;
 color:#ffffff;
 font-size: 12px;
 font-style: italic;
 font-weight: bold;
 text-align: right;
 margin: 70px 0px 0px 20px;
 }
 #sub_lt_img {
 width: 200px;
 height:100px;
 float: right;
 }
 #sub_lt_img img {
 float: right;
 border: none;
 }
/* sub right container */

.sub_rt_containter { 
 background-color: #000000;
 margin: 0px 0px 10px 5px;
 padding: 0px;
 width: 505px;
 float: right;
 background-image:url(../images/css_bgd_elements/subpage_rt_underline.jpg);
 background-position:bottom left;
 background-repeat:no-repeat;
}

#sub_rt_text {
 width: 250px; 
 height:105px;
 float: left;

 }
 #sub_rt_text p { 
 font-family: Arial, Helvetica, sans-serif;
 color:#ffffff;
 font-size: 12px;
 font-style: italic;
 font-weight: bold;
 text-align: left;
 margin: 70px 20px 0px 0px;
 }
 
 #sub_rt_img {
 width: 200px;
 height:100px;
 float: left;
 }
 
 #sub_rt_img img {
 float: left;
 border: none;
 }
 
 /* begin bottom sections, footer, etc. */
 
 #info {
 padding-top:50px; 
 clear: left;
 width: 100%;
 height: 20px;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-transform: uppercase;
 color:#504536;
 margin: 0 auto;
}

 #copy_info { 
 background-color: #000000;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 1024px;
 height: inherit;
 text-align: left;
 float: left;
 }

 #copy_info p { 
 margin: 30px 250px 20px 335px;
 font-family: Arial, Helvetica, sans-serif;
 color:#999999;
 font-size: 12px;
 line-height:150%;
 }

 #footer { 
 clear: left;
 width: 100%;
 height: 60px;
 background-image:url(../images/css_bgd_elements/cx_footer.jpg);
 background-repeat: no-repeat;
 border-top: 1px solid #333333;
 margin: 0 auto;
 }
 
 #footer p {
 margin-top: 35px;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-style:italic;
 font-weight: bold;
 font-size: 12px;
 color: #FFFFFF;
 }
 
 .span01 {font-size: 10px;
 padding-left:100px;
 padding-right:100px;
 font-style: normal;}
 
 
  #footer_jp { 
 clear: left;
 width: 100%;
 height: 60px;
 background-image:url(../images/css_bgd_elements/cx_footer.jpg);
 background-repeat: no-repeat;
 border-top: 1px solid #333333;
 margin: 0 auto;
 }
 
 #footer_jp p {
 margin-top: 35px;
 text-align: center;
 font-family: Arial, Helvetica, sans-serif;
 font-style:italic;
 font-weight: bold;
 font-size: 11px;
 color: #FFFFFF;
 }
 
 
 

/* text */
 p {
 font-family: Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size: 12px;
 }

 h1 {
 font-family: Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size: 12px;
 font-weight:bold;
 }

 h2 {
 font-family: Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size: 14px;
 font-weight:bold;
 }

 ul li {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding: 3px;
 margin: 0px 0px 0px 30px;
 font-style: normal;
 list-style-image:inherit;
 }


 /* detail page clients pages */

 #column_left {
 width: 237px;
 float: left;
 text-align: right;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 }

 #column_left02 {
 width: 277px;
 height: 475px;
 float: left;
 text-align: right;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 }

 #column_left h1 {
 margin: 20px 10px 3px 0px;
 font-family: Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size: 18px;
 font-weight:bold;
 background-image:url(../images/css_bgd_elements/white_strip_left.png);
 background-position:bottom;
 background-repeat:no-repeat;
 }

 #column_left p {
 margin: 0px 10px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 color:#da9397;
 font-size: 12px;
 font-style: italic;
 }

 #column_center {
 width: 550px;
 float: left;
 font-family: Arial, Helvetica, sans-serif;
 color:#ffffff;
 font-size: 12px;
 text-align: left;
 }
 
#column_center h1 {
font-size:14px;
padding-bottom:3px;
letter-spacing:3px;
font-weight: bold;
  background-image:url(../images/css_bgd_elements/white_stripe_horizontal.png);
 background-position:bottom left;
 background-repeat:no-repeat;
}
 
 #video_center {
 width: 650px;
 float: left;
 margin:120px 0px 30px 0px;
 }

 #video_center p {
font-family: Arial, Helvetica, sans-serif;
 color:#da9397;
 font-size: 12px;
 text-align: center;
 margin-bottom:10px;
 }
 #video_center em {
 font-family: Arial, Helvetica, sans-serif;
	color:#da9397;
	text-align: center;
	font-size:10px;
	font-style: italic;
 }

 #column_center02 {
 width: 550px;
 float: left;
 font-family: Arial, Helvetica, sans-serif;
 color:#ffffff;
 font-size: 12px;
 text-align: left;
 }

 #column_center p {
 margin: 0px 0px 0px 10px;
 font-family: Arial, Helvetica, sans-serif;
 color:#ffffff;
 font-size: 12px;
 text-align: left;
 }

 #column_right {
 width: 237px;
 float: left;
 text-align: left;
 color: #FFFFFF;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 }

 #column_right02 {
 width: 197px;
 float: left;
 text-align: left;
 color: #FFFFFF;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 }

 #column_right h1 {
 margin: 20px 0px 3px 10px;
 font-family: Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size: 18px;
 font-weight:bold;
 background-image:url(../images/css_bgd_elements/white_strip_right.png);
 background-position:bottom;
 background-repeat:no-repeat;
 }

 #column_right p {
 margin: 0px 0px 0px 10px;
 font-family: Arial, Helvetica, sans-serif;
 color:#da9397;
 font-size: 12px;
 font-style: italic;
 }

 #column_right img {
 margin: 5px 0px 5px 10px;
 border: none;
 }

 #video_column_right {
 width: 220px;
 float: left;
 text-align: left;
 color: #FFFFFF;
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
 }
 
 #video_column_right p {
 margin: 0px 50px 0px 30px;
 font-family: Arial, Helvetica, sans-serif;
 color:#da9397;
 font-size: 12px;
 font-style: italic;
 }
 
 #video_column_right img {
 margin: 20px 0px 5px 30px;
 border: none;
 }



/* Javascript gallery CSS - all client pages are built with this code */

.pikachoose{width:550px;margin:20px auto 10px auto; font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 12px; text-align: left;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:550px; margin-top:60px;overflow:hidden;}
.pikachoose ul li{float: left; padding:1px;background:#ffffff;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:550px;height:325px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:1px;left:1px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #FFFFFF;background:#FFFFFF;padding:1px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:550px;height:20px;padding-top:10px;text-align:left;position:relative;}
.pika_caption a{ color:#7e4e4e}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url(../images/css_bgd_elements/play.png) top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url(../images/css_bgd_elements/pause.png) top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}



/* if you want to 'hide' these just make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url(../images/css_bgd_elements/rewind.png) top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url(../images/css_bgd_elements/fastf.png) top right no-repeat;}

/* External video windows - multiple sizes for different sized videos */
#video_container01 {width: 641px; height: 376px; margin: 20px auto 0; position: relative;}
#video_container01 p {font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 11px; text-align: center; margin:10px 5px 5px 5px; }

#video_container02 {width: 472px; height: 90px; margin: 20px auto 0; position: relative;}
#video_container02 p {font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 11px; text-align: center; margin:10px 5px 5px 5px; }

#video_container03 {width: 550px; margin: 20px auto 0; position: relative;}
#video_container03 p {font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 11px; text-align: center; margin:10px 5px 5px 5px; }

#video_container04 {width: 853px; margin: 20px auto 0; position: relative;}
#video_container04 p {font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 11px; text-align: center; margin:10px 5px 5px 5px; }

#video_container05 {width: 100%; margin: 20px auto 0; position: relative; text-align: center;}
#video_container05 p {font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 11px; text-align: center; margin:10px 5px 5px 5px; }

#video_container06 {width: 480px; margin: 20px auto 0; position: relative; text-align: center;}
#video_container06 p {font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 11px; text-align: center; margin:10px 5px 5px 5px; }

#video_container07 {width: 800px; margin: 20px auto 0; position: relative; text-align: center;}
#video_container07 p {font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size: 11px; text-align: center; margin:10px 5px 5px 5px; }