/*Trophy Troutfitters, www.trophytroutfitters.com, April 2013, Brenda Hublitz*/ 

body { font:  100% Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; background: #e9e9e9; /*#010500;*/

text-align: center;

width: 100%;

margin: 0;

padding: 0;

overflow-x: hidden }




#container { background: #e9e9e9; width: 63em;

margin: 0 auto;

text-align: left;

color: #e9e9e9;	}


/*Header*/

#head { background: url(../images/backc.jpg) repeat;

width: 63em;



position: relative;

border: .125em solid #706d66; /*.25em solid #706d66;*/

border-radius: .625em;

-moz-border-radius: .625em;  -webkit-border-radius: .3125em;

height: 18.75em;



margin: auto;}



#head1, #head2  { font-size: .94em;

margin: 0;

padding: .75em 0 ;

color: #cd8528;

border-top: dotted .133em #706d66;

border-bottom: dotted .133em #706d66;

font-weight: normal;

width: 11em;

text-align: center }



#head1 { top: 5.8em;

left: 4em;

position: absolute;	}



#head2 { top: 5.8em;

right: 4em;

position: absolute;	}

a , a:link { color: #706d66 }

/*Header End*/



/*navigation*/

#navig { width: 100%;

position: relative;


padding: .5em 0;

text-align: center;

background: #e9e9e9 url(../images/backnav.jpg);


border-top: .125em #e9e9e9 solid; border-bottom: .125em #e9e9e9 solid; border-left: .125em #706d66 solid; border-right: .125em #706d66 solid; border-radius: .3125em;

-moz-border-radius: .3125em; -webkit-border-radius: .3125em;

font-size: .94em; }







#navig li:before { content: "| "; }

#navig li:first-child:before { content: ""; }



/*IE workaround*/

/*All IE browsers*/

* html #navlig li

{

border-left: .0625em solid black;

padding: 0 0.4em 0 0.4em;

margin: 0 0.4em 0 -0.4em;

}



/*Win IE browsers - hide from Mac IE\*/

* html #navlig { height: 1%; }



* html #navlig li { display: block;

float: left; }



/*End hide*/

/*Mac IE 5*/

* html #navlig li:first-child { border-left: 0; }







#navig a:link  {	font-size: .95em;

font-weight: bold;

text-decoration: none;

border: none;

padding: .0625em .625em;

color: #010500; }



#navig a:visited { color: #010500 }



#navig a:hover, #navig a:focus {

border-bottom: .20em solid #010500;

padding: .0625em .625em;

color: #010500;	}

#navig a:active {

padding: .0625em .625em;

color: #010500;

border-bottom: none;}



#navig li {

font-size: 1.25em;

padding: 0 .0625em 0 0;

display: inline;

letter-spacing: .04em

}



#navig ul {

margin: 0;

padding: 0 2.79em 0 2.79em; }

/*Navigation End*/










#content { background-color: #050100;

width: 100%; position: relative;

letter-spacing: .01875em;

border: .125em solid #706d66;

border-radius: .625em; -moz-border-radius: .625em;  -webkit-border-radius: .625em; }


h1 { text-align:left;text-indent:-1000px;overflow:hidden; display:none;}




h2 { color: #96010a;

padding: 0 0 .3em 0;

font-size: 1.3em; letter-spacing: .0125em;	}



h3 { padding: 0 0 .3125em 0;

color: #96010a; 	 letter-spacing: .0350em; font-size: 1.1em}



h4 {

letter-spacing: .025em;

color: #010500;	margin: 0; padding:0 0 .5em 0; top: 0em; left: -1em; position: relative } h5 {color: #010500; }

h6 {font-size: .82em;  margin-top: -1.3125em; letter-spacing: .05em;}

p {	font-size:  .94em;

line-height: 1.25em; }



/*IMAGE SETTINGS*/


#head img { padding: 0;

border: none ;

position: absolute;

left: 19.375em;

top: .75em;

height: 17.375em;

width: 25em }



#one img, #oneb img, #onec img, #oneindex img { width: 23.4375em;

height: 15.625em;

top: .25em;

position: relative; padding: .3125em;

border: .3125em solid #706d66;

border-radius: .3125em;

-moz-border-radius: .3125em; -webkit-border-radius: .3125em ;}



#twob img { width: 23.4375em;

height: 15.625em;

position: relative;

top: 1.25em; padding: .3125em;

border: .3125em solid #706d66;

border-radius: .3125em;

-moz-border-radius: .3125em;  -webkit-border-radius: .3125em}



.coltop  img { 	border: none; margin-bottom: -.5em}


#middle #one #rates img { border: none;

display: block;

left: 2.75em;

top: -1.5em;

position: relative }



#column p, #colinner p { color: #706d66; width: 10.25em;

position: relative; text-align: center; font-family:  Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; font-size: .92em; }


#association img {

opacity:0.8;
filter:alpha(opacity=80);

height: 7em;

border: none;

margin: 1em 0 -.75em 0;} 


#association p {  font-size: .82em; position: relative; left: 1em;  }


/*Form*/

#contactform { width: 41.99em;

left: 3.25em;

position: relative;



top: -.5em }





#contactform form { position: relative;

border: .125em solid #706d66;

border-radius: .3125em;

-moz-border-radius: .3125em;  -webkit-border-radius: .3125em;

color: #010500;

padding: .375em .375em;

font-size:.95em; font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;

background:#e9e9e9;

width: 23em }







 form ol { list-style: none;

margin: 0;

padding: 0}



 form li { padding: .375em;

background: #a1a09b;

margin-bottom: .0625em;

height: 1.625em }



#contactform form li #send { background: none;

margin-top: .3125em;	}



#contactform form label { float:left;

width: 4.375em;

text-align: right;

margin-right: .250em;

color: #010500;

line-height: 1.625em;}	 /* This will make the labels vertically centered with the inputs */



#messageback { height: 10em }



textarea { height: 9.375em; }



#alternative {height: 3.6em; padding: .625em 0 0 .625em; }



#contactform form input, textarea {	padding: .25em;

font-size: .95em;

border:.0625em solid #666;

width: 14.735em; font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;}



form input:focus, form textarea:focus {	border:.0625em solid #666;

background:#e9e9e9; }



form li button {

background: #706d66 ;

border: .0625em solid #666;

padding: .25em .50em;

border-radius: .25em;

-moz-border-radius: .25em;

-webkit-border-radius: .25em;

color:#fff;

left: 5.5em;

top: -.25em;

position: relative;	}



form li #send button:hover { background-color: #006633; }



#contactform img { border: none;

position: absolute;

top: 2.5em; left: 4.1em }

/*Form End*/



/*Rates*/


#rates  { width: 41.5em;

position: relative; top: -.50em;  }



#r1, #r2, #r3 { width: 40.5em;

height: 5.5em; left: .75em;

position: relative;

background: #e9e9e9; border: #706d66 solid .125em;

margin-bottom: .0625em;

padding: 1em 0 .0625em 0;

color: #010500; } 

#r1 {  height: 5.75em}



#rates p { left: 3em;

position: relative; margin-bottom: -.5em}

#rates h4 { left: 2.75em;

position: relative; margin-bottom: -.5em}


#rates #r1 form {

position: relative;

left: 27em; top: -4.5em;

font-size: .95em; }



#rates #r2 form { left: 27em; top: -3.5em; position: relative; font-size: .95em; }



#rates #r3 form { left: 27em; top: -3.5em; position: relative; font-size: .95em; }



#ratesabout  { width: 39.5em;

left: 1.25em; top: .5em;

position: relative; padding: 0 0 .25em 0  }



/*Rates End*/



/*Gallery*/



#galleryhead { left: 2.75em; top: -.5em; position: relative; }

#gallery { position: relative; left: 2.75em; top: -.5em; width: 38.5em; background: #706d66; border: .125em solid #e9e9e9; padding: 1.25em 1.25em 2.5em 1.563em}



#thumbs {  position: relative;  top: 1em;  width: 38em; height: 17em; overflow: auto; border-top: solid .3125em #010500; border-bottom: solid .3125em #010500 }


#thumbs img  {

border: solid #e9e9e9 .25em; background-color: white;

cursor: pointer;  margin: .125em; height: 7.313em; width: 10.938em; position: relative }

#largeImage { border: solid #e9e9e9 .375em; }



#description {

background: #010500;

color: #e9e9e9;

position: absolute;

bottom: 0;

padding: .3125em .6250em;

width: 21.875em;

margin: 0 0 .5625em .375em }

#panel { position: relative; font-size: .94em }



/*SECTION SETTINGS*/



#middle { width: 47.5em;

top: 1.25em;

margin: 0 0 4em 0;

border-right: .0625em solid #706d66;

text-align: left;

position: relative }



#oneindex   { width: 41.75em;

position: relative;

margin: 0 0 -2.5em 0; padding: 0 0 ;

left: 3em; 	}



#one  { width: 41.75em;

position: relative;

left: 3em; 	}


#oned  { width: 41.75em;

position: relative;

left: 3em; 
margin: -.5em 0	0 0 0}


#oneb  { width: 41.75em;

position: relative;

margin: 0 0 -5em 0;

left: 3em; 	} #onec { width: 41.75em;

position: relative;

padding: 0 0 2em 0;

left: 3em; }



.inner { height: 23.4375em; position: relative; }



#one .righttext, #oneb .righttext, #onec .righttext, #oneindex .righttext { width: 16.75em;

left: 24.69em;

top: -1em;

position: absolute;

height: 23.44em }



#contactform .righttextb { width: 16.35em;

left: 24.69em;

top: 2.4em;

position: absolute }



#two { width: 41.75em;

left: 3em;

top: 4.25em;

position: relative;



border-top: .0625em solid #706d66 }



#twob { width: 41.75em;

left: 3em;

top: 4.25em;

position: relative;

border-top: .0625em solid #706d66 }



#twob .righttext { width: 17em;

top: 0em;

position: absolute;

left: 24.69em;

height: 375px  }



#twoindex { width: 41.75em;

top: 1.25em;

left: 3em;

padding: 0 0 1em 0;

position: relative;

color: #e9e9e9;

border-top: .0625em solid #706d66; }


#twoabout  { width: 40.25em;

top: .5em;

left: .75em;

position: relative; }
 
#twoc { width: 41.75em;

left: 3em;

top: 6.5em;

position: relative; } 

#twoc .lefttext { width: 17em;

position: absolute;

left: 0em; }

#twoc img { width: 23.4375em;

height: 15.625em;

position: absolute;

left: 19.69em;

top: 1em; padding: .3125em ;

border: .3125em solid #706d66;

border-radius: .3125em;

-moz-border-radius: .3125em; -webkit-border-radius: .3125em }

 #one .bottomtext, #oneb .bottomtext, #onec .bottomtext, #oneindex .bottomtext { width: 41.75em; position: absolute; 

top: 16.5em; }
#oneindex .bottomtext-home { width: 41.75em; position: absolute; 

top: 28.5em; }

#twob .bottomtext {width: 41.75em; position: absolute; top: 18.5em;}

#column { position: absolute;

left: 47.5em;

top: 3em;

width: 15.5em;

margin: 0 0 4em 0; }

 #package { width: 39.75em; position: relative; 

 top: .5em;
margin-bottom: .75em;
border: solid .125em #706d66;
padding: .5em 1em 0 1em;

color: #010500; background: #e9e9e9}
#packageb { width: 39.75em; position: relative; 
border: solid .125em #706d66;
 top: .5em;
margin-bottom: 0;

padding: .5em 1em 0 1em;

color: #010500; background: #e9e9e9}



#colinner { width: 10.75em;

/*border-top: 2px dotted #706d66;*/

left: 2.25em;

top: 1.5em;

position: relative;

text-align: center;

margin: 0 0 4em 0}



#colinner #breakbox { border-top: dotted .133em #706d66;

border-bottom:  dotted .133em #706d66;

padding: 1.25em 0; margin: 2.15em 0 1em 0;  font-size: 1em; color: #96010a; }




#foot {

background: #706d66;

color:#010500;


border-radius: .3125em;

-moz-border-radius: .3125em;

-webkit-border-radius: .3125em;

letter-spacing: .02em;

width: 100%;

border-left: .125em #706d66 solid; border-right: .125em #706d66 solid;

position: relative;

height: 12em;

border-top: .125em solid #e9e9e9;

padding: .375em 0;

color: #010500; font-weight: normal }



#footnava { font-size: .82em;

font-family:  Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;


left: 8em;  padding: 0; margin: 0; top: 2.2em;

position: absolute }



#footnavb { font-size: .82em; position: absolute;



left: 22em; padding: 0; margin: 0; top: 2.2em;}

#footnavc { font-size: .82em; position: absolute;


left: 36em; padding: 0;margin: 0; top: 2.2em; }



#foot ul { line-height: 1.4em; type: bullet;}

#foot li {  type: bullet;}



#foot a, #foot a:link { color: #010500; text-decoration:none}


#foot a:visited { color: #010500 }


#foot a:hover, #foot a:focus { color: #010500; text-decoration: underline }



#copyright {left: 20em;


color: #e9e9e9;

font-size:.82em; position: absolute;

top: 12.5em; padding: 0 0 .5em 0 } 


#design {  color: #e9e9e9; position: absolute; left: 51.5em; font-size:.82em;


top: 11.5em; padding: 0 0 .5em 0 }


#details { font-size: .92em; left: 51.5em; font-weight: bold;

top: 1em; padding: 0 1.2em;

border-left: solid .125em #fff;


position: absolute }




/*Link Setting*/


#breadcrumbs {

font-family: georgia, serif;

left: 3em;

position: relative;

border-bottom: solid .125em #e9e9e9;

width: 61.25em;

padding-bottom: .125em;

color: #e9e9e9;

font-style: italic}


a.inlink:link  { color: #e9e9e9; text-decoration: underline; letter-spacing: .025em} 

a.inlink:active {color: #706d66; text-decoration: underline;  }

a.inlink:visited  {color: #e9e9e9; text-decoration: underline; }

a.inlink:hover {color: #706d66; text-decoration: underline;  } 
a.inlinkb:link  {color: #010500;text-decoration: underline;  } 
a.inlinkb:visited { color: #010500; text-decoration: underline;  } 
a.inlinkb:active {color: #706d66; text-decoration: underline;  }

a.inlinkb:hover {color: #706d66; text-decoration: underline; }




#breadcrumbs a:link, #breadcrumbs a:visited { color: #706d66; text-decoration: none } 
#breadcrumbs a:hover, #breadcrumbs a:focus { color: #e9e9e9; text-decoration: none } 
#breadcrumbs a:active { color: #e9e9e9; text-decoration: none} /*Link End*/



#flows {

left: -2.5em;

position: absolute; top: 20.5em;}



#flows li { display: inline;

text-align: center}



#flows li a { font-size: .95em;}

#flows li:before { content: "| "; }

#flows li:first-child:before { content: ""; }





/*IE workaround*/

/*All IE browsers*/

* html #navlist li

{ border-left: .0625em solid black;

padding: 0 0.4em 0 0.4em;

margin: 0 0.4em 0 -0.4em; }



/*Win IE browsers - hide from Mac IE\*/

* html #two li { height: 1%; }



* html #two li { display: block;

float: left; }



/*End hide*/

/*Mac IE 5*/

* html #two li:first-child { border-left: 0; }



#flowintro { border-top: dotted .133em #706d66;

padding-top: .625em; }


#package form, #packageb form {

position: relative;

left: 30em; top: -4em;

font-size: .95em; margin-bottom: -1em}

#middle #one #package form img, #middle #one #packageb form img { display: block; border: 1em; height: 0; width: 0; margin-bottom: 0}


#package table, #packageb table {font-size: .95em; border: #706d66 solid 1px }
/*#package tr:hover, #packageb tr:hover { background: #A5A4A0; border: none;  }*/
#package  tr, #packageb tr { background: #C1C0BE; border: none;  }
#package td, #packageb td {padding: .65em 1em; }

#announce  { background: #e9e9e9; font-size: .94em;

margin: 0;

padding: 1em ;

color: #010500;


font-weight: normal;

width: 100%;
 }
