body {margin:0; padding:0; font: .7em Verdana, Arial, Helvetica, sans-serif; background:#fff; color: #5E5E5E}
a {color:#3078C4;} /*a:hover {color:#000}*/ form {margin:0;}

#wrapper {width:980px; margin:0 auto;}
#header {width:980px; height:85px; float:left; border-bottom:solid 1px #6F6F6F; position:relative;}
#logo {position:absolute; margin:0; top:18px; left:0;} #logo span {display:none;}
#logo a {display:block; background:url(../im/creato_bg.gif) no-repeat; width:230px; height:40px;}
#logo a.blog {display:block; background:url(../im/creato_blog.gif) no-repeat; width:300px; height:40px;}
#header h2 {font-size:1em; position:absolute; font-weight:normal; top:65px; margin:0; left:0;}
#header ul {float:right; list-style:none; margin:0; padding:0;} #header li {float:left; background:url(../im/line1.gif) no-repeat right 5px; padding:0 10px;}
#header ul.tmenu {top:18px; position:absolute; right:0; color:#000;} #header ul.tm {right:110px;}
#header ul.tmenu a {color:#C7C7C7; text-decoration:none;} #header li.l {background:none; padding-right:0;}
#header ul#mmenu {position:absolute; bottom:-1px; right:0;} #header ul#mmenu li {padding:0; background-position:right 10px;} html > body #header ul#mmenu {bottom:0;} #header ul#mmenu li.l a{padding-right:0;}
#header ul#mmenu a {padding:6px 12px; display:block; text-decoration:none; border-bottom:solid 1px #fff; float:left;} #header ul#mmenu li.sel a {border-bottom:solid 1px #6F6F6F; text-decoration:none;color:#2D2D2D;}

#slogan {float:left; width:980px; padding:15px 0;}
#flash {float:left;} #pright {float:right; width:330px; position:relative; height:200px;}
#lnews h1, #login h1 {color:#C7C7C7; font-size:1em; margin:0 0 5px 0;} #lnews {float:left;} #lnews p {margin:0 0 17px 0;}
#whatisthis {position:absolute; right:-10px; bottom:0px; z-index:999;}
.lcats {margin:0; padding:13px 0 0 10px; width:320px; height:28px; background:url(../im/lcats.jpg) no-repeat; float:left; clear:both; position:absolute; bottom:0;}
.lcats strong, .lcats a {font-weight:normal; padding:0 2px;}
#login {display:none; float:right; width:330px; position:relative; height:100px;} #login label {display:block; padding:0 0 2px 0;} #login input {border:solid 1px #6F6F6F;}
#login span {display:block; float:left; margin:0 10px 10px 0;} #login form {margin:0 0 10px 0;} #login form a {padding:3px 0 0 10px; display:block; float:left;}
#login form .lcats {padding-top:10px; height:31px;} #login form .lcats input {float:left;}
#lprojects {float:left; width:980px; border-top:solid 1px #6F6F6F; border-bottom:solid 1px #D4D4D4; padding:10px 0;}
#lprojects h1 {color:#282828; margin:0 0 10px 0; font-size:1.3em; float:left; width:235px;}
#lprojects img {float:right;} #lprojects p {float:left; width:235px;margin:0;}
#proj1 {float:left; width:480px; border-right: solid 1px #6F6F6F; padding:0 10px 0 0;}
#proj2 {float:right; width:480px;}
#lprojects a.theweb {font-weight:bold; display:block; float:left; background:url(../im/bul1.gif) no-repeat right 6px; padding:0 6px 0 0;}
#lprojects a.theweb:hover {background-image:url(../im/bul3.gif); padding-right:8px;}
#lprojects a.more {display:block; float:left; margin:6px 0 0 0; clear: both; white-space: nowrap;}

#new {float:left; position:relative; width:980px; background:url(../im/dot1.gif) repeat-y center}
#new a.plus {display:block; background:url(../im/plus.jpg) no-repeat; width:5px; height:14px; position: absolute; left:488px;}

#new h1, #minfo h1, #aboutmore h1 {margin:0; font-size:1.1em; color:#292929; padding:4px 0 0 0; float:left; width:100%;} #minfo h1 {padding:0;}
#newsites {float:left; width:480px;} #present {float:right; width:478px;} #newlogos a, #newpres a {display:block; float:left; margin:8px 8px 0 0;}
#newlogostxt, #newprestxt, #opmore, #aboutmore {display:none;} #newlogostxt, #newprestxt {height:53px;} html > body #newlogostxt, html > body #newprestxt {height:71px;}
#newlogostxt span, #newprestxt span, #op span {padding:8px 10px 0 0; display:block; float:left; width:130px;}
#newlogostxt span a, #newprestxt span a, #op span a {background:url(../im/bul2.gif) no-repeat left 5px; padding-left:10px;}
#op span {width:90px;} #aboutmore h1 {font-size:1.4em;}
#abouts h1, #aboutmore h1 {margin:0 0 7px 0;} #aboutmore, #abouts {color:#000;}

#minfo {float:left; position:relative; width:980px; margin:10px 0; border-top:solid 1px #D4D4D4; padding:10px 0 0 0; background:url(../im/dot1.gif) repeat-y 360px}
#minfo a.plus {display:block; background:url(../im/plus.jpg) no-repeat; width:5px; height:14px; position: absolute; left:358px; top:0;}
#ourprojects {float:left; width:350px;}
#about {float:right; width:608px;}
#opmore p {margin:10px 0 0 0; float:left; width:100%;} #opmore p img {float:left; margin:0 10px 0 0;} 

#fmenu {width:980px; height:15px; clear:both; border-top:solid 1px #6F6F6F; border-bottom:solid 1px #6F6F6F; margin:0 0 10px 0; padding:10px 0;}
#fmenu a {background:url(../im/line1.gif) no-repeat right 5px; display:block; float:left; margin:0 10px 0 0; padding: 0 10px 0 0}
#fmenu a.l {background:none;} #fmenu a.sel {color:#000;}

#footer {width:980px; padding:0 0 10px 0;} #footer a {color:#C7C7C7;}

#filters {width:960px; height:27px; background:#F9F9F9; margin:10px 0 0 0; padding:13px 10px 0 10px; clear:both;}
html > body #filters {float:left;}
#filters ul {float:left; list-style:none; margin:0; padding:0;} #filters li {float:left; margin:0 45px 0 0;}
a#seeyou {float:right; color:#C7C7C7;}
#filters li a {background:url(../im/bul4.gif) no-repeat right 7px; padding:0 9px 0 0;} #filters li.def {margin-right:15px;}

#main {width:980px; float:left; padding:10px 0 0 0;}
#lcol {float:left; width:600px; padding:0 0 20px 0;}
#rcol {float:right; width:310px;}

.list {float:left; width:100%; color:#817D62; font-size:.9em; margin:0 0 15px 0; clear:both;}
.list img {float:left; margin:0 10px 0 0;}
.list h1 {margin:0; font-size:1.2em; color:#000; font-weight:normal;}
.list a.thumb {display:none;}
.list h2.title {display:none;}

#rcol strong {color:#000;}
.back {margin:0; width:980px; float:left; border-bottom:solid 1px #6F6F6F;}
.back a { text-decoration:none; color:#C7C7C7; font-size:.9em; background: url(../im/bul5.gif) no-repeat 2px 5px; padding:0 5px 2px 12px; display:block; float:left;}
.back a:hover {background-image:url(../im/bul6.gif);}

.ptitle {background:#E7E2BA url(../im/ptitle-r.jpg) no-repeat right; margin:0 0 25px 0; font-size:1.3em; font-weight:normal; color:#000; height:41px;}
.ptitle span {background:url(../im/ptitle-l.jpg) no-repeat left; display:block; height:30px; padding:11px 0 0 10px;}

#nav {float:left; width:631px; height:25px; background:url(../im/browser-bg-top.jpg) no-repeat; position:relative;}
.previous {position:absolute; display:block; top:4px; left:6px; width:18px; height:16px;}
.next {position:absolute; display:block; top:4px; left:26px; width:18px; height:16px;}
.goto {position:absolute; display:block; top:4px; right:160px; width:20px; height:16px;}
#nav span {position:absolute; display:block; width:350px; height:16px; top:4px; left:58px; font-size:.9em;}
#nav span img {float:left; margin:0 3px 0 0;} #nav span strong {display:block; float:left; font-weight:normal; padding:1px 0 0 0;}
#navbottom {float:left; width:631px; background:url(../im/browser-bg-bottom.jpg) no-repeat; height:8px; margin:0 0 15px 0;}

#lcol.listed #nav {width:980px; background:url(../im/browser-bg-top-big.jpg) no-repeat;}
#lcol.listed #navbottom {width:980px; background:url(../im/browser-bg-bottom-big.jpg) no-repeat;}
#lcol.listed .pinfo {width:980px; margin:0; border:0}

#browser {position:relative; float:left; clear:both;}
div.scrollholder {position: relative; width: 631px; height: 350px; overflow: auto; z-index: 1;}
div.scroll {position: absolute; left: 0; top: 0px; width: 95%; z-index: 2;}
div.track {position: relative; float:right; top: 0;  width: 11px; height: 100%; font-size: 0; z-index: 3; background: #f4f4f4;}
div.drag_bar{ position: absolute; width: 100%; height: 35px; cursor: pointer; z-index: 4; background: url(../im/scroll.gif) no-repeat;}

.ptxt {float:left; width:100%; clear:both; color:#000; font-size:1.1em;} html > body .ptxt { padding:0 0 30px 0;}
.pinfo {float:left; width:100%; clear:both; margin:0 0 10px 0; border-bottom:solid 1px #E2E2E2; padding:0 0 10px 0; color:#000;}
.pinfo em {color:#5F5F5F; display:block; padding:0 0 2px 0;  font-size:1.1em;}

#auth p {margin:10px 0 0 0; float:left; width:100%;} #auth em {padding:0;} #auth a {display:block; float:left; margin:0 3px 0 0;}
#auth a.quote {display:block; margin:3px 0 0 0; background:url(../im/quote.jpg) no-repeat; width:8px; height:10px; float:left; font-size:.1em;} #auth a.quote:hover {background-position:0 -10px;}

#content {float:left; width:100%; font-size:1.1em;} html > body #content {padding:0 0 20px 0;}
#team {width:980px; float:left; padding:25px 0 ;}
#leader {width:100%; float:left; color:#000; font-size:1.1em;}
#leader img {float:left; margin:0 10px 0 0;} #leader h1 {margin:0; font-size:1.2em;} #leader h2 {margin:0 0 20px 0; font-size:1em; color:#5F5F5F; font-style:italic; font-weight:normal;}
h1.pr { float:left; width:100%; clear:both; border-bottom:solid 1px #CBCBCB; margin:0 0 10px 0; color:#000; font-size:1.2em; padding:20px 0 5px 0;}

#changeView {float:left; padding:0 15px 0 0; position:relative; margin-top:-5px;} #changeView a span {display:none;}
#changeView a {display:block; float:left; width:25px; height:25px; background-repeat:no-repeat; background-position:0 0; margin-right:5px;}
#changeView a:hover {background-position:0 -25px;}
#changeView a#viewDesc {background-image:url(../im/viewDesc.gif); background-position:0 -50px;}
#changeView a#viewThumbs {background-image:url(../im/viewThumbs.gif);}

#bpreview {float:left; width:980px; border:0; height:865px; background:url(../im/mockup.gif) no-repeat center top;}
#bpreviewwrap {width:940px; margin:0 auto; position:relative;}
#switch {margin:0; float:left; width:970px;}
#switch a {display:block; float:left; margin-right:20px; font-size:1.2em; background: url(../im/button1.gif) no-repeat 0 0; text-decoration:none; width:100px; height:26px; text-align:center; padding-top:2px}
#switch a.sel {background: url(../im/button1.gif) no-repeat 0 -28px; padding-top:4px; height:24px;}

#b728 {position:absolute; width:728px; height:90px; top:9px; right:9px}
#b300 {position:absolute; width:300px; height:250px; top:335px; left:12px}
#b160 {position:absolute; width:160px; height:600px; top:180px; right:9px}

.binfo {float:left; border-right:dashed 1px #BBB8B3; width:400px;} .btext {float:right; width:560px;}

#choosen {float:left; width:310px; height:160px; margin-top:15px; background:url(../im/loader.gif) no-repeat top center}
#rcol h3 {font-size:1em; margin:0;}
#rcol h3 strong {float:left;} #rcol h3 a {float:right; background:url(../im/bul4.gif) no-repeat right 7px; font-weight:normal; padding:0 9px 0 0}