/***** Global Settings *****/
html, body {border:0;margin:0;padding:0}
body {font-family: Georgia, "Times New Roman", Times, serif;font-size: 62.5%;line-height: 1.25em}
/***** Headings *****/
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal}
h1 {letter-spacing:-1px;font-size:1.4em;color: #888;font-style: italic;font-weight: bold;margin-bottom: 2px}
h2 {letter-spacing:-1px;font-size:1.3em;font-family: "Trebuchet MS", "Trebuchet MS Bold", Arial, sans-serif;color: #888}
h3 {font-size:1em;font-weight:bold}
h4 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.6em;line-height: 1.2em;font-weight: bold;color: #0b7eae}
/***** Common Formatting *****/
p, ul, ol {margin:0;padding-top: 0;padding-right: 0;padding-bottom: 0em;padding-left: 0}
ul, ol {list-style-type: none}
blockquote {margin:1.25em;padding:1.25em 1.25em 0 1.25em}
small {font-size:0.85em}
img {border:0}
sup {position:relative;bottom:0.3em;vertical-align:baseline}
sub {position:relative;bottom:-0.2em;vertical-align:baseline}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed}
/***** Links *****/
a,a:link,a:visited,a:hover { color: #6f6f6f}
/***** Forms *****/
form {margin:0;padding:0;display:inline}
input, select, textarea {font:1em Arial, Helvetica, sans-serif}
textarea {width:100%;line-height:1.25}
label {cursor:pointer}
/***** Tables *****/
table {border:0;margin:0 0 1.25em 0;padding:0}
table tr td {padding:2px}
/***** Wrapper *****/
#wrap {width:960px;margin:0 auto}
/***** Global Classes *****/
.clear { clear:both}
.float-left {float:left}
.float-right {float:right}
.text-left { text-align:left}
.text-right { text-align:right}
.text-center { text-align:center}
.text-justify { text-align:justify}
.bold {font-weight:bold}
.italic {font-style:italic;color: #888}
.underline {border-bottom:1px solid}
.highlight {background:#ffc}
.wrap { width:960px;margin:0 auto}
.img-left {float:left;margin:4px 10px 4px 0}
.img-right {float:right;margin:4px 0 4px 10px}
.nopadding { padding:0}
.noindent {margin-left:0;padding-left:0}
.nobullet {list-style:none;list-style-image:none}
h5 {font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.3em;font-style: italic;line-height: normal;font-weight: bold;color: #0b7eae}
abbr {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline}
/*==================================================================== Layout=============================================================================== */
body {margin:0;background-image: url(../images/back_stripe2.jpg);background-repeat: repeat-x;background-position: left top;height: 768px;background-color: #f7f7f7;padding: 0}
#maincontainer {margin: 0px auto 0px auto;width: 100%}
#stage {width: 988px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto}
/*-----------------------top---------------------------------*/
#topmenu {float: left;width: 988px;background-image: url(../images/b01line.jpg);background-repeat: repeat-x;display: inline;margin: 0px;padding: 0px}
#contentwrapper {float: left}
.header01 {float: left;height: 38px;background-image: url(../images/my_portfolio2008_01.jpg);width: 267px}
.header02 {float: left;height: 38px;width: 720px;background-image: url(../images/my_portfolio2008_02.jpg);background-repeat: no-repeat}
.stripe {background-image: url(../images/stripe4.jpg);background-repeat: no-repeat;height: 1px;width: 712px;float: left;background-position: right;margin-top: 2px;margin-right: 0px;margin-left: 0px;margin-bottom: 0px;padding-bottom: 3px}
.header03 {float: left;height: 62px;width: 267px;background-color: #960;margin: 0px;padding: 0px}
.header04 {float: left;height: 62px;width: 720px;background-image: url(../images/my_portfolio2008_05.jpg);background-repeat: no-repeat;font-family: Georgia, "Times New Roman", Times, serif;background-position: top;margin: 0px;padding: 0px}
.header05 { height: 97px;width: 267px;margin: 0px;padding: 0px;vertical-align: top;display: inline;float: left}
.header06 {height: 97px;width: 720px;background-image: url(../images/my_portfolio2008_07.jpg);background-repeat: no-repeat;margin: 0px;padding: 0px;float: left}
.header07 {float: left;height: 150px;width: 267px;background-image: url(../images/my_portfolio2008_08.jpg);background-repeat: no-repeat;background-position: right}
.header08 {float: left;height: 150px;width: 720px;background-image: url(../images/my_portfolio2008_09.jpg);background-repeat: no-repeat;color: #888}
.introtxt {float: left;padding-bottom: 20px;width: 534px;text-align: left;padding-right: 0px}
.introtxt p {font-size: 1.2em;font-family: Arial, Helvetica, sans-serif;float: left;padding-right: 10px;text-align: left;line-height: 1.4em;font-weight: lighter;color: #3E3E3E;padding-top: 45px}
.submenu {font-size: 1.3em;color: #1C2734;width: 179px;font-family: Georgia, "Times New Roman", Times, serif;line-height: normal;text-align: left;float: left;padding-top: 21px;padding-bottom: 18px}
.submenu a:link { color: #7F873B;text-decoration: none}
.submenu a:visited { color: #767727}
.submenu a:hover { color: #a9b806}
.currrent a:active { color: #221911}
#topmenu .menu a { color: #e9eba0;font-family: Georgia, "Times New Roman", Times, serif}
#topmenu .menu a:hover { color: #26333F}
/*-----------------------typography---------------------------------*/
.strongtxt {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.4em;line-height: 1.4em;color: #98b0ca}
.italictxt {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.3em;color: #98b0ca;padding: 17px 0px 0px 0px;font-weight: normal;line-height: 1.4em;float: left}
.txt13px {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.2em;line-height: normal;color: #98b0ca;font-weight: normal}
/*-----------------------workcontainer---------------------------------*/
.header09 {float: left;height: 227px;width: 266px;background-image: url(../images/my_portfolio2008_10.jpg);background-repeat: no-repeat}
.galleryborder {width: 722px;float: left;padding-left: 267px;background-image: url(../images/my_portfolio2008_10.jpg);background-repeat: no-repeat;background-position: left top;padding-top: 0px;margin: 0px}
.galleryborder3 {width: 722px;float: left;padding-left: 267px;background-image: url(../images/my_portfolio2008_11.jpg);background-repeat: no-repeat;background-position: left top;padding-top: 0px;margin: 0px}
.galleryborder2 {width: 722px;float: left;margin-top: 10px;height: 495px;padding-left: 266px}
.imgborder {float: left;width: 526px;height: 438px;background-color: #FFFFFF;border: 1px solid #999999}
.logborder img {background-color: #FFFFFF;padding: 5px}
.logoborder2 {width: 722px;float: left;padding-left: 266px;margin-top: 10px;padding-bottom: 10px}
.logoborder3 {width: 733px;float: left;height: 320px;padding-left: 266px;margin-top: 10px}
.logoborder {float: left;width: 514px;height: 284px;background-color: #FFFFFF;border: 1px solid #999999;padding: 5px}
.imgborder img {background-color: #FFFFFF;padding: 5px}
.project {float: left;padding-left: 17px;width: 177px;padding-top: 4px;text-align: left}
.project ul {float: left;text-align: left}
project img {height: 1px;width: 152px;float: left}
.project ul {float: left;font-family: "Trebuchet MS", "Trebuchet MS Bold", Arial, serif;font-size: 1.2em;color: #aaa;line-height: 1.4em;margin-top: 2px;text-align: left}
.links {width: 524px;text-align: right;margin-top: 9px;float: left;padding: 2px 0px 3px 0px;height: 12px}
.linksfla {width: 612px;text-align: right;margin-top: 3px;font-size: 1.2em;float: left;padding-bottom: 3px;height: 12px}
.menu {float: left;font-family: Georgia, "Times New Roman", Times, serif;font-size: 2.3em;line-height: 0.8em;color: #eef598;padding-top: 43px}
.menu a {color: #e9eba0;font-family: Georgia, "Times New Roman", Times, serif}
.card {position: absolute;left: 165px;top: 178px}
.header01 span {float: left;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.2em;line-height: normal;color: #b0be90;margin-top: 5px;padding-left: 13px}
.project ul {font-size: 1.1em;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;line-height: 1.3em}
.numbers {border: 1px solid #a9b806;color: #C90;margin-right: 2px;padding: 1px 5px 1px 5px}
.numbers a:link {color: #a9b806}
.numbers a:visited {}
.numbers a:hover {color: #888}
.numbers a:active {}
#sub {}
/*-----------------------aboutme---------------------------------*/
.about01 {float: left;height: 38px;background-image: url(../images/aboutme_01.jpg);width: 267px}
.about01 span {float: left;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.2em;line-height: normal;color: #b0be90;margin-top: 5px;padding-left: 13px}
.about02 {float: left;height: 38px;width: 720px;background-image: url(../images/aboutme_02.jpg);background-repeat: no-repeat}
.about03 {float: left;height: 62px;width: 267px}
.about04 {float: left;height: 62px;width: 720px;background-image: url(../images/aboutme_05.jpg);background-repeat: no-repeat;font-family: Georgia, "Times New Roman", Times, serif}
.about05 {float: left;height: 296px;width: 267px}
.about06 {float: left;height: 296px;width: 720px;background-image: url(../images/aboutme_07.jpg);background-repeat: no-repeat}
.header07 {float: left;height: 150px;width: 267px;background-image: url(../images/my_portfolio2008_08.jpg);background-repeat: no-repeat;background-position: right}
.about06 p {float: left;margin-top: 35px;font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;line-height: 1.3em;width: 390px;padding: 0px}
.about06 span p {padding-top: 5px}
.submenu li {padding-bottom: 2px;margin-left: 7px;margin-bottom: 2px;padding-top: 2px;padding-right: 2px;padding-left: 5px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: none;border-right-style: none;border-bottom-style: solid;border-left-style: none;border-top-color: #B3A777;border-right-color: #B3A777;border-bottom-color: #B3A777;border-left-color: #B3A777}
#active a {color: #2B200E;font-weight: bold}
.comment {font-family: Georgia, "Times New Roman", Times, serif;font-size: 10px;font-style: italic}
#categ {font-family: Georgia, "Times New Roman", Times, serif;padding-bottom: 3px;background-color: #46340B;color: #D3DAB1}
/**/
.box1 a img {padding: 5px;border: 1px solid #999;background-color: #FFF;margin-right: 20px}
#maincontainer .box a {float: left;border: 1px solid #999;margin-right: 20px}
.box1 img {border: 5px solid #FFF;float: left}
.box1 a:hover {color: #888;border: 1px solid #000}
#sticker {position: absolute;height: 73px;width: 173px}
#sticker img {position: relative;float: left;left: 55px;margin-left: 412px}
.introtxt p a {text-decoration: underline;font-family: Arial, Helvetica, sans-serif;color: #625F13}
#maincontainer.introtxt p a,
p a:hover:link {color: #8C822D;text-decoration: none;font-family: Arial, Helvetica, sans-serif}
.header03 img {margin: 0px;padding: 0px}
/* ==========================================================================form styles =============================================================*/
form {text-align: left;float: left;width: 500px;margin-bottom: 35px}
#contform h3 {clear: both;padding: 5px 0px 10px 0px;font-size: 14px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.6em;line-height: 1.2em;font-weight: bold;color: #0b7eae}
form h3 {clear: both;padding: 5px 0px 10px 0px;font-size: 14px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.6em;line-height: 1.2em;font-weight: bold;color: #0b7eae}
#bttn {float: left;clear: left;margin-left: 393px;background-image: url(../website/images/btn_23.jpg);background-repeat: no-repeat;height: 29px;width: 70px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;text-decoration: none}
#contform input {color: #999;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.2em;font-style: normal;margin-bottom: 5px}
#contform p label {float: left;width: 120px;margin-right: 3px}
#contform textarea {color: #999;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.2em}
#contform fieldset ul li {float: left;width: 500px}
#contform label {color: #a3b8d0;width: 120px;text-align: right;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.3em;line-height: normal;height: 22px;float: left}
#namefrom {width: 207px;height: 22px;background-color: #000;border: 1px solid #666;float: left}
#formname {width: 207px;height: 22px;background-color: #000;border: 1px solid #666;float: left}
#company {width: 207px;height: 22px;background-color: #000;border: 1px solid #666;float: left}
#phone {width: 207px;height: 22px;background-color: #000;border: 1px solid #666;float: left}
#subject {width: 207px;height: 22px;background-color: #000;border: 1px solid #666;float: left}
#emailfrom {width: 207px;height: 22px;background-color: #000;border: 1px solid #666;float: left}
#comments {background-color: #000;float: left;display: block;width: 340px;border: 1px solid #666;;height: 162px}
#formwraper {float: left;clear: left;width: 600px}
#submit {float: left;clear: left}
#contform p {float: left;color: #999}
#contform .txt {background-color: #963;color: #a3b8d0;width: 90px;text-align: right;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.3em;line-height: normal}
#contform inputc {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.2em;color: #999}
form label {display: block;font-size: 1.3em;line-height: normal;padding-top: 3px;padding-right: 5px;padding-left: 0px;float: left;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: normal;padding-bottom: 3px}
#formcompany {width: 207px;height: 22px;background-color: #000;border: 1px solid #666;float: left}
#formemail {width: 207px;height: 22px;background-color: #000;border: 1px solid #666;float: left}
#formphone {width: 207px;height: 22px;background-color: #000;border: 1px solid #666;float: left}
#fformphone {width: 207px;height: 22px;background-color: #000;border: 1px solid #666;float: left}
#formtimeframe {width: 207px;height: 22px;background-color: #000;border: 1px solid #666;float: left}
#formdescription {background-color: #000;float: left;display: block;width: 340px;border: 1px solid #666;height: 162px}
form abbr {color:#0b7eae}
abbr, dfn, acronym {cursor:help}
#contform input {}
#contform fieldset input {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.2em;color: #999}
#contform .inputc {width: 207px;height: 22px;background-color: #000;border: 1px solid #666;float: left}
#contform ul li {float: left}
#contform .button {float: right;background-image: url(../images/btn_23.jpg);background-repeat: no-repeat;height: 29px;width: 70px;margin-right: 30px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;margin-top: 5px}
.button {background-color: rgb(128,128,128);color:#ffffff;font-size: 8pt}
.style3 {font-size: xx-small}
.itstitle {font-family: Georgia, "Times New Roman", Times, serif;color: #0B7EAE;float: left;width: 300px;padding-top: 14px;padding-bottom: 7px;padding-left: 100px;font-size: 1.3em;font-style: italic;font-weight: bold}
/*================================================================================footer===============================================================================*/
.footercontaner {left: auto;right: auto;margin: 0px auto 0px auto;width: 100%;padding: 0px;clear: both;background-image: url(../images/footer.jpg);background-repeat: repeat-x;height: 923px}
iframe {background-color: transparent}
.footer {position: relative;padding: 0px;background-image: url(../images/footer.jpg);width: 988px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto}
.contact {background-image: url(../images/footer01.jpg);background-repeat: no-repeat;height: 768px;width: 250px;float: left;padding-top: 155px;padding-left: 16px}
.message {background-image: url(../images/footer02.jpg);height: 768px;background-repeat: no-repeat;width: 685px;float: left;padding-top: 155px;padding-left: 37px}
.footer a:link {color: #a9b806}
.footercontaner a,a:link,a:visited,a:hover:link {color: #a9b806;text-decoration: none;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.italic13px {font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.3em;font-style: italic;line-height: 1.5em;color: #6e8197;font-weight: normal}
.title {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 2em;font-style: normal;color: #0b7eae;line-height: normal}
.float-left ol {float: left;display: block}
.bottomlinks {
float: left;
margin-bottom: 70px;
width: 435px;
}
.bottomlinks ol li {background-image: url(../images/scuare.gif);background-repeat: no-repeat;background-position: left}
.bottomlinks ol li a {padding-left: 7px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.2em;line-height: 1.6em;font-weight: normal}
#error {width: 500px;font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.5em;background-color: #000;color: #A9B80E;font-style: italic;font-weight: normal;line-height: 1.2em;text-align: center;border: 2px solid #9EA01E;overflow: hidden;padding: 20px;margin-top: 20px;margin-right: auto;margin-bottom: 0px;margin-left: auto;visibility: visible;z-index: 101}
/*-------------------------aboutme-------------------*/
.aboutfootercontaner {left: auto;right: auto;margin: 0px auto 0px auto;width: 100%;padding: 0px;clear: both;background-image: url(../images/aboutfooter.jpg);background-repeat: repeat-x;height: 818px}
.aboutcontact {background-image: url(../images/afooter01.jpg);background-repeat: no-repeat;height: 767px;width: 250px;float: left;padding-top: 51px;padding-left: 16px}
.aboutmessage {background-image: url(../images/afooter02.jpg);height: 767px;background-repeat: no-repeat;width: 685px;float: left;padding-left: 37px;padding-top: 51px}
.links2 {float: left;display: block;margin-top: 85px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 1.2em}
#wraperror {width: 100%;font-family: Georgia, "Times New Roman", Times, serif;font-size: 1.5em;background-color: #000;color: #A9B80E;font-style: italic;font-weight: normal;line-height: 1.2em;text-align: center;border: 2px solid #9EA01E; overflow: hidden;padding: 0px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;visibility: visible;z-index: 101}
/*================================================================================================= rollover =================================================================*/
#text {margin:50px auto;width:500px}
.hotspot {color:#900;padding-bottom:1px;cursor:pointer}
#tt {position:absolute;display:block;background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block;height:5px;margin-left:5px;background:url(images/tt_top.gif) top right no-repeat;overflow:hidden}
#ttcont {display:block;padding:2px 12px 3px 7px;margin-left:5px;color:#00709f;font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;font-style: normal;background-color: #000}
#ttbot {display:block;height:5px;margin-left:5px;background:url(images/tt_bottom.gif) top right no-repeat;overflow:hidden}
/*================================================================================================= flash =================================================================*/
.flagalleryborder {float: left}
.flagalleryborder2 {width: 733px;float: left;margin-top: 10px;height: 495px;padding-left: 266px}
.imgborder {float: left;width: 526px;height: 438px;background-color: #FFFFFF;border: 1px solid #999999}
.flalogborder img {background-color: #FFFFFF;padding: 5px}
.flaborder2 {width: 722px;float: left;padding-left: 266px;margin-bottom: 21px}
.flaborder {float: left;width: 514px;height: 284px;background-color: #FFFFFF;border: 1px solid #999999;padding: 5px}
.imgborder img {background-color: #FFFFFF;padding: 5px}
.flalinks {float: left;width: 545px;text-align: center;margin-top: 5px}
.flalinks a {font-size: 1.1em;font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;line-height: normal}
.flaborder3 {width: 722px;float: left;margin-bottom: 21px;margin-top: 21px;padding-left: 266px}