* { margin:0; padding:0;}
body { background:#000000}
html, input, textarea, select{font-family:arial; font-size:100%; color:#393939; font-weight:normal; font-size:0.75em; line-height:1.41em}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

.title, .title_top, .title_bot{ display:block}

p {margin:0; padding:0;}

h1 { text-indent:-1000px; line-height:1em; font-size:1em; background:url(images/logo.gif) no-repeat 0 0; width:211px; height:49px; margin:0; padding:0}
.pos{ position:absolute; margin:0; padding:0}

ul { margin:0; padding:0; list-style:none; line-height:2em; width:100%}
ul li a { color:#c7440b; text-decoration:none; font-size:1em}
ul li a:hover{ text-decoration: underline}


/*txt, links*/
span{ color:#c74309} 

a{ color:#c74309; text-decoration:none; font-size:0.91em}
a:hover{ text-decoration: underline}

span a{ color:#1b1b1b; text-decoration:none; font-size:0.91em}
span a:hover{ text-decoration: underline}

 
/*header*/
#header .row1{ height:106px; width:100%; background:url(images/r1_shape.gif) no-repeat left bottom}
#header .row1 .div{ padding:31px 0 0 53px}
#header .row2{ height:44px; width:100%; background:url(images/menu_rep.gif)}
#header .row2 .left{ background:url(images/menu_left.gif) no-repeat }
#header .row2 .right{ background:url(images/menu_right.gif) no-repeat right top; height:44px; padding-left:61px}

#header .row3{ height:249px; width:100%}
#header .row3 .col1{ width:60px; background:url(images/r3_left.gif) no-repeat right top; height:249px}
#header .row3 .col2{ width:644px; background:#ffffff url(images/slogan_bg.jpg) no-repeat 5px 1px; height:249px}
#header .row3 .col2 img{ margin:1px 0 0 5px}
#header .row3 .col3{ width:62px; background:url(images/r3_right.gif) no-repeat; height:249px}

#header .row4{ height:15px; width:766px}
#header .row5{ height:116px; width:100%}
#header .row5 .col1{ width:60px; height:116px; background:url(images/r5_left.gif) no-repeat}
#header .row5 .col2{ width:644px; height:116px; background:#FFFFFF}
#header .row5 .col2 img{ margin:0 5px 0 0}
#header .row5 .col2 div{ padding-left:7px}
#header .row5 .col3{ width:62px; height:116px; background:url(images/r5_right.gif) no-repeat}

/*content*/
#content .col_2{ background:url(images/cont_bg.gif) repeat-x #d8d7c0}
#content .bg{ background:url(images/p1_r1_bg.gif) repeat-x #c8c7b0}
#content .bg1{ background:#9f9e8c; width:100%}

#content p{ padding-bottom:15px}

#content .im{ vertical-align:middle; margin-right:7px}

#content .title{ margin-bottom:19px}

#content .indent{ padding:30px 30px 35px 30px}
#content .indent1{ padding:22px 25px 25px 31px}

/*footer*/
#footer{ font-family:verdana; color:#c4c4c4}
#footer a{ color:#c4c4c4; text-decoration:underline}
#footer a:hover{ text-decoration:none}
#footer div{ padding:23px 0 0 60px}
#footer img{ vertical-align:middle; margin:0 8px 0 16px}
#footer span a{ color:#949494; text-decoration:none}
#footer span a:hover{ text-decoration:underline}

/*================== index.html ==================*/
#page1 #content .col1 .row1{ width:100%}
#page1 #content .col1 .row2{ width:100%; padding-top:2px}
#page1 #content .col1 .row3{ width:100%; height:38px}

#page1 #content .col1 .row1 .indent{ padding:35px 15px 37px 32px}
#page1 #content .col1 .row1 .indent .title{ margin-bottom:29px}
#page1 #content .col1 .row1 .indent span{ font-size:0.91em}

#page1 #content .col1 .row2 .indent{ padding:25px 20px 19px 31px}
#page1 #content .col1 .row2 .indent .title{ margin-bottom:22px}
#page1 #content .col1 .row2 .indent input{ width:146px; height:21px; vertical-align:middle; background:#FFFFFF; color:#393939; font-size:1em; font-family:arial}
#page1 #content .col1 .row2 .a{ color:#FFFFFF; font-size:1em; text-decoration:underline; display:block; padding-top:11px}
#page1 #content .col1 .row2 .a:hover{ text-decoration:none}
#page1 #content .col1 .row2 .img{ vertical-align:middle; margin-left:14px}

#page1 #content .col2 .indent{ padding:36px 22px 95px 27px}
#page1 #content .col2 .title{ margin-bottom:30px}
#page1 #content .col2 b{ color:#e62d2d; font-weight:normal; font-size:1.2em}
#page1 #content .col2  .alignright{ padding:13px 10px 39px 0}
#page1 #content .col2 .img{ float:left; margin-right:7px}
#page1 #content .col2 .ind{ margin-left:35px; padding-right:10px}
#page1 #content .col2 .alignright1{ padding:0 15px 10px 0; color:#c74107; text-align:right; font-weight:bold}


/*================== index-1.html ==================*/
#page2 #content .col1 .indent{ padding:32px 25px 78px 30px}
#page2 #content .col1 em{ padding: 0 0 23px 20px; color:#191919; display:block}

#page2 #content .col2 .row1{ background:url(images/bg.gif) repeat-x #c5c4ab; width:100%}
#page2 #content .col2 .row1 .indent{ padding:32px 40px 35px 32px}
#page2 #content .col2 .row1 .block{ width:197px; padding-bottom:8px}
#page2 #content .col2 .row1 .block .c1{ width:109px; float:left}
#page2 #content .col2 .row1 .block .c2{ width:88px; float:left}

#page2 #content .col2 .row2 { padding:2px 0 38px 0}
#page2 #content .col2 .row2 .bg{ background:#cccbb6 url(images/bg1.gif) repeat-x}
#page2 #content .col2 .row2 .bg .indent{ padding:33px 30px 30px 32px}
#page2 #content .col2 .row2 span{ font-size:0.91em}

/*================== index-2.html ==================*/
#page3 #content .col1 .row1{ width:100%}
#page3 #content .col1 .row1 ul{ margin-bottom:8px}

#page3 #content .col1 .row2{ width:100%; padding-top:2px}
#page3 #content .col1 .row2 b{ color:#FFFFFF}
#page3 #content .col1 .row3{ width:100%; height:38px}
#page3 #content .col2 .img{ float:left; margin:0 16px 21px 0}


/*================== index-3.html ==================*/
#page4 #content .row1{ width:100%; background:url(images/bg2.gif) repeat-x #d1cfb5}
#page4 #content .row1 .img{ float:left; margin-right:16px}
#page4 #content .row2{ width:100%;  background:#cccbb6 url(images/bg1.gif) repeat-x}
#page4 #content .row2 .block{ width:581px; padding-bottom:15px}
#page4 #content .row2 .block .c1{ width:210px; float:left}
#page4 #content .row2 .block .c2{ width:200px; float:left}
#page4 #content .row2 .block .c3{ width:171px; float:left}
#page4 #content .row3 { height:38px; width:100%}

/*================== index-4.html ==================*/
#page5 #content .col1 .img{ float:left; margin-right:17px}
#page5 #content .col1 .indent{ padding-bottom:66px}

#page5 #content .col2{ padding-bottom:38px}
#page5 #content .col2 .bg{ background:url(images/p1_r1_bg.gif) repeat-x #c8c7b0}
#page5 #content .col2 .block{ width:212px}
#page5 #content .col2 .block .row{ height:43px}
#page5 #content .col2 .block input{ width:209px; height:18px; background:#FFFFFF; border:#8c8f7f 1px solid; color:#394242; font-family:arial; font-size:1em}
#page5 #content .col2 .block textarea{ width:209px; height:203px; background:#FFFFFF; border:#8c8f7f 1px solid; color:#394242; font-family:arial; font-size:1em; overflow:auto; margin-bottom:5px}


/*================== index-5.html ==================*/
#page6 #content a{ font-size:1em}
#page6 #content .indent{ padding-bottom:70px}

/* Lightbox stuff added by me! */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }