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

* {font-family:  Tahoma, Arial, Verdana, Helvetica, sans-serif; }
body { color:#fff; padding:0; margin:0; font-size:70%; text-align:center; background:#135999 url(_img/bg-body.gif) repeat-x center top; margin-bottom:30px;}

img { border:0; padding:0; margin:0; background:none;}
p { line-height:normal; margin:0.2em 0; padding:0; }


/* Layout */
#print-header { display:none;}
#background {width: 100%; margin: 0px auto; padding:0px; text-align:left; background: url(_img/bg-background.jpg) no-repeat center top; }
#center {width: 980px; margin: 0px auto; padding:0px; text-align:left; background: #092a47 url(_img/bg-center.gif) repeat-y center top; }


/* Header */
#header {width: 980px; height:147px; float:left; margin: 0px; padding:0px; text-align:left; background: url(_img/bg-header.gif) no-repeat left top; }

#illustration {width: 980px; height:263px; float:left; margin: 0px; padding:0px; text-align:left; background: url(_img/bg-illustration.jpg) no-repeat left top; }

#portfolio {width: 950px; float:left; margin: 0px; padding:30px 0px 30px 30px; }
p.portfolio { float:left; width:200px; margin:20px 10px 20px 0; padding:0 0 0 18px; background: url(_img/bg-portfolio.gif) no-repeat left top;}

#contact {width: 980px; float:left; margin: 0px; padding:30px 0px; text-align:left; background: url(_img/bg-contact.gif) repeat-y left top; }
#contact p{margin: 0px 0 0 30px; padding:0px 0px 0 18px; text-align:left; background: url(_img/bg-contact-p.gif) no-repeat 0% 50%; }

#above-footer {width: 980px; height:20px; font-size:1px; line-height:1px; float:left; margin: 0px; padding:0px; text-align:left; background: url(_img/bg-above-footer.gif) no-repeat left top; }

#footer {width: 980px; margin: 0px auto; padding:8px 0px; text-align:center; background: url(_img/bg-footer.gif) no-repeat center bottom; }


/* Others */
.left { float:left;}
.right { float:right;}
.clear { clear:both; margin:0; padding:0; font-size:1px; height:1px;}

.hidden { display:none;}
.skipmenu { position: absolute; top: -10000px; left: 0; height: 1px; overflow: hidden; }


.bigger { font-size:120%;}
.smaller { font-size:90%;}

.colored-light-blue { color:#91b7dc;}
.colored-light-blue a { color:#91b7dc !important; text-decoration:underline;}
.colored-light-blue a:hover { color:#91b7dc; text-decoration: none;}


img.img-left { float:left; margin:5px 17px 5px 0; background:#fff; border-right:solid 2px #7A898F; border-bottom:solid 2px #7A898F; padding:4px; }
img.img-right { float:right; margin:5px 0px 5px 20px; background:#fff; border-right:solid 2px #7A898F; border-bottom:solid 2px #7A898F; padding:4px; }


img.img-left-noborder { float:left; margin:5px 17px 5px 0; }
img.img-right-noborder { float:right; margin:5px  0 5px 20px;}


a { color:#fff; text-decoration:underline; outline: none;}
a:hover { color:#fff; text-decoration: none;}

a.more{ color:#1B272D; text-decoration:underline; font-weight:bold; background: url("_img/bg-more.gif") no-repeat 100% 70%; padding:0px 8px 0px 0px; white-space:nowrap; }
a.more:hover { color:#1B272D !important; text-decoration: none;}