/********** GENERAL **********/
body {margin: 0; background: #fff url(/images/default/bg-cross.jpg); font-family: Trebuchet, "Trebuchet MS"; font-size: 15px; line-height: 20px; color: #666}
a {text-decoration: none; color: #17a3b4}
a:hover {color: #ff7bab}
p {margin: 0 0 1.0em 0}
h2 a {color: #576b9e}
h2 a:hover {color: #576b9e}
h1,h2,h3 {color: #eaff00; font-weight: bold; text-transform: uppercase; font-size: 13px; margin: 0 0 10px 0; padding-left: 5px; width: inherit; background: #666 url(/images/default/bg-chrome.jpg); height: 20px; line-height: 18px; font-family: Tahoma; float: left}
#menu h1 {margin: 0; padding: 0; background: none; float: none; height: auto}
.default h2 {font-family: Tahoma; color: #576b9e; font-size: 20px; font-weight: normal; margin: 0 0 0.2em 0; padding: 0; background: none; height: auto; line-height: 20px; float: none; text-transform: none;}
.default h3 {font-family: Tahoma; color: #576b9e; font-size: 20px; font-weight: normal; margin: 0 0 0.2em 0; padding: 0; background: none; height: auto; line-height: 22px; float: none; text-transform: none;}
ul {margin: 0; padding: 0}
li {list-style: none; padding: 0; margin: 0}
.clear {float: none; clear: both}
.centre {text-align: center}
img {border: 0}
#fade {background: #fff url(/images/default/bg-blue-fade.jpg) repeat-x; height: 510px}
#wrap {margin: -505px auto 0 auto; width: 973px; overflow: hidden}
#container {width: 973px; background: #eee; float: left}
.imgleft {float: left; margin-right: 10px}
.imgright {float: right !important; margin-left: 10px}
.noborder {border: 0 !important}


/********** MENU **********/
#menu {background: #666 url(/images/default/bg-menu.jpg) repeat-x; height: 77px; width: 973px; float: left}
#menu span {display: none}
#menu li {float: left; height: 77px}
#menu a {float: left; height: 77px}
#menu a:hover {color: #666}
#menu ul a:hover {background-position: 0 -77px}
.menudivider {background: url(/images/default/divider-menu.jpg) no-repeat; height: 77px; width: 2px; display: block; float: left}
.btnportfolio {background: url(/images/default/btn-portfolio.jpg); width: 184px}
.btnabout {background: url(/images/default/btn-about.jpg); width: 124px}
.btninterviews {background: url(/images/default/btn-interviews.jpg); width: 141px}
.btncontact {background: url(/images/default/btn-contact.jpg); width: 114px}
.btnhome {background: url(/images/default/btn-home.jpg); width: 44px}
.logo {background: url(/images/default/logo.gif) no-repeat; width: 316px; height: 52px; margin: 12px 10px 0 10px; float: left}


/********** MAIN **********/
#content {background: url(/images/default/bg-column.gif) repeat-y right; width: 973px; float: left; margin: 10px 0 10px 0}
#content img {padding: 1px; border: 1px solid #666}
#main {margin-left: 10px; width: 953px; float: left}
#left {float: left; width: 600px; margin-right: 20px}
#right {float: left; width: 328px}
.feature {float: left; padding-bottom: 10px; border-bottom: 2px solid #fff; margin-bottom: 10px}
.feature img {margin-right: 10px; float: left}
#left .feature {width: 600px}
#right .feature {width: 328px}
.arrow {height: 20px; background: url(/images/default/arrow.gif) no-repeat; min-width: 19px; font-size: 10px; float: left; padding-left: 25px; margin-top: 10px; line-height: 11px}
.small {font-size: 10px}
.goodie1 {width: 290px; margin-right: 20px; float: left}
.goodie2 {width: 290px; float: left; margin-bottom: 10px}
.goodie2 img {margin-bottom: 5px}
#video {padding: 1px; border: 1px solid #666; margin-right: 10px; width: 290px; margin-bottom: 5px}
#left .brands {margin-bottom: 15px; float: left}
#left .icon {float: left; margin-right: 24px}
#right .brands {margin-bottom: 10px; float: left}
#right .icon {float: left; margin-right: 8px}
#interviews #left ul {margin-left: 20px}
#interviews #left li {margin-bottom: 15px; list-style: disc}
#interviews #left .arrow {font-size: 15px; line-height: 20px; float: none; margin-bottom: 10px}
.interviewee {text-align: center; margin-bottom: 10px}
.interviewee img {float: none !important}
#audiostream {margin-bottom: 10px}
.listen {float: left; margin-top: 2px; margin-right: 10px}
#portfolio #right ul {margin-left: 20px}
#portfolio #right li {margin-bottom: 15px; list-style: disc !important}
.project {margin-bottom: 15px; float: left; text-align: center; margin-right: 24px}
.projectend {margin-bottom: 15px; float: left; text-align: center}
.knowledge {float: left; margin-right: 20px; width: 144px}
.caption {font-size: 10px; text-align: center}
#promo {text-align: center; min-height: 150px; margin-bottom: 15px}
#emag {text-align: center; min-height: 150px; background: url(/images/portfolio/loader.gif) center no-repeat; margin-bottom: 15px}
#sitemap #left ul {margin-left: 20px}
#sitemap #left li {margin-bottom: 15px; list-style: disc !important}
#sitemap .small {line-height: 13px}


/********** SCROLLER **********/
ul#toolbar {display: none}
#frame {width: 510px; float: left; margin-right: 10px}
#scroller {width: 510px; overflow: hidden; height: 160px; margin-right: 10px}
.section {width: 510px; float: left; padding: 5px 10px 5px 10px}
#scrollcontent {width: 5250px; float: left}	
#scrollbar {margin-bottom: 15px; float: left}
.buttonleft {float: left; margin-right: 10px; margin-top: 70px}
.buttonright {float: left; margin-top: 70px}
.screenshot {float: left; margin-right: 12px}


/********** FOOTER **********/
#footer {height: 177px; width: 973px; overflow: hidden; background: #ffea4e url(/images/default/bg-footer3.jpg); float: left}
#footer a:hover {color: #000}
.text {margin: 0px 0 0 10px; float: left; height: 123px}
.footer1 {float: left; padding-top: 15px; height: 123px; padding-right: 10px; background: url(/images/default/divider-footer.jpg) right no-repeat; margin-right: 10px}
.footer2 {float: left; padding-top: 15px; height: 123px}
#footer .small {line-height: 15px; margin-bottom: 7px}


/********** FORM **********/
label {color: #576b9e}
#contact #left label {width: 80px; float: left}
form p {margin-bottom:0.5em}
input {color: #666; padding: 2px; border: 1px solid #666; width:300px; background: #fff url(/images/default/inputbg.gif) repeat-x; font-size: 15px}
select {color: #666; padding: 2px; border: 1px solid #666; font-size: 15px}
textarea {color: #666; padding: 3px; line-height: 20px; border: 1px solid #666; font-family: Trebuchet, "Trebuchet MS"; font-size: 15px; width: 400px; height: 200px}
.button {color: #fff; font-family: Tahoma; font-size: 12px; font-weight: bold; background: #17a3b4; border: 2px solid #576b9e; cursor: pointer; text-transform: uppercase; width: 120px}
.button:hover {background: #ff7bab}
.error {color: #eaff00; background: #000; padding: 5px}
.errorlist {margin-bottom: 15px; font-weight: bold; width: 310px; padding: 5px; margin-top: 5px; float: left; color: #ff0000}


/********** EMAIL **********/
#email input {float: left; margin-right: 10px; width: 250px}
#email .button {width: 150px}
#email li {float: left}
#email ul {margin-bottom: 50px}
#email .logins {margin-bottom: 20px; float: left; width: 600px}
#email #right li {float: none; margin-bottom: 10px}
#email #right ul {margin-bottom: 0px}
#weathercontainer {margin-top: 45px; line-height: 12px}
.weather {width: 220px; font-size: 11px;  text-decoration: none; cursor: pointer; margin-bottom: 15px; margin-left: 15px; font-family:Arial, Helvetica, sans-serif}
#newscontainer {margin-top: 25px; line-height: 12px}
.news {width: 240px; font-size: 11px; text-decoration: none; cursor: pointer; margin: 0px 0px 15px 15px}
#technews {font-size: 11px; margin-left: 180px; color: #666}
#email h3 a {color: #EAFF00}


/********** MAIN PICS **********/
#mainpic {background: #ffea4e; width: 973px; height: 177px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; float: left}
#home #mainpic {background: url(/images/home/mainpic.jpg)}
#portfolio #mainpic {background: url(/images/portfolio/mainpic.jpg)}
#about #mainpic {background: url(/images/about/mainpic.jpg)}
#interviews #mainpic {background: url(/images/interviews/mainpic.jpg)}
#contact #mainpic {background: url(/images/contact/mainpic.jpg)}
#sitemap #mainpic {background: url(/images/home/mainpic.jpg)}
#email #mainpic {background: url(/images/contact/mainpic.jpg)}