@charset "UTF-8";
/* CSS Document */

/*resets the CSS ready for your styles*/

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }


/* FONTS */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 13, 2011 10:08:33 AM America/New_York */



@font-face {
    font-family: 'TitilliumText22LThin';
    src: url('type/TitilliumText22L001-webfont.eot?') format('eot'),
         url('type/TitilliumText22L001-webfont.woff') format('woff'),
         url('type/TitilliumText22L001-webfont.ttf') format('truetype'),
         url('type/TitilliumText22L001-webfont.svg#webfontEtJY7Tfo') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LLight';
    src: url('type/TitilliumText22L002-webfont.eot?') format('eot'),
         url('type/TitilliumText22L002-webfont.woff') format('woff'),
         url('type/TitilliumText22L002-webfont.ttf') format('truetype'),
         url('type/TitilliumText22L002-webfont.svg#webfontJx8AgFWg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('type/TitilliumText22L003-webfont.eot?') format('eot'),
         url('type/TitilliumText22L003-webfont.woff') format('woff'),
         url('type/TitilliumText22L003-webfont.ttf') format('truetype'),
         url('type/TitilliumText22L003-webfont.svg#webfonthw2QSkaV') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('type/TitilliumText22L004-webfont.eot?') format('eot'),
         url('type/TitilliumText22L004-webfont.woff') format('woff'),
         url('type/TitilliumText22L004-webfont.ttf') format('truetype'),
         url('type/TitilliumText22L004-webfont.svg#webfontR8jqiKWT') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('type/TitilliumText22L005-webfont.eot?') format('eot'),
         url('type/TitilliumText22L005-webfont.woff') format('woff'),
         url('type/TitilliumText22L005-webfont.ttf') format('truetype'),
         url('type/TitilliumText22L005-webfont.svg#webfontQJLLLQu2') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TitilliumText22LXBold';
    src: url('type/TitilliumText22L006-webfont.eot?') format('eot'),
         url('type/TitilliumText22L006-webfont.woff') format('woff'),
         url('type/TitilliumText22L006-webfont.ttf') format('truetype'),
         url('type/TitilliumText22L006-webfont.svg#webfontw8fCAPpd') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*beginning of your styles*/

body {
 margin-top: 50px;
}

/* header wrapper */

#header {
 width: 1001px;
 margin : 0 auto;
}

#headerhome {
 width: 1001px;
 height: 46px;
 margin : 0 auto;
}

/* wrapper for rest of page */

#wrapper {
 clear: both;
 width: 996px;
 margin : 0 auto;
}

#wrapper-index {
 clear: both;
 width: 998px;
 margin : 0 auto;
}

/* wrapper for bottom of page */

#bottom-wrapper {
 clear: both;
 width: 996px;
 margin : 0 auto;
}

/* divider */

.divider {
 clear: both;
}

/* footer */

.footer {
 clear: both;
 padding-top: 40px;
 padding-bottom: 20px;
 width: 996px;
 color: #999999;
 font-size: 11px;
 font-family: Helvetica, Arial, sans-serif;
 text-align: right;
}

/* Headings */

h1 {
 }
 
h2 {
 }
 
h3 {
 }
 
/* MAIN TEXT HYPERLINKS */

a, a:visited {
 color: #333333;
 text-decoration: none;
}

a:hover, a:active {
 color: #666666;
 text-decoration: none;
}
 
 /* LOGO */

#logo {
 height: 46px;
 width: 192px;
 float: left;
}

 /* BOXES */
 
.box0 {
 width: 332px;
 height: 182px;
 float: left;
}

.box0a {
 width: 334px;
 height: 228px;
 float: left;
}

.box1l {
 width: 302px;
 height: 152px;
 padding: 15px;
 float: left;
 }
 
.box1r {
 width: 302px;
 height: 152px;
 padding: 15px;
 float: right;
 margin-right: 332px;
 overflow: hidden;
 }
 
.box1r0 {
 width: 302px;
 height: 152px;
 padding: 15px;
 float: left;
 overflow: hidden;
 }
 
.box2l {
 width: 302px;
 height: 152px;
 padding: 15px;
 float: left;
 margin-left: 166px;
 overflow: hidden;
 }
 
.box2r {
 width: 302px;
 height: 152px;
 padding: 15px;
 float: right;
 margin-right: 166px;
 overflow: hidden;
 }
 
.box3l {
 width: 302px;
 height: 152px;
 padding: 15px;
 float: left;
 margin-left: 332px;
 overflow: hidden;
 }

.box3r {
 width: 302px;
 height: 152px;
 padding: 15px;
 float: right;
 overflow: hidden;
 }
 
 
 .box1r-index {
 width: 332px;
 height: 182px;
 float: right;
 margin-right: 332px;
 background-color: #FF3300;
 }
 
 .box2l-index {
 width: 332px;
 height: 182px;
 float: left;
 margin-left: 166px;
 background-color: #7BBB00;
 }
 
 .box2r-index {
 width: 332px;
 height: 182px;
 float: right;
 margin-right: 166px;
 background-color: #481E60;
 }
 
 .box3l-index {
 width: 332px;
 height: 182px;
 float: left;
 margin-left: 332px;
 background-color: #0094D4;
 }
 
 /* HOME BOXES */
 
#home-gd {
 background-image: url(siteimages/home-gd.jpg);
 }
 
#home-v {
 background-image: url(siteimages/home-v.jpg);
 }
 
#home-w {
 background-image: url(siteimages/home-w.jpg);
 }
 
#home-p {
 background-image: url(siteimages/home-p.jpg);
 }
 
/* HOME LINKS */

.home-gd a, .home-gd a:visited {
 color: #FF9980;
 width: 302px;
 height: 152px;
 display: block;
 font-size: 22px;
 text-decoration: none;
 font-family: 'TitilliumText22LRegular', Helvetica, Arial, sans-serif;
}

.home-gd a:hover, .home-gd a:active {
 color: #FFFFFF;
 text-decoration: none;
}

.home-v a, .home-v a:visited {
 color: #B3CC80;
 width: 302px;
 height: 152px;
 display: block;
 font-size: 22px;
 text-decoration: none;
 font-family: 'TitilliumText22LRegular', Helvetica, Arial, sans-serif;
}

.home-v a:hover, .home-v a:active {
 color: #FFFFFF;
 text-decoration: none;
}

.home-w a, .home-w a:visited {
 color: #9E8DA8;
 width: 302px;
 height: 152px;
 display: block;
 font-size: 22px;
 text-decoration: none;
 font-family: 'TitilliumText22LRegular', Helvetica, Arial, sans-serif;
}

.home-w a:hover, .home-w a:active {
 color: #FFFFFF;
 text-decoration: none;
}

.home-p a, .home-p a:visited {
 color: #80CBE5;
 width: 302px;
 height: 152px;
 display: block;
 font-size: 22px;
 text-decoration: none;
 font-family: 'TitilliumText22LRegular', Helvetica, Arial, sans-serif;
}

.home-p a:hover, .home-p a:active {
 color: #FFFFFF;
 text-decoration: none;
}

 
 /* NAV BOXES */
 
#nav-gd {
 background-color: #FF3300;
 font-family: 'TitilliumText22LRegular', Helvetica, Arial, sans-serif;
 }
 
#nav-v {
 background-color: #7BBB00;
 font-family: 'TitilliumText22LRegular', Helvetica, Arial, sans-serif;
 }
 
#nav-w {
 background-color: #481E60;
 font-family: 'TitilliumText22LRegular', Helvetica, Arial, sans-serif;
 }
 
#nav-p {
 background-color: #0094D4;
 font-family: 'TitilliumText22LRegular', Helvetica, Arial, sans-serif;
 }
 
#nav-about {
 background-color: #1E1E1E;
 font-family: 'TitilliumText22LRegular', Helvetica, Arial, sans-serif;
 }
 
/* NAV LIST OF LINKS - GRAPHIC DESIGN */

ul.nav-gd {
 clear: both;
 list-style: none;
 padding-left: 0px;
}

ul.nav-gd li {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 22px;
}

ul.nav-gd li a, .nav-gd li a:visited {
 color: #FF9980;
 text-decoration: none;
 display: block;
 width: 180px;
}

.nav-gd li a:hover, .nav-gd li a:active {
 color: #FFFFFF;
 text-decoration: none;
}

.nav-gd li.selected, .nav-gd li.selected a {
 color: #FFFFFF;
 text-decoration: none;
}

/* NAV LIST OF LINKS - VIDEO */

ul.nav-v {
 clear: both;
 list-style: none;
 padding-left: 0px;
}

ul.nav-v li {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 22px;
}

ul.nav-v li a, .nav-v li a:visited {
 color: #547B0A;
 text-decoration: none;
 display: block;
 width: 180px;
}

.nav-v li a:hover, .nav-v li a:active {
 color: #1A1A1A;
 text-decoration: none;
}

.nav-v li.selected, .nav-v li.selected a {
 color: #1A1A1A;
 text-decoration: none;
}

/* NAV LIST OF LINKS - WEB */

ul.nav-w {
 clear: both;
 list-style: none;
 padding-left: 0px;
}

ul.nav-w li {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 22px;
}

ul.nav-w li a, .nav-w li a:visited {
 color: #A48FB0;
 text-decoration: none;
 display: block;
 width: 180px;
}

.nav-w li a:hover, .nav-w li a:active {
 color: #FFFFFF;
 text-decoration: none;
}

.nav-w li.selected, .nav-w li.selected a {
 color: #FFFFFF;
 text-decoration: none;
}

/* NAV LIST OF LINKS - PHOTOGRAPHY */

ul.nav-p {
 clear: both;
 list-style: none;
 padding-left: 0px;
}

ul.nav-p li {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 22px;
}

ul.nav-p li a, .nav-p li a:visited {
 color: #0A638A;
 text-decoration: none;
 display: block;
 width: 180px;
}

.nav-p li a:hover, .nav-p li a:active {
 color: #1A1A1A;
 text-decoration: none;
}

.nav-p li.selected, .nav-p li.selected a {
 color: #1A1A1A;
 text-decoration: none;
}

/* NAV LIST OF LINKS - ABOUT */

ul.nav-about {
 clear: both;
 list-style: none;
 padding-left: 0px;
}

ul.nav-about li {
 color: #FFFFFF;
 text-decoration: none;
 font-size: 22px;
}

ul.nav-about li a, .nav-about li a:visited {
 color: #8D8D8D;
 text-decoration: none;
 display: block;
 width: 180px;
}

.nav-about li a:hover, .nav-about li a:active {
 color: #FFFFFF;
 text-decoration: none;
}

.nav-about li.selected, .nav-about li.selected a {
 color: #FFFFFF;
 text-decoration: none;
}
 
/* ABOUT BOX */
 
#about {
 background-color: #CCCCCC;
 position: relative;
 }

/* CONTACT BOX */
 
#contact {
 background-color: #E3E3E3;
 position: relative;
 }

/* PAGE BOX */
 
#page {
 background-color: #CCCCCC;
 font-size: 25px;
 position: relative;
 }
 
/* PAGE 2 BOX */
 
#page2 {
 background-color: #E8E8E8;
 font-size: 25px;
 position: relative;
 }
 
/* ABOUT ME PAGE BOX */
 
#aboutme {
 background-image: url(siteimages/bg-about.jpg);
 font-size: 25px;
 position: relative;
 }

/* ITEMS WITH INVISIBLE DETAILS UNTIL HOVER (eg. on GD/W pages) */

.item, .item ul {
 padding: 0;
 margin: 0;
 list-style: none;
 color: #FFFFFF;
 font-family: 'TitilliumText22LRegular', Helvetica, Arial, sans-serif;
}

.item a {
 display: block;
 width: 302px;
 height: 152px;
 color: #FFFFFF;
 text-decoration: none;
 font-size: 22px;
}

.item a:hover {
 color: #FFFFFF;
}

.item li {
 float: left;
}

.item li ul {
 position: absolute;
 width: 202px;
 left: -9999px;
}

.item li:hover ul, .item li.sfhover ul {
 position: relative;
 left: auto;
 top: -120px;
}

.item li.detail, .item li.detail a {
 width: 202px;
 height: 120px;
 color: #CCCCCC;
 text-decoration: none;
 font-size: 18px;
}

/* 'ABOUT' BOX */

.item-black, .item-black ul {
 padding: 0;
 margin: 0;
 list-style: none;
 color: #333333;
 font-family: 'TitilliumText22LRegular', Helvetica, Arial, sans-serif;
}

.item-black a {
 display: block;
 width: 302px;
 color: #333333;
 text-decoration: none;
 font-size: 22px;
 height: 152px;
}

.item-black a:hover {
 color: #333333;
}

.item-black li {
 float: left;
 width: 202px;
}

.item-black li ul {
 position: absolute;
 width: 302px;
 left: -9999px;
}

.item-black li:hover ul, .item-black li.sfhover ul {
 position: relative;
 left: auto;
 top: -120px;
}

.item-black li.detail, .item-black li.detail a {
 width: 202px;
 height: 118px;
 color: #666666;
 text-decoration: none;
 font-size: 18px;
}

/* PAGE (eg. grey box with title and nav on individual GD/W pages) */

.page, .page ul {
 padding: 0;
 margin: 0;
 list-style: none;
 color: #333333;
 font-size: 22px;
 font-family: 'TitilliumText22LRegular', Helvetica, Arial, sans-serif;
}

.page li {
 float: left;
 width: 202px;
 margin-bottom: 9px;
}

.page li a, page li a:visited {
 text-decoration: none;
 color: #333333;
}

.page li a:hover, page li a:active {
 text-decoration: none;
 color: #666666;
}


/* PAGE DETAIL */

.page-detail, .page-detail li {
 padding: 0;
 margin: 0;
 list-style: none;
 color: #666666;
 font-size: 18px;
}

/* ARROWS WITHIN PAGE BOX */

.arrows {
 position: absolute; 
 bottom: 11px;
 left: 242px;
}

/* GD CONTENT */

.gd-content {
 width: 830px;
 float: right;
 margin-top: 25px;
 margin-bottom: 45px;
}

/* VIDEO CONTENT */

.v-content {
 width: 830px;
 float: left;
 margin-bottom: 25px;
 margin-left: 166px;
}

.v-container {
 width: 830px;
 float: left;
 margin-bottom: 25px;
 background-color: #333333;
}

.v-container-w {
 width: 665px;
 float: left;
 margin-bottom: 25px;
 background-color: #F2F2F2;
 border: 1px;
 border-style: solid;
 border-color: #B0B0B0;
}

/* PHOTOGRAPHY CONTENT */

.p-container {
 float: right;
 width: 664px;
 height: 443px;
 background-color: #333333;
}

#flashcontent {
 height: 100%;
}

/* ABOUT CONTENT */

.about-content {
 width: 664px;
 float: right;
 margin-top: 30px;
 margin-bottom: 45px;
}



/* CONTENT Images */

.imgl {
 clear: both;
 float: left;
 margin-bottom: 25px;
}

.imgr {
 clear: both;
 float: right;
 margin-bottom: 25px;
}

.imgc {
 clear: both;
 float: right;
 margin-right: 300px;
 margin-bottom: 25px;
}

/* CONTENT Text */

.textl {
 clear: both;
 font-size: 15px;
 color: #333333;
 float: left;
 margin-bottom: 25px;
 width: 415px;
 font-family: Helvetica, Arial, sans-serif;
}

.textr {
 clear: both;
 font-size: 15px;
 color: #333333;
 float: right;
 margin-bottom: 25px;
 width: 415px;
 font-family: Helvetica, Arial, sans-serif;
}

/* CONTENT Headings */

.headl {
 clear: both;
 font-size: 16px;
 color: #666666;
 float: left;
 margin-top: 10px;
 margin-bottom: 10px;
 width: 415px;
 font-family: 'TitilliumText22LMedium', Helvetica, Arial, sans-serif;
}

.headr {
 clear: both;
 font-size: 16px;
 color: #666666;
 float: right;
 margin-top: 10px;
 margin-bottom: 10px;
 width: 415px;
 font-family: 'TitilliumText22LMedium', Helvetica, Arial, sans-serif;
}

/* BADGES for each box (eg box2r) */

.badge1l {
 position: relative;
}

.badge1l img {
 width: 125px;
 height: 125px;
 position: absolute;
 left: -60px;
 top: 300px;
 z-index: 1;
}

.badge2r {
 position: relative;
}

.badge2r img {
 width: 125px;
 height: 125px;
 position: absolute;
 left: 760px;
 top: -65px;
 z-index: 1;
}

.badge3r {
 position: relative;
}

.badge3r img {
 width: 125px;
 height: 125px;
 position: absolute;
 left: 920px;
 top: -65px;
 z-index: 1;
}

/* BADGES randomly placed (eg. on About page) */

.badge0 {
 position: relative;
}

.badge0 img {
 width: 125px;
 height: 125px;
 position: absolute;
 left: 480px;
 top: 300px;
 z-index: 1;
}

.badge0l {
 position: relative;
}

.badge0l img {
 width: 125px;
 height: 125px;
 position: absolute;
 left: -40px;
 top: 110px;
 z-index: 1;
}

.badgeA {
 position: relative;
}

.badgeA img {
 width: 125px;
 height: 125px;
 position: absolute;
 left: -90px;
 top: 400px;
 z-index: 1;
}

.badgeB {
 position: relative;
}

.badgeB img {
 width: 125px;
 height: 125px;
 position: absolute;
 left: 860px;
 top: 0px;
 z-index: 1;
}

.badgeC {
 position: relative;
}

.badgeC img {
 width: 125px;
 height: 125px;
 position: absolute;
 left: 960px;
 top: 70px;
 z-index: 1;
}

.badgeD {
 position: relative;
}

.badgeD img {
 width: 140px;
 height: 140px;
 position: absolute;
 left: 150px;
 top: 440px;
 z-index: 1;
}

.badgeE {
 position: relative;
}

.badgeE img {
 width: 125px;
 height: 125px;
 position: absolute;
 left: 70px;
 top: 530px;
 z-index: 1;
}

/* REFRESH BUTTON */

.btn-refresh {
 position: relative;
}

.btn-refresh img {
 width: 20px;
 height: 20px;
 position: absolute;
 left: 0px;
 top: 187px;
 z-index: 1;
}