/* RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* GENERAL */
* {background-repeat:no-repeat;font-family:arial;font-size:12px;}
.succes { color:green !important; }
.error { color:red !important; }

/* LAYOUT */
body, html { height:100%; }
body { background-color:rgb(240,240,240); }
#wrapper { background-color:white; border-bottom:solid 1px #a1a1a1; }
#page { width:900px; margin:0 auto; position:relative;  }
#page #header { height:85px; border-bottom:solid 1px #a1a1a1; position:relative; }
#page #header #logo { width:160px; height:54px; background-image:url(../img/brand/cameleon.jpg); display:block; text-indent:-6000px; margin-top:20px; float:left; }
#page #header #navigation { float:left; overflow:hidden; margin:20px 0 0 25px; width:620px; }
#page #header #navigation li { float:left; margin-right:20px; }
#page #header #navigation li a { font-size:14px; font-weight:bold; color:#a1a1a1; text-decoration:none; display:block; padding-top:35px; padding-bottom:25px; background-position:left bottom; background-repeat:repeat-x; }
#page #header #navigation li a:hover { background-image:url(../img/bg/navigation.jpg); color:#85c226 }
#page #header #navigation li.selected a { background-image:url(../img/bg/navigation.jpg); color:#85c226 }
#page #header .motto { position:absolute; top:48px; right:0; width:320px; }

#page #copy { float:right; position:absolute; bottom:20px; right:50px; color:#a1a1a1; padding-left:30px; background-image:url(../img/icons/copy.jpg); background-position:0 4px; }

#page #main .head p { text-transform:uppercase; font-size:14px; color:#666666; font-weight:bold; margin-bottom:20px; }
#page #main .title { font-size:24px; color:#85c226; background-image:url(../img/bullets/title.jpg); padding-left:45px; font-weight:bold; background-position:left top; text-transform:uppercase; margin-bottom:20px; height:40px; line-height:20px; }

#page #main form.default input.text { border: 0; border-bottom: 1px solid #999; color: #999; width:130px; }
#page #main form.default input.submit { background-color:#85c226; color:white; border:solid 1px #d1d1d1; padding:3px 10px 3px 10px; }
#page #main form.default input.wide { width:200px; }
#page #main form.default textarea { width:390px; padding:5px; color:#666; }
#page #main form.default p { color:#666666; margin-bottom:5px; }
#page #main form.default ul.options { overflow:hidden; }
#page #main form.default ul.options li { color:#666666; width:205px; float:left; }
#page #main form.default ul.options li label { top:-2px; position:relative; }

#page #main { overflow:hidden; clear:both; margin-top:30px; }
#page #main #primary { width:325px; float:left; }
#page #main #primary p { margin-bottom:10px; color:#666666; }
#page #main #primary div.content { margin-top:20px; }
#page #main #primary div.content p.link { padding:5px 0 5px 0; border-top:solid 1px #a1a1a1; border-bottom:solid 1px #a1a1a1; }
#page #main #primary div.content a { color:#ed0505; text-decoration:none; }

#page #main #secondary { float:right; width:500px; paddixng-top:70px; }
#page #main #secondary #gallery { width:406px; heigxht:328px; bxackground-image:url(../img/bg/gallery.jpg); float:right; }
#page #main #secondary #gallery p.visual { width:406px; hexight:276px; margin-left:3px; marxgin-top:24px; float:left; overflow:hidden; margin-bottom:10px; float:right; }
* html #page #main #secondary #gallery p.visual { margin-left:2px; }
#page #main #secondary #gallery ul.page { display:block; clear:both; }
#page #main #secondary #gallery ul.page li { float:left; color:#666666; }
#page #main #secondary #gallery ul.page li a { font-weight:bold; color:#666666; text-decoration:none; margin-right:5px; padding:4px; }
#page #main #secondary #gallery ul.page li a.active { background-color:Red; color:white; }
#page #main #secondary #gallery ul.page li.label { margin-right:10px; margin-left:2px; }
#page #main #secondary #gallery ul.page li.selected a { color:#ed0505; text-decoration:underline; }

#footer { height:100px; clear:both; background-image:url(../img/visuals/footer.jpg); background-position:0px bottom; position:relative; margin-top:50px; }

/** HOMEPAGE */
body#homepage #page { min-height: 550px; }
body#homepage #page #main { height:500px; background-image:url(../img/visuals/cameleon.jpg); background-position:100px bottom; width:900px; }
body#homepage #page #main #speech { width:381px; height:341px; background-image:url(../img/bg/speech.jpg); float:right; margin:30px 130px 0 0; color:white; }
body#homepage #page #main #speech div.container { margin:65px 80px 80px 80px; height:202px; width:246px; overflow:auto; }
body#homepage #page #main #speech p { margin-bottom:10px; }
body#homepage #page #main #speech .title { font-size:16px; font-weight:bold; }
body#homepage #page #main #speech .subtitle { font-size:12px; font-weight:bold; margin-bottom:10px; }

body#homepage #page #main ul.clients { margin-left:50px; margin-top:395px; }
body#homepage #page #main ul.clients li { float:left; border:solid 1px #f5f5f5; margin-right:3px; }
body#homepage #page #main ul.clients li img { float:left; }
body#homepage #page #main ul.clients li.motto { border:none; }

/** NEWS **/
body#news #page #main .title { background-image:url(../img/bullets/title-orange.jpg); }
body#news #page { overflow:hidden; }
body#news #page { background-image:url(../img/visuals/cameleon.jpg); background-position:left bottom; }
body#news #page #main { margin-top:70px; }
body#news #page #main #primary { margin-left:220px; background-image:url(../img/bg/bracket.jpg); background-position:left top; background-repeat:repeat-y; width:500px }
* html body#news #page #main #primary { margin-left:110px; }
body#news #page #main #primary div.container { background-image:url(../img/bg/bracket-top.jpg); }
body#news #page #main #primary ul.news { padding:30px 0 10px 0; background-image:url(../img/bg/bracket-bottom.jpg); background-position:left bottom; }
body#news #page #main #primary ul.news li { padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #ececec; margin-left:70px; }
body#news #page #main #primary ul.news li.last { border:none; }
body#news #page #main #primary ul.news li .heading { color:red; font-weight:bold; }
body#news #page #main #primary ul.news li .date { font-size:10px; color:rgb(200,200,200); margin:0; padding:0; }
body#news #page #footer { background-image:none; width:300px; float:right; margin-top:20px; }
* html body#news #page #footer { float:right; margin:0; height:auto; padding:0; }

/** ABOUT **/
body#about #page #main .title { background-image:url(../img/bullets/title-blue.jpg); }

body#about #page #main #primary { width:320px; }
body#about #page #main #primary .body { color:#666666; }

body#about #page #main #secondary .body { color:#666666; }
body#about #page #main #secondary .body p { margin-bottom:10px; }

body#about #page #main #secondary ul.pics { overflow:hidden; }
body#about #page #main #secondary ul.pics li { float:left; }
body#about #page #main #secondary div.team { margin-top:10px; }
body#about #page #main #secondary div.team .highlight { color:#85c226; font-weight:bold; margin-bottom:5px; }
body#about #page #main #secondary div.team ul li { color:#666666; width:240px; float:left; background-image:url(../img/bullets/grey-arrow.jpg); padding-left:10px; background-position:0 4px; margin-bottom:5px; }
* html body#about #page #main #secondary div.team { overflow:hidden; clear:left; }

body#about.beta #page #main #secondary { padding:0; }
body#about.beta #page #main #primary { width:440px; float:left; }
body#about.beta #page #main #secondary { width:440px; float:right; }
body#about.beta #page #main div.head { float:left; width:210px; text-align:right; }
body#about.beta #page #main div.body { float:right; width:210px; }

body#about #page #main a.expand { float:right; clear:right; width:200px; text-align:left; display:block; color:#666; border-top:solid 1px black; padding-top:5px; margin-top:5px; text-decoration:none; background-image:url(../img/bullets/grey-arrow.jpg); background-position:0 10px; padding-left:10px; }

/** CLIENTS **/
body#clients #page #main .title { background-image:url(../img/bullets/title-orange.jpg); }
body#clients #page #main ul.clients li { float:left; margin:0 10px 10px 0; }


/** CONTACT **/
body#contact #page #main .title { background-image:url(../img/bullets/title-contact.jpg); }
body#contact #page #main #primary { width:100%; }
body#contact #page #main #secondary { width:100%; background-image:url(../img/visuals/contact.jpg); background-position:right top; padding-top:30px; }
body#contact #page #main #secondary .head { width:420px; margin:0 !important; padding:0 !important; }
body#contact #page #main #secondary .head p { text-transform:uppercase; font-size:14px; color:#666666; font-weight:bold; margin-bottom:20px; }
body#contact #page #main div.details { height:85px; background-image:url(../img/bg/old-projects.jpg); background-color:#85c226; background-position:220px bottom; overflow:hidden; padding:10px; }
body#contact #page #main div.details div.box { float:left; width:200px; }
body#contact #page #main div.details .address { width:280px !important; }
body#contact #page #main div.details div.box p { color:white; margin:0; }
body#contact #page #main div.details div.box p a { color:white; text-decoration:none; }
body#contact #page #main div.details div.box .section { margin-bottom:0px; font-weight:bold; }
body#contact #page #main div.details div.box .job { margin-bottom:10px ;}
body#contact #page #main div.details div.box address { color:white; }


/** PORTFOLIO **/
body#portfolio #page #main #primary .title { margin-bottom:50px; }
body#portfolio #page #main #primary { width: 900px; }

body#portfolio #page #main #primary ul.projects li { width:200px; margin-bottom:20px; }
body#portfolio #page #main #primary ul.projects li p { margin:0; }
body#portfolio #page #main #primary ul.projects li .visual { width:200px; height:270px; padding-bottom:15px; border-bottom:solid 1px #d7d7d7; margin-bottom:10px; overflow:hidden; }
body#portfolio #page #main #primary ul.projects li .name a { color:#7a7a7a; font-size:12px; font-weight:bold; text-decoration:none; }
body#portfolio #page #main #primary ul.projects li { float:left; margin-right:33px; }
body#portfolio #page #main #primary ul.projects li.last { margin-right:0px; }

body#portfolio #page #main div.head { margin-bottom:20px; }
body#portfolio #page #main div.head p { margin:0; padding:0; }

body#portfolio #page #main #secondary { width: 900px; padding:0; margin-top:50px; }
body#portfolio #page #main #secondary .head p { text-transform:uppercase; font-size:14px; color:#666666; font-weight:bold; margin-bottom:20px; }
body#portfolio #page #main #secondary div.projects { height:96px; background-image:url(../img/bg/old-projects.jpg); background-color:#85c226; background-position:right bottom; overflow:hidden; padding:10px; }
body#portfolio #page #main #secondary div.projects ul li { float:left; width:200px; margin-right:10px; }
body#portfolio #page #main #secondary div.projects ul li a { color:white; text-decoration: none; display:block; background-image:url(../img/bullets/green-arrow.jpg); background-position:0 4px; padding-left:10px; }



/** SERVICES **/
body#services #page #main .title { background-image:url(../img/bullets/title-yellow.jpg); font-size:24px; color:#85c226; padding-left:45px; font-weight:bold; background-position:left top; text-transform:uppercase; margin-bottom:20px; height:40px; }
body#services #page #main #primary { width:416px; background-position:center bottom; float:left; }
body#services #page #main #secondary { width:416px; float:right; padding:0; }
body#services #page #main ul.services li { overflow: hidden; }
body#services #page #main ul.services li .content { display:none; overflow:hidden; margin:0; padding:10px; padding-top:0; }
body#services #page #main ul.services li .heading { cursor: pointer; padding:5px; padding-left:0; color:#666; padding-left:10px; background-image:url(../img/bullets/grey-arrow.jpg); background-position:0 9px; font-weight:bold; }
body#services #page #main ul.services li.open .heading { background-image:url(../img/bullets/grey-arrow-down.jpg); background-position:0 10px; }
body#services #page #main ul.services li ul { margin-top:0px; float:left; margin-bottom:0px; margin-right:20px; float:left; }
body#services #page #main ul.services li ul li { margin-bottom:5px; color:#666; }
body#services #page #secondary form textarea { height:190px; padding:5px; color:#666666; }

.photo_box{ width:130px; padding:5px; float:left; }
.photo_box:HOVER{ background-color: #dedede; }

#news a { text-decoration: none; color: #85c226 }
#news a:hover { color: #03653e; }