/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}

/*
Standard CSS

@site       http://philippertl.co.uk/
@author     ERTL Georg <georg.ertl@gmail.com>
@copyright  Ertl Georg
@date       2010-04-07


*/

/* @section =body
-------------------------------------------------------------------*/
html, body, form, textarea, input, button, select, h1, h2, h3, h4, h5, h6, p, ol, ul, table, td, th, address {font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;}

/* @section = base - ids
-------------------------------------------------------------------*/
#wrapper{position:relative;height:632px;}
#header{position:fixed;padding: 45px 0 0 50px; z-index:0; background:#FFFFFF; height:185px; width:620px;}
#menu{float:left; display:inline;margin: 0 20px 0 0;}

/* main adjustments  ----- =class -----
-------------------------------------------------------------------*/
.c{clear:left; height:0;line-height:0; font-size:0;}

/* @section = header
-------------------------------------------------------------------*/
#menu{height: 105px; margin: 0 40px 0 40px; width:145px;}
#menu a,
#logo a{text-indent: 1000em;overflow:hidden; white-space:nowrap; display:block;}
#menu ul{height:64px; width:100px;}
#menu li{line-height:16px; height:16px; width:100px; margin:0; font-size:1px;}
#menu li.home a{background:url(../images/base/home.gif) no-repeat;}
#menu li.about a{background:url(../images/base/about.gif) no-repeat;}
#menu li.portfolio a{background:url(../images/base/portfolio.gif) no-repeat;}
#menu li.contact a{background:url(../images/base/contact.gif) no-repeat;}
#menu li a{height:16px; width:100px; line-height:16px; margin:0; font-size:1px;}
#menu li a:hover, 
#menu li a.active{background-position: 0 -16px; line-height:16px; height:16px;}

#logo a{background:url(../images/base/philippertl.gif) no-repeat; width:185px; height:80px;}

/* @section = content
-------------------------------------------------------------------*/

#content{top:230px; position:absolute; height:402px;z-index:1; width:1320px;}
#description{left: 0; font-size:8.5pt; line-height:11pt;color:#77787b; padding:0 0 0 90px; width:145px; height:402px; margin:0 40px 0 0;float:left; display:inline; background:#ffffff; z-index:2;}
#description p{margin: 0 0 10px 0; text-align:left;}
#description a{color:#77787b; text-decoration:none;}
#description a:hover,
#description a.active{color:#9BC13C; text-decoration:none;}
.image-frame{ white-space:nowrap; height:402px;float:left; display:inline;z-index:1; background:#FFFFFF;}

.image-frame img{display:inline; height:400px; white-space:nowrap; margin:0 16px 0 0;}
.image-frame img.image{border: solid #e6e6e6 1px; float:left;}
.image-frame img.index{cursor:pointer;}

#info{font-size:8.5pt; line-height:11pt;color:#77787b; display:inline; float:left;width:235px;}
#info p{margin: 0 0 21px 0;}
#info a{color:#77787b; text-decoration:none; width:100px;cursor:pointer; display:block;}
#info a:hover{color:#9bc13c;}

/* @section = PORTFOLIO
-------------------------------------------------------------------*/
#submenu{float: left; display:inline; width:380px; height:105px;}
#submenu .linkclass{width:120px; height:105px; margin:0 10px 0 0; float:left; display:inline;}
#submenu .linkclass a{font-size:8.5pt; line-height:11pt;color:#77787b; text-decoration:none; width:120px;line-height:11pt; display:block;}
#submenu .linkclass a:hover,
#submenu .linkclass a.active{color:#9bc13c;}
#submenu .last{margin:0;}
.load{position:absolute;}

/* -------------------------------------------------------------------*/
#descId-2,
#descId-3,
#descId-4,
#descId-5,
#descId-6,
#descId-7,
#descId-8,
#descId-9,
#descId-10,
#descId-11,
#descId-12,
#descId-13,
#descId-14{display:none;}

.noscript{color:#FF0000; font-size:10px;}