p, h1, h2, h3, h4, h5, ul, ol, form {margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: none;}
ul {list-style: none;}
input, textarea, select {font: 100% arial,sans-serif; }
/*hr {border: none; border-bottom: 1px dashed #B2B2B2; height: 1px; padding: 0; display: block; margin: 15px 0 20px 0; _margin: 5px 0 10px 0; clear: both;}*/

.hidden {display: none !important;}
.clr {clear: both; display: block; font-size: 1px; height: -1px;}
img {border: none;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}
.taj {text-align: justify !important;}
.imgl {float: left; _display: inline; margin-right: 10px;}
.imgr {float: right; _display: inline; margin-left: 10px;}
.nobrd {border: none !important;}
.nomarg {margin: 0 !important;}
.nopadd {padding: 0 !important;}
.fl {float: left;}
.fr {float: right;}

/***********************************************/

body {margin: 0; padding: 0; font-size: 70%; text-align: center; color: #FFFFFF; background: #fff; font-family: arial, sans-serif;}
#site {margin: auto; margin-top: 60px; width: 770px; text-align: left; background: #fff url(../images/layout/backgrounds/site-top.gif) 0 0 no-repeat;}

/*top*/
#top {position: relative; z-index: 5; margin: auto; text-align: left; padding-top: 11px; height: 59px; background: #D9E366 url(../images/layout/backgrounds/top-bg.gif) 0 0 repeat-x; padding-left: 90px; border-bottom: 2px solid #fff;}
#top h1 {position: relative; width: 271px; height: 31px; overflow: hidden; font-size: 150%; visibility: visible; margin-bottom: 1px;}
#top h1 a {cursor: pointer; cursor: hand; color: #B4B534; text-decoration: none;}
#top h1 span {position: absolute; width: 271px; height: 31px; top: 0; left: 0; background: url(../images/layout/headings/h1-logo.gif) 0 0 no-repeat;}

#top h3 {position: absolute; width: 213px; height: 31px; right: 10px; top: 11px; text-align: right; color: #B4B534; font-weight: normal; overflow: hidden; font-size: 130%;}
#top h3 span {position: absolute; width: 213px; height: 31px; left: 0; top: 0; background: url(../images/layout/headings/phone.gif) 0 0 no-repeat;}
#top img.home {position: absolute; left: 18px; top: 18px;}

/*menu*/
#menu {position: relative; z-index: 5; height: 27px;}
#menu li {display: inline; float: left; position: relative; _margin-bottom: -3px;}
#menu li.m1 {width: 62px;}
#menu li.m2 {width: 81px;}
#menu li.m3 {width: 112px;}
#menu li.m4 {width: 111px;}
#menu li.m5 {width: 124px;}
#menu li.m6 {width: 84px;}
#menu li a {font-size: 1.4em; height: 27px; line-height: 27px; text-align: center; display: block; text-decoration: none; color: #fff; cursor: pointer; cursor: hand;}
#menu li span {position: absolute; top: 0; left: 0; height: 27px; background-position: 0 0; background-repeat: no-repeat;}
#menu li a:hover, #menu li a.act, #menu li:hover a { color: #000;}
#menu li a:hover span, #menu li a.act span, #menu li:hover a span {background-position: 0 -27px;}
#menu li.m1 span {width: 62px; background: url(../images/layout/nav/menu1.gif);}
#menu li.m2 span {width: 81px; background: url(../images/layout/nav/menu2.gif);}
#menu li.m3 span {width: 112px; background: url(../images/layout/nav/menu3.gif);}
#menu li.m4 span {width: 111px; background: url(../images/layout/nav/menu4.gif);}
#menu li.m5 span {width: 124px; background: url(../images/layout/nav/menu5.gif);}
#menu li.m6 span {width: 84px; background: url(../images/layout/nav/menu6.gif);}

#menu li ul {position: absolute; z-index: 10; width: 130px; left: 13px; top: 23px; display: none;}
#menu li ul li {display: block; float: none; _margin-bottom: 0;}
#menu li ul li a, #menu li:hover ul li a {font-size: 1.0em; height: auto; line-height: normal; text-align: left; display: block; padding: 3px 8px; width: 114px; border-top: 1px solid #D9E366; color: #fff; background: #B4B534;}
#menu li ul li a.first {border-top: 0;}
#menu li ul li a:hover {color: #000000; text-decoration: underline;}
#menu li:hover ul {display: block;}

/*content*/
#content {position: relative; z-index: 1; min-height: 400px; height: 400px; background: #808080 url(../images/layout/backgrounds/logotype.gif) 100% 100% no-repeat; padding: 10px 17px;}
/*.bgservices {background: #808080 url(../images/layout/backgrounds/drawing1.gif) 100% 0 no-repeat !important;}
.bgideas {background: #808080 url(../images/layout/backgrounds/ideas.gif) 100% 0 no-repeat !important;}
.bgprojects {background: #808080 url(../images/layout/backgrounds/projects.gif) 100% 0 no-repeat !important;}
.bgconactus {background: #808080 url(../images/layout/backgrounds/contact.gif) 100% 0 no-repeat !important;}
.bgexperience {background: #808080 url(../images/layout/backgrounds/experience.gif) 100% 0 no-repeat !important;}*/

#content h1 {color: #fff; font-size: 2em; margin: 0; font-weight: normal;}
#content h2 {color: #D9E366; font-size: 2em; margin: 0; font-weight: normal; position: relative; top: -10px;}

#content h3 {color: #D9E366; font-size: 1.4em; margin: 1em 0 0.2em 0;}
/*#content h4 {color: #FBB349; font-size: 1.3em; margin: 1em 0 0.2em 0;}
#content h5 {color: #47BA57; font-size: 1.2em; margin: 1em 0 0.2em 0;}
#content h6 {color: #6B6D6E; font-size: 1.1em; margin: 1em 0 0.2em 0;}*/
#content p {margin: 0.2em 0 1.5em 0; line-height: 1.4em;}
#content img {}

#content a {color: #D9E366; text-decoration: underline;}
#content a.pdf {padding-left: 20px; background: url(../images/content/filetypes/pdf.gif) 0 0 no-repeat;}
#content a.doc {padding-left: 20px; background: url(../images/content/filetypes/doc.gif) 0 0 no-repeat;}
#content a.xls {padding-left: 20px; background: url(../images/content/filetypes/xls.gif) 0 0 no-repeat;}
#content a.zip {padding-left: 20px; background: url(../images/content/filetypes/zip.gif) 0 0 no-repeat;}
#content a.web {padding-left: 20px; background: url(../images/content/filetypes/html.gif) 0 0 no-repeat;}

#content ul, #content ol {margin: 0.2em 0 2em 2em;}
#content ol {list-style-position: inside;}
#content ol ol, #content ul ol, #content ul ul, #content ol ul {margin: 0;}
#content ol ol, #content ol ul {margin-left: 15px;}
#content li {padding: 3px 0;}
#content ul li {padding-left: 15px; background: url(../images/layout/crumbs/square-green.gif) 0 7px no-repeat;}
#content ul ul li, #content ol ul li {background: url(../images/layout/crumbs/square-green.gif) 0 7px no-repeat;}
#content ol ul li {=padding-left: 0;}
#content ul ol li {padding: 3px 0; background: none;}

#content ul#sitemap li a {color: #3F9CD6;}
#content ul#sitemap li li a {color: #44C8F4;}

/*tables
#content table.common {width: 100%; margin: 0.5em 0 2em 0; border: none; border-collapse: collapse;}
#content table.common thead {background: #d2d2d2;}
#content table.common thead th, #content table.common thead td {color: #464646; text-align: left; padding: 7px 10px; border: 1px solid #aaaaaa;}
#content table.common tbody th, #content table.common tbody td {color: #464646; text-align: left; padding: 5px 10px; border: 1px solid #dbdbdb;}
#content table.common tbody tr.tr1 td, #content table.common tbody tr.tr1 th {background: #fff;}
#content table.common tbody tr.tr2 td, #content table.common tbody tr.tr2 th {background: #eeeeee;}*/

/*form*/
#content label {display: block; padding-top: 3px; font-weight: bold;}
#content input.txt {border: 1px solid #aaaaaa; background: #fff; padding: 1px 2px; color: #777777}
#content input.btn {border: 1px solid #aaaaaa; background: #d2d2d2; color: #464646;}
#content textarea.txt {overflow: auto; border: 1px solid #aaaaaa; color: #777777; background: #fff; padding: 1px 2px;}
#content form .required {color: #E39000; font-weight: bold;}
#content form .error {border: 1px solid #E39000;}
#content form .row {margin: 5px 0; =margin: 3px 0;}

/*gallery*/
#gallery {position: relative; z-index: 1; min-height: 400px; height: 400px; background: #808080 url(../images/layout/backgrounds/logotype.gif) 100% 100% no-repeat; padding: 10px;}
#gallery h1 {color: #fff; font-size: 2em; margin: 0; font-weight: normal; /*display: inline;*/ position: relative; left: 7px;}
#gallery h2 {color: #D9E366; font-size: 2em; margin: 0; font-weight: normal; /*display: inline;*/ position: relative; left: 7px; top: -10px;}
#gallery p {padding: 0 7px;}
#gallery table {width: 750px; margin: 0.5em 0; border: none; /*position: relative; left: -6px; =left: 0px;*/}
#gallery table td {padding: 0;}
#gallery table tr.pic td {width: 150px; height: 145px; text-align: center; vertical-align: middle; background: url(../images/layout/backgrounds/fake.gif) 50% 50% no-repeat;}
#gallery table tr.pic td.nopic {background: none;}
#gallery table tr.descr td {width: 135px; padding: 0 8px 0 7px; vertical-align: top;}
#gallery table tr.descr td a {color: #D9E366;}
#gallery table h3 {color: #D9E366; font-size: 1em;}
#gallery table h3 a {color: #D9E366; text-decoration: none;}
#gallery table h3 a:hover {text-decoration: underline;}
#gallery table p {padding: 0;}

/*project detail*/
#pictures {width: 460px; height: 300px; padding-top: 20px; background: #fff; float: left; margin-top: 4px; position: relative; text-align: center;}
#pictures #numb {width: 27px; height: 150px; position: absolute; top: 23px; left: -10px;}
#pictures #numb a {display: block; width: 27px; height: 23px; line-height: 23px; color: #fff; background: #6A6A6A; text-align: center; position: relative; overflow: hidden; margin-bottom: 1px;}
#pictures #numb a:hover, #pictures #numb a.act {color: #D9E366; background: #474747;}
#pictures #numb a span {position: absolute; width: 27px; height: 23px; top: 0; left: 0; background-repeat: no-repeat; background-position: 0 0;}
#pictures #numb a.p1 span {background: url(../images/layout/nav/pic1.gif);}
#pictures #numb a.p2 span {background: url(../images/layout/nav/pic2.gif);}
#pictures #numb a.p3 span {background: url(../images/layout/nav/pic3.gif);}
#pictures #numb a.p4 span {background: url(../images/layout/nav/pic4.gif);}
#pictures #numb a.p5 span {background: url(../images/layout/nav/pic5.gif);}
#pictures #numb a.p6 span {background: url(../images/layout/nav/pic6.gif);}
#pictures #numb a:hover span, #pictures #numb a.act span {background-position: -27px 0;}

#pdetail {width: 250px; height: 290px; padding-bottom: 30px; float: right; position: relative;}
#pdetail h3 {margin-top: 0;}
#pdetail #supnav {position: absolute; width: 250px; height: 15px; bottom: -7px; _bottom: -2px; left: 0;}

/*footer*/
#footer {margin: auto; text-align: left; color: #B4B534; clear: both; background: url(../images/layout/backgrounds/footer-bg.gif) 0 0 repeat-x; border-top: 1px solid white;}
#footer .pages {width: 200px; float: left; padding: 5px 0 5px 10px;}
#footer .pages img {position: relative; top: -1px;}
#footer .pages a:hover, #footer .pages a.act {color: #5A5A5A;}
#footer .footmenu {width: 200px; float: right; padding: 5px 0 5px 0;}
#footer .footmenu li {display: inline; float: right; position: relative; overflow: hidden;}
#footer .footmenu li.m1 {width: 72px;}
#footer .footmenu li.m2 {width: 118px;}
#footer .footmenu li a {display: block; height: 16px; cursor: pointer; cursor: hand;}
#footer .footmenu li a span {position: absolute; top: 0; left: 0; height: 16px; background-position: 0 0; background-repeat: no-repeat;}
#footer .footmenu li.m1 span {width: 72px; background: url(../images/layout/nav/fmenu1.gif);}
#footer .footmenu li.m2 span {width: 118px; background: url(../images/layout/nav/fmenu2.gif);}
#footer .footmenu a:hover, #footer .footmenu a.act {color: black;}
#footer .footmenu a:hover span, #footer .footmenu a.act span {background-position: 0 -16px;}
#footer p {position: relative;}
#footer a {color: #fff; text-decoration: none;}
#footer a.author {position: absolute; top: 0; right: 0; color: #B4B534;}
#footer a.author:hover {text-decoration: underline;}
#footer a.author span {color: #6F6F6F;}

/**********************************/

.w10 {width: 10px !important;}
.w20 {width: 20px !important;}
.w25 {width: 25px !important;}
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w50p {width: 50% !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w200 {width: 200px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w550 {width: 550px !important;}
.w600 {width: 600px !important;}