/*define text tag behaviors*/

p { font-family: Verdana,Helvetica ; font-size: 12px; font-style: normal; font-weight: normal; }

p.story { color: rgb(238,238,200); line-height: 28px; letter-spacing: .05em; margin-left: 20px; margin-right: 20px; }

b { font-weight: bold; }

b.bigwords { font-size: 24px; font-weight: normal; }

h3 {font-family: Verdana, Helvetica; font-size: 11px; font-weight: normal; color: #414B4D; margin-right:0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }

h3.contact_info { color: #CCF7FF; background-color: #454; text-indent: 20px; letter-spacing: .1em; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px}

h4 {color: rgb(238,238,200); font-size: 9px; font-family: Verdana, Helvetica; font-weight: normal; letter-spacing: .2em; margin-right: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; padding-left: 5px; }

h4.comment { text-align: center; padding-left: 20px; padding-right: 20px; }

h4.comment2 { font-size: 11px; color: #CCF7FF; line-height: 20px; position: absolute; left: 60px; top: 420px; width: 440px; }

h4.comment3 { font-size: 11px; color: rgb(60,60,70); line-height: 20px; position: absolute; left: 100px; top: 534px; width: 440px; }

h4.comment4 { font-size: 11px; color: rgb(60,60,70); line-height: 20px; position: absolute; left: 20px; top: 450px; width: 440px; }

h4.comment5 { font-size: 10px; color: rgb(238,238,200); line-height: 16px; position: absolute; left: 580px; top: 575px; width: 360px; }

h4.menu {font-family: Verdana, Helvetica; position: absolute; left: 580px; top: 270px; width: 360px; font-size: 11px; font-weight:normal; color: #CCF7FF; text-indent: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; line-height: 20px}

h4.menufoto {position: absolute; left: 580px; top: 300px; width: 360px; margin-left: 0px; margin-right: 0px; margin-top: 30px; margin-bottom: 0px; line-height: 32px; text-align: left; }

h4.link { color: rgb(238,238,200); font-size: 11px; line-height: 200% ; position: relative; top: 40px; margin-left: 40px; width:480px; letter-spacing: .1em;}

h5 {font-family: Verdana, Helvetica; font-size: 10px; font-weight:normal; color: black; margin-right: 20px; margin-top: -1em; }

a:link, a:visited, a:active { text-decoration: none; color: #CCF7FF; font-weight: normal; }
a:hover { color: yellow }



/*define divs*/

#bg { position: absolute; top: 0px; left: 0px; width: 960px; height: 600px; z-index: 100; }

#nav { position: absolute; top: 0px; left: 0px; width: 960px; height: 40px; z-index: 200; }

#story1 {position: absolute; left: 560px; top: 53px; width: 400px; height: 547px; z-index: 300; }

#story2 { position: absolute; left: 400px; top: 53px; width:560px; height: 547px; z-index: 300; }

#story3 { position: absolute; left: 0px; top: 41px;  width: 560px; height: 557px; z-index: 300; }

#contact_info { position: absolute; left: 560px; top: 41px; width:400px; height: 14px;  z-index: 200; } 

#icon_menu { position: relative; top: 0px; left: 15px; width: 360px; z-index: 400; }

#port_styling { position: absolute; left: 0px; top: 41px; width: 560px; height: 557px; background-image: url(../els/bg/styling_port.jpg); vertical-align: middle; z-index: 400;  }

#port_set_design { position: absolute; left: 0px; top: 41px; width: 560px; height: 557px; background-image: url(../els/bg/set_design_port.jpg); vertical-align: middle; z-index: 400;  }

#port_photography { position: absolute; left: 0px; top: 41px; width: 560px; height: 557px; background-image: url(../els/bg/photography_port.jpg); vertical-align: middle; z-index: 400;  }


/*define div specific tag behaviors*/

#nav img { margin-left: 0px; margin-right: -4px; margin-top: 0px; margin-bottom: 0px;  }

#icon_menu img { margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; }

div#icon_menu span { display: block; left: 120px; margin: 0 0 0 0px; z-index: 400; font-family: Verdana, Helvetica, "Sans Serif"; font-size: 10px; color: rgb(238,238,200); text-align: left; font-weight: normal; }

#port_set_design img { text-align: center; padding-top: 20px; }
#port_photography img { text-align: center; padding-top: 10px; }
#port_styling img { text-align: center; padding-top: 20px; }

#contact_info h3 a:link { color: #CCF7FF; font-weight: bold; }
#contact_info h3 a:visited { color: #CCF7FF; font-weight: bold; }
#contact_info h3 a:hover { color: yellow; font-weight: bold; }

#story3 a { font-weight: bold; }

#samplesmenu h4 a:link { color: #CCF7FF; font-weight: bold; }
#samplesmenu h4 a:visited { color: #bbccdd; font-weight: bold; }
#samplesmenu h4 a:hover { color: yellow; font-weight: bold; }