/* global {{{*/
body {
    background-color : #333;
    padding : 0;
    margin : 0;
}
a {
    color : #fff;
    font-weight : bold;
}
/*}}}*/
/* layout {{{*/
#main {
    margin : 30px auto 0 auto;
    width : 90%;
}
#content {
    margin-right : 500px;
    float : left;
}
#image,
#images {
    float : right;
    width : 520px;
    margin-left : -520px;
}
/*}}}*/
/* header, identity {{{*/
h1 {
    padding : 0;
    margin : 0;
    position : relative;
    clear : both;
    width : 100%;
    height : 40px;
}
h1 a {
    background : url( /res/img/main_identity.jpg ) no-repeat 100% 0%;
    position : absolute;
    width : 100%;
    height : 100%;
}

/*}}}*/
/* thumbnails & images {{{*/
#image,
#image img,
div.images {
    float : right;
}
#image img,
div.images img {
    border : 1px solid #666;
}
ul.thumbnails {
    padding : 0;
    margin : 0;
    width : 100px;
    float : right;
}
ul.thumbnails img {
    display : block;
    border : 1px solid #444;
}
ul.thumbnails li {
    list-style : none;
    padding : 8px;
    border-right : 1px solid #666;
}
ul.thumbnails li a {
    border : none;
}
ul.thumbnails li a:hover img {
    border : 1px solid #9a0000;
}
ul.thumbnails li.active a:hover img {
    border : 1px solid #666;
}
ul.thumbnails li.active {
    border-right : 2px solid #9a0000;
    background : #444;
}
ul.thumbnails li.active img {
    border : 1px solid #666;
}
p.caption {
    color : #999;
    font-family : Verdana,Helvetica,Arial,sans-serif;
    font-size : .8em;
    letter-spacing : .2em;
    text-align : center;
}
div.captions {
    padding : 25px 25px 0 100px;
    clear : both;
}
div.captions p.caption {
    color : #7c8c99;
    font-size : .7em;
    line-height : 1.6em;
    letter-spacing : .1em;
    text-align : right;
    padding : 0 0 0 1em;
    margin : 0;
    float : right;
}
div.captions p.first {
    font-size : .9em;
    line-height : 1.6em;
    font-weight : bold;
    float : none;
    clear : both;
}
div.captions p.last {
    padding : 0 1em 0 0;
    border-right : 1px solid #555;
}
div.captions a {
    color : #7c8c99;
    font-weight : normal;
}
div.captions a:hover {
    color : #aaa;
}
/*}}}*/
/* navigation *//*{{{*/
/* FIXME : should have same margins as content */
 #nav .headercontact {
    font : 11px/20px Verdana,Helvetica,Arial,sans-serif;
    color : #7C8C99;
    text-decoration : none;
    padding : 0;
    margin : 1px;
	margin-right:41px;
    display : block;
    float : right;
}

 #nav .headercontact a {
    font : 11px/20px Verdana,Helvetica,Arial,sans-serif;
    color : #7C8C99;
    text-decoration : none;
    padding : 0;
}

 #nav .headercontact a:hover {
    background:none;
}

#nav .headeremail {
    float:left;
	padding-right:6px;
	text-align:right;	
}

#nav .headerphone {
    float:right;
	text-align:right;
	width:86px;
}

#nav {
    padding : 0 0 0 3%;
    background : url( /res/img/main_nav.jpg ) no-repeat 100% 0%;
    margin : 0;
    width : 97%;
    height : 26px;
    clear : both;
}
#nav li {
    list-style-type : none;
    display : inline;
}
#nav li a {
    font : bold 12px Verdana,Helvetica,Arial,sans-serif;
    color : #fff;
    text-decoration : none;
    padding : 3px 10px 3px 10px;
    margin : 1px;
    display : block;
    float : left;
}
#nav li a:hover {
    background : #9a0000;
}
#nav li.active a {
    background : #9a0000;
}
#nav2 {
    float : right;
    width : 200px;
}
#content #nav2 li {
    font : bold .7em Tahoma,Helvetica,Arial,sans-serif;
    text-align : right;
    list-style : none;
    padding : 6px 15px 6px 10px;
    border-left : 1px solid #666;
}
#content #nav2 li.active {
    border-left : 2px solid #9a0000;
    background : #444;
}
#content #nav2 li a {
    font-weight : normal;
    font-weight : bold;
    text-decoration : none;
}
#content #nav2 li a:hover {
    text-decoration : underline;
}


/*}}}*/
/* content *//*{{{*/
h3,
h4,
h5 {
    font-family : Verdana,Helvetica,Arial,sans-serif;
    color : #fff;
    padding : 0;
    margin : 0;
}
h3 {
    font-size : 1em;
}
h4 {
    color : #999;
    font-size : .8em;
    font-weight : normal;
}
h4 a {
    color: #999;
    text-decoration: none;
    font-weight: normal;
}

h4 a:hover {
    color: #aaa;
    text-decoration: underline;
}

h5 {
    color : #ccc;
    font-size : .9em;
    font-weight : normal;
    padding : 0;
    margin : 10px 0 0 0;
}
#content p,
#content li {
    color : #fff;
    font-family : Georgia,"Times New Roman",Times,serif;
    font-size : .9em;
    line-height : 1.6em;
    padding-right : 20px;
}
#content div.credits p {
    color : #999;
    font-size : .8em;
    font-style : italic;
    padding : 0;
    margin : 0;
}
div.bio {
    margin : 25px 0 0 0;
}
#content div.bio p {
    padding : 0;
    margin : 0;
}
/*}}}*/