body, html { margin: 0;	padding: 0;	background-color: #000;	color: #fff; text-align: left; font-family: century gothic;	font-size: 90%; }

/* set defaults to 0 */
* { margin: 0;	padding: 0; }
img { border: 0; }
/* end default */

/* base styles */
h1 { font-size: 1.7em; color: #FDD702; font-weight: normal; text-align: left; }
h2 { font-size: 1.6em; font-weight: normal; color: #FDD702; margin: 0; }
h3 { font-size: 1.3em; font-weight: normal; color: #FDD702; text-align: left; margin-top: 4px; }
h4 { font-size: 1.3em; font-weight: normal; color: #FDD702; text-align: left; margin-top: 4px; }
h5 { font-size: 1.1em; font-weight: bold; color: #fff; text-align: left; margin-top: 4px; }
a, a:visited { color: #FD6C02; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }
p { font-size: 1em; color: #fff; font-family: century gothic; padding: 5px 0 5px 0; }
span { font-size: 1em; color: #515151; }
ul { font-size: 1em; color: #fff; list-style-type: none; margin: 0; }
li { font-size: 1em; color: #fff;  background: url(../images/arrows.png) no-repeat 17px 4px; text-decoration: none; padding: 0px 0px 0px 30px; display: block; }
/* end base styles */

/* global elements */
#container { float: left; width: 980px; text-align: left; margin: 0; padding: 0; display: block; }

#header { float: left; width: 980px; height: 311px; text-align: left; display: block; background: url(../images/mountain-rainbow.jpg) no-repeat top left;}
#header h1 { display: block; text-indent: -55555px; }
#header h1 a { display: block; text-indent: -55555px; background: url(../images/illoma-logo.jpg) no-repeat 0 0; width: 211px; height: 99px; margin: 22px 0 0 59px; }

#menu { float: left; margin: 0; padding: 0; width: 980px; height: 44px; background: url(../images/menu-bkg.png) 0px 0px no-repeat scroll; position: relative; overflow: hidden; }
#menu ul li  { position: absolute; background: transparent; padding: 0; }
#menu ul li a { display: block ; text-indent: -5555px ; }

#menu .ill01  { top: 10px; left: 57px; width: 39px; height: 23px; }
#menu .ill01 a { width: 39px; height: 23px; }
#menu .ill01 a:hover, #menu .ill01 a:focus, #menu .ill01 a:active {background: url(../images/menu-home.png) 0px 0px no-repeat scroll; }
#menu .ill02  { top: 10px; left: 157px; width: 55px; height: 23px; }
#menu .ill02 a { width: 55px; height: 23px; }
#menu .ill02 a:hover, #menu .ill02 a:focus, #menu .ill02 a:active {background: url(../images/menu-portfolio.png) 0px 0px no-repeat scroll; }
#menu .ill03  { top: 10px; left: 271px; width: 38px; height: 23px; }
#menu .ill03 a { width: 38px; height: 23px; }
#menu .ill03 a:hover, #menu .ill03 a:focus, #menu .ill03 a:active {background: url(../images/menu-blogs.png) 0px 0px no-repeat scroll; }
#menu .ill04  { top: 10px; left: 369px; width: 47px; height: 23px; }
#menu .ill04 a { width: 47px; height: 23px; }
#menu .ill04 a:hover, #menu .ill04 a:focus, #menu .ill04 a:active {background: url(../images/menu-photos.png) 0px 0px no-repeat scroll; }
#menu .ill05  { top: 10px; left: 475px; width: 22px; height: 23px; }
#menu .ill05 a { width: 22px; height: 23px; }
#menu .ill05 a:hover, #menu .ill05 a:focus, #menu .ill05 a:active {background: url(../images/menu-cv.png) 0px 0px no-repeat scroll; }
#menu .ill06  { top: 10px; left: 553px; width: 65px; height: 23px; }
#menu .ill06 a { width: 65px; height: 23px; }
#menu .ill06 a:hover, #menu .ill06 a:focus, #menu .ill06 a:active {background: url(../images/menu-aboutme.png) 0px 0px no-repeat scroll; }

#content { float: left; width: 980px; background: #262626 url(../images/title-back.gif) no-repeat top left; display: block; }

#left { float:left; margin: 66px 0 0 57px; width: 420px; display: block; height: 250px; }
#left span, #blogs span, #portfolio span { color: #515151; font-size: 0.9em; }

#right { float: right; background: url(../images/col-back.gif) no-repeat 0 0; width: 400px; margin: 12px 57px 0 0; }
#right h3 { margin: 62px 0 4px 58px; }
#right .folio { margin: 0 0 4px 58px; }
#right p { background: url(../images/grey70.png) repeat-x top left; padding: 5px 8px 5px 8px; font-size: 0.8em; color: #fff; margin: 0px 51px 4px 58px; line-height: 1.7em; }

#portfolio { float: left; margin: 66px 0 0 57px; width: 864px; display: block; background: url(../images/large-back.gif) no-repeat 60px 65px; }
div.portfolio { float: left; width: 248px; padding: 5px 5px 5px 5px; margin: 0 10px 20px 10px; background: url(../images/grey70.png) repeat-x top left; font-size: 0.9em; }

#blogs { float: left; margin: 66px 0 0 57px; width: 864px; display: block; background: url(../images/large-back.gif) no-repeat 60px 65px; }
div.blog { float: left; background: url(../images/grey70.png) repeat-x top left; width: 848px; padding: 5px 8px 5px 8px; color: #fff; margin: 12px 0 12px 0; display: block; }

#photos { float: left; margin: 66px 0 0 57px; width: 864px; display: block; background: url(../images/large-back.gif) no-repeat 60px 65px; }
#photos h3 { margin-top: 25px;  }

#footer { float: left; display: block; background: #212121 url(../images/footer-back.gif) no-repeat top left; height: 187px; width: 980px; }
#footer ul { margin: 150px 57px 0px 440px; text-align: right; }
#footer li { display: inline; font-size: 0.9em; }

.hide { width: 0; height: 0; display: none; }
.imgright { float: right; margin: 5px 15px 5px 15px; }
.imgleft { float: left; margin: 0px; }
a img { border: 3px solid #181818; }
a:hover img, a:focus img, a:active img { border: 3px solid #FD6C02; }