/* ACCESS DECOR */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */
body { margin-top:30px; background-image:url(../assets/bg.gif); background-repeat:repeat-x}
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* GENERAL TYPE */
body { font: 12px/15px Arial, sans-serif; background-color: #fff; color: #495654; letter-spacing:1px }
p {padding-bottom:10px}

a { color: #69918B; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color:#76797c; _position:static !important; }

h1 {font-size:26px; line-height:32px; color:#BA0000; font-weight:normal; text-transform:uppercase}
h2 {font-size:18px; line-height:16px; color: #69918B; font-style:italic; padding-bottom:25px}  /* what subheads */
h3 {font-size:14px; line-height:16px; color: #69918B; font-style:italic; padding-bottom:5px}  /* home page subheads */
h4 {font: 12px/14px Verdana, Arial, sans-serif; color:#BA0000; font-weight:bold; padding-bottom:20px}
h5 {font-size:12px; line-height:16px; color:#BA0000; font-weight:bold; padding-bottom:10px; padding-top:10px;}


/* TOP NAVIGATION */
#navbar {width:1020px; height:47px; position:relative; top:100px; background-color:#83A095}
#navigation {width:600px; height:24px; position: relative; left:401px; top:13px; background-image:url(../assets/nav.gif); background-repeat:no-repeat; z-index: 9998;}
#navigation #nav { margin: 0; padding: 0; }
#navigation #nav li { display: inline; }
#navigation #nav li a { float: left; height: 0; padding-top: 30px; overflow: hidden; background-image: url(../assets/nav.gif); background-repeat: no-repeat; }

/* BUTTONS */
#navigation #nav li#home a {width:113px; background-position: 0 0; }
#navigation #nav li#what a {width:139px; background-position: -113px 0; }
#navigation #nav li#portfolio a {width:104px; background-position: -252px 0; }
#navigation #nav li#press a {width:117px; background-position: -356px 0; }
#navigation #nav li#contact a {width:108px; background-position: -473px 0; }

/* OVER STATES */
#navigation #nav li#home a:hover { background-position: 0 -30px; }
#navigation #nav li#what a:hover { background-position: -113px -30px; }
#navigation #nav li#portfolio a:hover { background-position: -252px -30px; }
#navigation #nav li#press a:hover { background-position: -356px -30px; }
#navigation #nav li#contact a:hover { background-position: -473px -30px; }

/* ON STATES */
#navigation.home #nav li#home a { background-position: 0 0 !important; cursor: default;}
#navigation.what #nav li#what a { background-position: -113px -60px !important; cursor: default;}
#navigation.portfolio #nav li#portfolio a { background-position: -252px -60px !important; cursor: default;}
#navigation.press #nav li#press a { background-position: -356px -60px !important; cursor: default;}
#navigation.contact #nav li#contact a { background-position: -473px -60px !important; cursor: default;}


/* CONTAINER */
#container { width: 1020px; margin: 0 auto; position: relative; background-color:#fff; padding-bottom:10px;}


/* SUBNAV AND MINIBAG */
#minibag {position: absolute; top:0px; left:37px; z-index:1}
#subnav {width:1020px; height:25px; position:relative; top:103px; background-color:#cdddd6}
#subnav1 {width:286px; position:relative; left:34px; float:left}
#subnav2 {width:101px; position:relative; left:223px; float:left}
#subnav3 {width:122px; position:relative; left:223px; float:left}


/* CONTENT AREAS */
#bag {width:296px; height:391px; position:absolute; top:220px; left:37px}
#bag2 {width:296px; height:391px; position:absolute; top:685px; left:37px}
#bag3 {width:296px; height:391px; position:absolute; top:1147px; left:37px}
#header {width:550px; height:153px; position:absolute; top:240px; left:414px}
#homemain {position:absolute; top:250px; left:89px}
#homedivh {position:absolute; top:715px; left:89px}
#homesub1 {position:absolute; top:769px; left:89px}
#homesub1t, #homesub2t {color:#404040}
#homesub1t {position:absolute; top:847px; left:89px; width:170px}
#homedivv1 {position:absolute; top:769px; left:300px}
#homesub2 {position:absolute; top:769px; left:336px}
#homesub2t {position:absolute; top:847px; left:336px; width:238px}
#homesub2l {position:absolute; top:899px; left:336px}
#homesubphoto {position:absolute; top:769px; left:579px}
#homedivv2 {position:absolute; top:769px; left:734px}
#homesubnews {position:absolute; top:769px; left:757px}
#what1 {width:270px; height:33px; position:absolute; top:393px; left:408px}
#what2 {width:265px; height:33px; position:absolute; top:393px; left:723px}
#design1 {width:530px; height:60px; position:absolute; top:377px; left:424px}
#design2 {width:530px; height:60px; position:absolute; top:630px; left:424px}
#home2 em, #home4 em, #what1 em, #what2 em {color: #69918B;}
#presscontent {width:558px; height:216px; position:absolute; top:393px; left:414px}
#contactcontent {width:558px; height:216px; position:absolute; top:405px; left:424px}
#portcontent {width:550px; height:60px; position:absolute; top:435px; left:420px}
.inviso {display:none}
.portbag {width:296px; height:391px; position:absolute; top:220px; left:37px}
.portbag2 {width:355px; height:333px; position:absolute; top:250px; left:-17px}
.portnav {width:550px; height:216px; position:absolute; top:535px; left:420px}
.portnav img {float:left; padding-right:16px}
.arrow {float:left; padding-right:1px!important}
#whatwords1 {width:200px; height:60px; position:absolute; top:558px; left:424px}
#whatwords15 {width:200px; height:60px; position:absolute; top:558px; left:600px}
#what2 {width:550px; height:103px; position:absolute; top:680px; left:414px}
#whatwords2 {width:460px; height:133px; position:absolute; top:797px; left:424px}
#what3 {width:550px; height:100px; position:absolute; top:960px; left:414px}
#whatwords3 {width:460px; height:123px; position:absolute; top:1075px; left:424px}
#what4 {width:550px; height:93px; position:absolute; top:1217px; left:414px}
#whatwords4 {width:460px; height:77px; position:absolute; top:1329px; left:424px}
#what5 {width:550px; height:86px; position:absolute; top:1458px; left:414px}


/* FOOTER */
#footer {width:100%; position: absolute; top:717px; float:left; clear:both;}
#footerlong {width:100%; position: absolute; top:1020px; float:left; clear:both;}
#footerlonger {width:100%; position: absolute; top:1600px; float:left; clear:both;}
#footer img {position:absolute; left:37px; top:13px}
#footertext {font-size: 11px; color:#69918B; position:absolute; text-align:center; width:100%; height:27px; background-color:#cdddd6; padding-top:6px}
#footerbase {width:100%; height:34px; background-color:#83A095; position:absolute; top:27px}