body {margin:0; padding:10px 0; background:#4d4d4d; font:0.88em "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif; color:#fff;}

a {color:#088003; text-decoration:none;}
a:hover {text-decoration:underline;}
a.tip {color:#4c4c4c; border-bottom:1px dashed #4c4c4c;}
a.tip:hover {text-decoration:none;}
a img {border:none;}

h1, h2, h3, h4, h5, h6 {margin:0; color:#191919; line-height:normal;}
h2 {margin-bottom:6px; font-size:1.29em;}
h3 {margin-bottom:3px; font-size:1em;}

p {margin:0 0 8px;}
ul {margin:0 0 8px 0; padding:0 0 0 21px; list-style-type:square;}
ol {margin:0 0 8px 0; padding:0 0 0 23px;}

big {font-size:1.33em;}

form, fieldset {margin:0; padding:0; border:none;}

.link {padding-left:16px; background:url(../images/link.gif) left no-repeat;}
.condensed {letter-spacing:-1px;}

/* ============= tagBar ============ */
#tagBar {width:720px; margin:0 auto 10px; color:#999; word-spacing:4px; text-align:center;}

/* ============== main ============= */
#main {width:612px; padding:0 54px 40px; margin:0 auto; background:url(../images/bg.jpg) #c4c9c5; color:#4c4c4c; overflow:hidden;}

/* ============== logo ============= */
#logo {text-align:right; border-bottom:1px solid #fff;}
#logo img {vertical-align:middle;}

#est {padding:0 4px; font-weight:bold; font-size:10px; background-color:#fff; opacity:0.4; float:right;}

/* ============== menu ============= */
#menu {margin:14px 0; padding:0; list-style:none;}
#menu li {margin-right:15px; font-weight:bold; font-size:1.43em; text-transform:uppercase; display:inline;}
#menu li:before {content: ":: "}
#menu li a {color:#262626;}
#menu li a:hover {color:#545454; text-decoration:none;}
#menu .active,
#menu .active a {color:#7d0509;}

/* ============ message ============ */
.message {padding:8px 8px 8px; margin:0.25em 0 1.25em; font-size:0.86em; color:#000044; background-color:#fffbcc; border:1px solid #000;}
.message a {color:#000044; text-decoration:underline;}

/* ============ sidebar ============ */
#sidebar {width:180px; margin:0 25px 35px 0; float:left;}

/* ============= mypic ============= */
#mypic {width:177px; height:165px; padding-top:8px; margin-bottom:10px; text-align:center; background:url(../images/mypic_frame.gif) no-repeat;}

/* ============ contact ============ */
#contact {margin:0 0 15px; padding:0; list-style:none;}
#contact li {height:46px; padding:4px 18px 0 0; text-align:right; font-size:13px; color:#000; line-height:18px; background:url(../images/contact_bg.png) no-repeat;}
#contact li a {height:46px; margin:-4px -18px 0 0; padding:4px 18px 0 0; color:#000; display:block;}
#contact li a:hover {background:url(../images/contact_bg.png) 0 -50px no-repeat; text-decoration:none;}
#contact li img {margin:6px 0 0 10px; float:left;}

/* ========== personaldata ========= */
#personaldata {margin:0 0 0 7px;}
#personaldata dt {margin:0 0 2px; color:#000;}
#personaldata dd {margin:0 0 10px;}

/* ============ content ============ */
#content {width:369px; margin-bottom:35px; padding:15px 18px; text-align:justify; line-height:1.43em; background:url(../images/content_bg.jpg) #fbfaf6; border-left:1px solid #b0b2ad; border-right:1px solid #b0b2ad; float:left; position:relative;}
#cTL, #cTR, #cBL, #cBR {width:10px; height:10px; background:url(../images/content_corners.jpg) no-repeat; position:absolute; overflow:hidden;}
#cTL {background-position:0 0; top:0; left:-1px;}
#cTR {background-position:-10px 0; top:0; right:-1px;}
#cBL {background-position:0 -10px; bottom:0; left:-1px;}
#cBR {background-position:-10px -10px; bottom:0; right:-1px;}
#cB {height:10px; width:405px; background:url(../images/content_bottom.gif) repeat-x; position:absolute; bottom:0; left:0; overflow:hidden;}

/* ============ section ============ */
.section {margin-bottom:15px;}

/* ============ project ============ */
.project {margin:30px 0 40px;}

.projectInfo {margin-bottom:15px; font-size:0.79em; color:#191919; line-height:1.40em; overflow:hidden;}
.projectImg {padding:0 6px 6px 0; margin-right:-6px; background:url(../images/project_img_bg.png) bottom right no-repeat; float:left; position:relative; z-index:1;}
.projectImg img {border:1px solid #d9d9d9; display:block;}
.pIT {width:6px; height:8px; background:url(../images/project_img_corners.png) -10px 0 no-repeat; position:absolute; top:0; right:0; overflow:hidden;}
.pIB {width:8px; height:6px; background:url(../images/project_img_corners.png) 0 -2px no-repeat; position:absolute; bottom:0; left:0; overflow:hidden;}

.projectShortDesc ul {width:267px; margin:0 0 3px; padding:6px 10px; list-style:none; background-color:#e6e6e6; float:left;}
.projectShortDesc p {margin:0 0 0 92px; color:#666;}

/* =========== clientArea ========== */
#clientArea {padding:15px 0;}
#clientArea .label {width:90px; margin-top:2px; float:left;}

/* =========== footnotes =========== */
#footnotes {margin-top:22px; padding-top:7px; font-size:0.86em; font-style:italic; border-top:1px solid #999;}
#footnotes li {margin:11px 0;}

/* ============= footer ============ */
#footer {margin:0; font-size:0.86em; clear:both;}