/*   FLYING DOG DESIGN STYLE   */
/*    coded by mottomo.com     */

/* 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:20px}
#container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* TYPE */
body { font: 11px/15px Arial, sans-serif; background-color: #fff; color: #210000; }
p {padding-bottom:10px}

a {color: #69A7B5; text-decoration: none;}
a:hover {color: #231F20;}

strong, b {font-weight:bolder; font-size:12px }
em, i { font-style:italic; }

/* CONTAINER */
#container {width:870px; height:600px; margin: 0 auto; position: relative; background-color:#fff;}

/* NAVIGATION */
#nav {width:79px; position:absolute; top:184px; text-align:right; letter-spacing:1px; color:#231F20}
#nav p {padding-bottom:28px}
#nav.home a {color:#fff}
#nav.home a:hover {color: #231F20;}

/* HOME */
#home {width:870px; height:600px; background-image:url(../assets/flyingdog_home.gif); background-repeat:no-repeat;}
#hometext {width:620px; position:absolute; left:160px; top:88px; line-height:40px}
#hometext strong {font-weight:bolder; font-size:12px}

/* SECONDARY PAGES */
#header {height:159px;}
#divider {width:1px; height:438px; position:absolute; top:162px; left:91px; background-color:#F4F2E1}

/* PORTFOLIO */
#subnav {width:169px; position:absolute; top:184px; left:108px; letter-spacing:1px; color:#231F20}
#subnav p {padding-bottom:5px}
#subnav ul {padding-left:7px}
#subnav li {padding-bottom:7px}
#art {width:565px; height:393px; position:absolute; top:159px; left:290px; z-index:333}
#description {width:550px; position:absolute; top:546px; left:320px; color:#231F20; z-index:555}
#description em {color:#69A7B5;}

/* ABOUT */
#about {position:absolute; top:159px; left:127px; width:686px; color:#210000}
#about img {padding-right:14px; float:left}
#about .bio {float:left; width:562px; padding-bottom:15px}
#about em {color:#69A7B5; padding-left:5px}

/* CONTACT */
#contacttext {position:absolute; top:268px; left:249px; width:193px; font-size:12px; line-height:20px; color:#061922}
#contacttext p {padding-bottom:20px}
#contacttext a {color:#061922}
#contacttext a:hover {color:#69A7B5}