/* CSS Document */


/******** MAIN STYLES *************/
body { background-color:#000000; margin:0; padding:0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; color:#FFFFFF; 
}

img#bg { position:fixed; top:0; right:0; width: 800px; height:100%; min-height: 600px; }


p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; color:#FFFFFF;  }
p.nomargin { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; color:#FFFFFF;  margin-top: 0px; }

h1 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px; color:#FFFFFF; font-weight: 500;}
h2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:16px; color:#FFFFFF; font-weight: 500;}
h3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; color:#FFFFFF; font-weight: 700; }
h4 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; color:#FFFFFF; font-weight: 700;  }
h5 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:9px; color:#FFFFFF; font-weight: 500;  }
h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:9px; color:#FFFFFF; font-weight: 400;}


a { text-decoration: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; color:#80a9bd; font-weight:400; }

a:link { text-decoration: none; color: #80a9bd; }
a:visited { text-decoration: none; color:#80a9bd; }
a:hover { text-decoration: none; color: #bbd8e3; }
a:active { text-decoration: none; color: #80a9bd; }

a#thispage { text-decoration: none; color:#bbd8e3; }




a.grey { text-decoration: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; color:#333; font-weight:400; }

a.grey:link { text-decoration: none; color:#333; }
a.grey:visited { text-decoration: none; color:#333; }
a.grey:hover { text-decoration: none; color:#CCC; }
a.grey:active { text-decoration: none; color:#333 }


a.iona_fortune_stretch { text-decoration: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 9px; color:#333; font-weight:400; }

a.iona_fortune_stretch:link { text-decoration: none; color:#333; }
a.iona_fortune_stretch:visited { text-decoration: none; color:#333; }
a.iona_fortune_stretch:hover { text-decoration: none; color:#CCC; }
a.iona_fortune_stretch:active { text-decoration: none; color:#333 }



.large_link { color: #000; font-weight: 700; }

a.large_link { text-decoration: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color:#000; }

a.large_link:link { text-decoration: none; color:#000; }
a.large_link:visited { text-decoration: none; color:#000; }
a.large_link:hover { text-decoration: none; color: #000; }
a.large_link:active { text-decoration: none; color:#000; }

ul { margin-left: 27px; }

ul li {list-style: disc; line-height: 18px; }


/******** MAIN CLASSES *************/
.web_design { font-size: 1px; color: #999; }
.blog_title { font-weight: 500; font-size: 12px; }
.h3_margin { margin-top: 30px; }
.letter_space { letter-spacing: 11px; }
.iona_fortune_stretch { letter-spacing: 20px; color:#333; margin-top: 100px; font-size:10px; }
.sm_caps { font-variant: small-caps; }
.footnote { font-size: 8px; color:#333;  letter-spacing: 5px;  }
.bold { font-weight: 900; }
.flt_right { float: right; }
.medium_bold { font-weight:600; }
.error { color:#D02629; font-weight:300; }

.debug { color:#39C; font-weight:400; font-size:12px; }
.sorry { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;  color:#990000; text-align:left; font-size:12px;}
.wideform { width:300px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; color:#000000;  }
.enquiry { width: 304px; height:100px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; color:#000000;  }
.body_box { width:400px; height:300px; }
.media_box { width:400px; height:100px; }
.legend_box { width:400px; height:50px; }
.input_box { width:400px; }
.input_box_sm { width:80px; }
.notes { text-decoration: none; }
.underlined { text-decoration: none; }
/*********************/





/******** MAIN PAGE *************/
#container { position:relative; height:100%;  margin-left: auto; margin-right: auto; margin-top: 0px; z-index: 0; /* border: thin dotted #FFFFFF; */  }
#back_to_top { margin-top: 0px; }
#glow {  position: fixed; top: 0px; right: 150px; }
#logo { position: fixed; top: 0px; right: 220px;  z-index: 12; /* border: thin dotted #FFFFFF; */ }

/*#flash { position: fixed; bottom: 0px; right: 0px; width: 800px; } */

#flash { position: fixed; height: 100%;  right: 2px; text-align: center;  z-index: 2; }
#flash-nav { position: fixed; top: 0px; left:0px;  width: 100%; height: 100%;  text-align: center;  z-index: 1; }

#if_content { position: absolute; width: 42%;  top: 335px; right: 51%;  line-height: 18px; text-align: justify; padding-bottom: 10px;  z-index: 25; /* border: thin dotted #FFFFFF; */ }

#signifier { position: fixed; bottom: 40px; left: 10%;  border: thin dotted #FFFFFF; } 
#signifier_call_to_action {  /* border: thin dotted #FFFFFF; */ } 
#email_if { margin-left: 40px; margin-top: -30px; } 

#search { position:fixed; width:100px; right:0px; bottom:0px;  }



#debug { position: fixed; width: 350px;  top: 10px; left: 0px;  line-height: 18px; text-align: left; padding-bottom: 100px;  z-index: 208; border: thin dotted #FF0000; overflow: scroll; }
#white_mask { position: fixed; background-color:#FFF; width: 81%; height: 20px;  top: 0px; left: 200px; text-align: left; z-index: 2; }

/******** HEADER *************/
#head_text { position: fixed; top: 190px; right: 70px; z-index: 103;  /* border: thin dotted #FFFFFF; */}
#head_text_portfolio { position: fixed; top: 10px; right: 70px; z-index: 103;  /* border: thin dotted #FFFFFF; */}


#timestamp { position: fixed; top: 600px; right: 70px; z-index: 103;  /* border: thin dotted #FFFFFF; */}


/******** MENU *************/
#iona_fortune_menu { position: fixed; top: 250px; right: 66px; text-align:left;  z-index:205; /* border: thin dotted #FFFFFF; */ }
#iona_fortune_menu_portfolio { position: fixed; top: 70px; right: 66px; text-align:left;  z-index:205; /* border: thin dotted #FFFFFF; */ }


#portfolio_main_menu { position: fixed; top: 20px; left: 2%;  /* border: thin dotted #FFFFFF; */ } 
#portfolio_sub_menu { position: relative; width: 50%; top:20px; left: 27px;  /* border: thin dotted #FFFFFF; */ }

/******** TOP SUBHEADER *************/
#web_development { text-align: left;  }


/******** INCLUDE PAGE *************/
#body { position: relative;  background-color:#FFF; width: 100%; text-align: left;  z-index: 4; /* border: thin dotted #FFFFFF; */ }


/******** SIDE NOTES *************/
#side_notes { float: right; width: 25%; text-align: left; margin-right: 5%; margin-top: 40px; padding: 10px 8px;  z-index: 4; border: thin solid #FFFFFF; }


#fin { text-align: center; }


/******** FOOTER *************/
#footer {  position: fixed;  width: 81%; left: 200px; bottom: 20px; text-align: right; bottom: 30px; font-size: 10px; z-index: 0; /* border: thin dotted #FFFFFF; */ }
#footer a { font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif;  font-size: 10px; color:#4C4C4C; }
#footer a:link { text-decoration: none; color: #4C4C4C; }
#footer a:visited { text-decoration: none; color:#4C4C4C; }
#footer a:hover { text-decoration: none; color:#B3B3B3;}
#footer a:active { text-decoration: none; color:#4C4C4C; }