@font-face { font-family: Imago; src: local(Imago-Book), url('../fonts/ImagoCFFBoo.otf'); }

body { margin: 0px; font-family: arial; background-color: #000000; font-size: 11px; }

h1, h2, h3, h4, h5, form, p, textarea, ul, li , button{ margin: 0px; padding: 0px; }

h2 { color: #FFFFFF; line-height: 16px; margin-bottom: 12px;  }
h4 { color: #FFFFFF; }

p { font-size: 11px; }
p a { color: #ffcc00; }
a:hover { color: #ffcc00 !important; }
a {	text-decoration: none; font-family: arial; }
a span { text-decoration: underline; }
img { border: 0px; }
button { font-family: arial; cursor: pointer; border: 0px; }

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.lineSeparator { height: 1px; font-size: 0px; background-image: url(../images/backgrounds/line.gif); }

/* font-size: 0px; */

.separator, .news .item .image .mask, #portfolioBoxes .box .header .arrow div { font-size: 0px; }


/* Sliders */

.sliderWidget .viewport { overflow: hidden; position: relative;	width: 100%; height: 100%; }
.sliderWidget .itemSet { position: relative; left: 0px; }
.sliderWidget .itemSet li { list-style-image: none; list-style-position: outside; list-style-type: none; float: left; }



/* Container */

#container { width: 944px; margin: 0 auto; }


/* Header */

#header { background-color: #000000; width: 944px; }

#header a { font-size: 11px; }

#header .left { width: 410px; }
#header .left .logo { width: 182px; height: 35px; margin: 45px 0 17px 22px; }
#header .left .row { height: 8px; background-image: url(../images/backgrounds/pattern.gif); }

#header .right { width: 534px; }
#header .right .lang { height: 25px; line-height: 25px; margin: 40px 0 12px; padding-right: 10px; text-align: right; }
#header .right .lang a { color: #999999; font-size: 12px; }
#header .right .menu { height: 28px; background-image: url(../images/backgrounds/pattern.gif); }
#header .right .menu .item { height: 28px; float: right; padding: 0 13px; }
#header .right .menu .item a { color: #FFFFFF; line-height: 28px; font-size: 13px; font-weight: bold; }
#header .right .menu .item a.selected, #header .right .menu .item a:hover { color: #FFCC00; }



/* Menu top */

#menuTop, #menuTop .item { height: 44px; }
#menuTop .item { float: left; padding: 0 20px; }
#menuTop .item a { line-height: 44px; font-size: 14px; color: #FFFFFF; text-transform: uppercase; }
#menuTop .item a:hover, #menuTop .item a.selected { color: #FFCC00; }
#menuTop .separator { float: left; width: 1px; height: 35px; margin: 5px 0 4px; background: transparent url(../images/backgrounds/menuTopSeparator.gif) no-repeat; }



/* News slider */

#newsSlider { height: 275px; background: transparent url(../images/backgrounds/news.png) repeat-x; margin-bottom: 15px; }
#newsSlider .arrow { width: 11px; height: 12px; padding: 26px 9px; background-color: #1a1a1a; position: relative;  }
#newsSlider .arrow.previous { top: -162px; left: -21px; }
#newsSlider .arrow.next { top: -226px; left: 936px; }
#newsSlider li { padding: 11px 8px 0; } 
#newsSlider li .image, #newsSlider li .text { float: left; }
#newsSlider li .image { width: 457px; }
#newsSlider li .text { width: 437px; padding: 0 12px 0 22px; overflow: hidden; }
#newsSlider li .text h2 { margin-top: 8px; font-size: 30px; line-height: 30px; }
#newsSlider li .text h2 a { font-size: 28px; line-height:33px; font-family:Arial; color:#FFFFFF; text-decoration:none; }
#newsSlider li .text h2 a:hover {  color: #FFCC00; }
#newsSlider li .text p 	{ color: #FFFFFF; font-size: 14px; line-height: 20px; height: 74px; padding: 10px 40px 0 0;}
#newsSlider li .text a { font-weight: bold; color: #FFCC00; text-decoration: underline; }
#newsSlider li .text .bottom { color: #666666; font-size: 11px; margin-top: 53px; }
#newsSlider li .text .bottom .left { width: 250px; }
#newsSlider li .text .bottom .left b { color: #999999; }
#newsSlider li .text .button .right { width: 170px; }


/* Title bar */

.titleBar { height: 22px;  background-image: url(../images/backgrounds/pattern.gif); font-size: 34px; line-height: 22px;  text-transform: uppercase; text-align: right; padding-right: 20px; }

.titleBar .breadcrumbBar { float: left; font-size: 11px; color: #999999; margin-left: 20px; }
.titleBar .breadcrumbBar a { font-size: 11px; color: #999999; text-transform: none; }	
.titleBar .breadcrumbBar a.selected { color: #FFFFFF; font-weight: bold; }
.titleBar .breadcrumbBar a:hover { text-decoration: underline; }


/* titleBarBig */

.titleBarBig { /*height: 92px;*/ height: 58px; border-top: 1px solid #242424; background: transparent url(../images/backgrounds/patternGradientBig.png) repeat-x bottom; }
.titleBarBig h2 { font-size: 22px; text-transform: uppercase; line-height: 25px; padding: 0 10px 3px 22px; display: inline; }

.titleBarBig .left, .titleBarBig .right { /* height: 91px; */ height: 57px;  }
.titleBarBig .left { width: 394px; border-bottom: 1px solid #252525; /*border-bottom: 1px solid #FFCC00;*/ /*padding-left: 10px;*/ }
.titleBarBig .right { width: 550px; border-bottom: 1px solid #252525; text-align: right; }

.titleBarBig .breadCrumb, .titleBarBig .breadCrumb a { color: #FFFFFF; font-size: 12px; }
.titleBarBig .breadCrumb { margin: 24px 0 10px; padding-left: 22px;  }
.titleBarBig .breadCrumb a { /* text-transform: uppercase;  */}
.titleBarBig .breadCrumb a:hover { color: #FFCC00; }
.titleBarBig .breadCrumb img { margin: 2px 10px; }


/* columnContent */

.columnContent { background-color: #191919; border-right: 1px solid #292929; margin-bottom: 10px; }

.columnContent .columnRight, .columnContent .columnLeft { float: left; }
.columnContent .columnRight { width: 646px; }
.columnContent .columnLeft { width: 172px; padding: 55px 25px 0 30px; color: #666666; font-size: 12px; line-height: 16px; }

.columnContent h1 { font-size: 30px; line-height: 30px; margin-bottom: 25px; }
.columnContent h2 { font-size: 14px; line-height: 18px; margin-bottom: 15px; }
.columnContent h4 { font-size: 12px; }
.columnContent .columnLeft ul { list-style: none; }
.columnContent .columnLeft a { color: #CCCCCC; font-size: 12px; }
.columnContent .columnLeft a:hover, .columnContent .columnLeft a.selected { color: #FFCC00; }
.columnContent .columnLeft a.selected { text-decoration: underline; }


/* Portfolio detail */

.columnContent.portfolio .columnRight { background-color: #FFFFFF; padding: 35px 30px 30px 40px; }
.columnContent.portfolio .columnRight a { color: #000000; }

.columnContent.portfolio h1, .columnContent.portfolio h2 { color: #000000; }
.columnContent.portfolio h4 { color: #FFFFFF; margin-bottom: 7px; font-size: 15px; }

.columnContent.portfolio .columnRight p { color: #333333; font-size: 14px; line-height: 20px; padding-right: 50px; }

.columnContent.portfolio .columnLeft span { color: #FFFFFF; }


/* News */

.columnContent.news .columnRight { width: 691px; background-color: #000000; padding: 45px 15px 0px 0px; }
.columnContent.news .columnRight .content { padding-left: 10px; }
.columnContent.detail .columnRight .content { min-height: 250px; }

.columnContent.news h1, .columnContent.news h1 a, .columnContent.news h2 { color: #FFFFFF; line-height: 32px; }
.columnContent.news h1 { width: 500px; }
.columnContent.news h4 { color: #FFCC00; }
.columnContent.news .columnRight h4 { font-size: 14px; line-height: 20px; }
.columnContent.news p { color: #cccccc; font-size: 14px; line-height: 20px; padding-bottom: 35px; padding-right: 50px; }
.columnContent.news ul li{ color: #cccccc; font-size: 14px; line-height: 20px; margin-left: 15px; }


.columnContent.news .top, .columnContent.news .top a { font-size: 12px; line-height: 25px; color: #666666; }
.columnContent.news .top span { color: #FFCC00; }

/* News detail */

.columnContent.detail .columnRight .content img { margin-bottom: 30px; }

.columnContent.detail .newsNavigation { height: 47px; margin-top: 30px; padding: 20px 30px 0 0; background-image: url(../images/backgrounds/newsNavigation.gif); text-align: right; }
.columnContent.detail .newsNavigation, .columnContent.detail .newsNavigation a { font-size: 11px; line-height: 16px; color: #666666; }
.columnContent.detail .newsNavigation a { text-transform: uppercase; }
.columnContent.detail .newsNavigation a:hover { color: #FFCC00; }

/* News archive */

.columnContent.archive .columnRight .content { padding: 20px 0 40px 10px; }

.columnContent.archive .columnRight { padding: 30px 15px 0 0; }

.columnContent.archive h1 { float: left; }
.columnContent.archive .link { float: right; padding-right: 20px; }
.columnContent.archive .link a { font-size: 11px; color: #FFCC00; text-transform: uppercase; line-height: 28px; }

.columnContent.archive .columnRight .dottedLine, .columnContent.archive .columnRight .yellowLine { height: 1px; font-size: 0px; }
.columnContent.archive .columnRight .dottedLine { background-image: url(../images/backgrounds/line.gif); }
.columnContent.archive .columnRight .yellowLine { background-color: #FFCC00; }


/* Footer */

#footer { /*color: #666666;*/color: #FFFFFF; margin-bottom: 100px; }

#footer .items { height: 184px; }
#footer .items .item, #footer .items .separator { float: left; }
#footer .items .item { width: 187px; padding: 20px 25px 0; }
#footer .items .item.first { padding-left: 15px; }
#footer .items .item.last { }
#footer .items .item h4 { font-size: 16px; margin-bottom: 10px; text-decoration:underline; }
#footer .items .item p { /*font-weight: bold;*/ line-height: 16px; font-size: 13px;}
#footer .items .item a { /*color: #666666;*/color: #FFFFFF; font-size: 12px; }
#footer .items .item a:hover { text-decoration: underline !important; }
#footer .items .separator { width: 1px; height: 136px; background-image: url(../images/backgrounds/verticalLine.gif); margin-top: 23px; }


#footer .bottom { margin-top: 20px; font-size: 12px; }
#footer .bottom span { padding-left: 20px; }
#footer .bottom a { /*color: #999999;*/color: #FFFFFF; }
#footer .bottom a:hover { text-decoration: none; }
#footer .bottom a.selected { color: #FFCC00; }
#footer .bottom .right { padding-right: 20px; }

#footer ul { list-style: none; }
#footer li { margin-bottom: 3px; }

#footer ul.icons { margin-top: 18px; }
#footer ul.icons li { margin-bottom: 15px; }
#footer ul.icons li a { line-height: 23px; font-weight: bold; }
#footer ul.icons li a:hover {text-decoration:none;}
#footer ul.icons li a.icon { display: block; float: left; margin-right: 10px; }

/* Homepage */


/* News */

.newsHomepage { height: 314px; }
.newsHomepage .item { width: 216px; float: left; margin-left: 20px; }
.newsHomepage .first { margin-left: 8px; }
.newsHomepage .item p { color: #cccccc; font-size: 13px; line-height: 16px; }
.newsHomepage .item.hover p { color: #FFFFFF; }
.newsHomepage .item p.subTitle { font-size: 10px; color: #666666; }
.newsHomepage .item h3 { margin: 20px 0 8px; }
.newsHomepage .item h3 a { font-size: 14px; color: #FFFFFF; }
.newsHomepage .item h3 a:hover { color: #000000 !important; }
.newsHomepage .item.hover h3 a { background-color: #FFFFFF; color: #000000; }
.newsHomepage .item .image { height: 119px; margin: 20px 0 5px; }
.newsHomepage .item .image .mask { width: 216px; height: 119px; position: relative; top: -119px; }
.newsHomepage .item.hover .image .mask { width: 206px; height: 109px; background-color: transparent; border: 5px solid #FFFFFF; cursor: pointer; }


/* Fields */
.fields label, .fields input.field, .fields textarea.field { font-family: arial; font-size: 13px; color: #999999; }
.fields label { width: 80px; height: 27px; line-height: 27px; padding: 0px; }
.fields input.field { width: 211px; height: 25px; padding: 1px 5px; background-image: url(../images/newsletter/field.png); border: 0px; }
.fields textarea.field { width: 211px; height: 101px; padding: 1px 5px; background-image: url(../images/newsletter/textarea.png); border: 0px; }
.fields .checkbox { width: 15px; height: 15px; background-image: url(../images/newsletter/checkboxes.png); cursor: pointer; }
.fields .checkbox.checked { background-position: -15px 0; } 

.fields .field.on { background-image: url(../images/newsletter/fieldOn.png); }
.fields .checkbox.on { width:14px; height: 14px; border: 1px solid red; }


/* Home content */

#homeContent { margin: 30px 0; overflow: hidden; }

#homeContent .portfolioColumn { float: left; width: 612px; }
#homeContent .portfolioColumn .text { float: left; width: 120px; padding-left: 5px; }
#homeContent .portfolioColumn .text img { margin-bottom: 20px; }
#homeContent .portfolioColumn .text h5 { font-size: 11px; color: #cccccc; }
#homeContent .portfolioColumn .text p { /*color: #666666;*/color: #FFFFFF; line-height: 16px; padding-right: 5px; font-size: 13px;}
#homeContent .portfolioColumn .flash { float: left; width: 487px; margin-top: -20px; }

#homeContent .portfolioColumn { }
#homeContent .newsletterColumn { float: left; width: 312px; padding: 15px 0 0 20px; background: transparent url(../images/backgrounds/column.jpg) no-repeat left top; }
#homeContent .newsletterColumn .newsletter h3 { font-size: 18px; color: #FFFFFF; font-weight: normal; text-transform: uppercase; margin-bottom: 20px; }

#homeContent .newsletterColumn .newsletter label, #homeContent .newsletterColumn .newsletter input { float: left; margin-bottom: 5px; }

#homeContent .newsletterColumn .newsletter .row { margin-top: 13px; }
#homeContent .newsletterColumn .newsletter .terms { float: left; width: 135px; height: 23px; margin-left: 81px; }
#homeContent .newsletterColumn .newsletter .terms .checkbox { float: left; margin-right: 10px; }
#homeContent .newsletterColumn .newsletter .terms a { font-size: 10px; /*color: #666666;*/color: #FFFFFF; line-height: 17px; }
#homeContent .newsletterColumn .newsletter button { float: right; width: 68px; height: 23px; margin-right: 12px; font-size: 12px; color: #999999; text-transform: uppercase; font-weight: bold; background-image: url(../images/newsletter/button.png); }

#homeContent .newsletterColumn .followUs { padding-left: 5px; }
#homeContent .newsletterColumn .followUs h4 { font-size: 13px; color: #ffffff; }
#homeContent .newsletterColumn .followUs .items { margin-top: 17px; }
#homeContent .newsletterColumn .followUs .item { float: left; width: 100px; }
#homeContent .newsletterColumn .followUs .item a.icon { margin-right: 10px; display: block; float: left; }
#homeContent .newsletterColumn .followUs .item a { font-size: 11px; color: #999999; font-weight: bold; line-height: 23px; }

#homeContent .newsletterColumn .line { height: 1px; margin: 15px 0 13px; background-image: url(../images/backgrounds/line.gif); }

#homeContent .newsletterColumn .newsletter.fields { height:190px; }
#homeContent .newsletterColumn .newsletter .answer p { font-size:12px; line-height:20px; color:#FFFFFF;  }

/* Portfolio */

.titleBarBig .portfolio { color: #999999; }

.titleBarBig .portfolio button { float: right; display: block; height: 33px; width: 120px; margin-left: 2px; /*margin-top: 58px;*/ margin-top: 24px; font-size: 12px; color: #FFFFFF; font-weight:bold; background-image: url(../images/backgrounds/buttonPattern.png); }
.titleBarBig .portfolio button.hover, .titleBarBig .portfolio button.selected, .titleBarBig .portfolio .select.hover, .titleBarBig .portfolio .select.open { color: #FFCC00; }
.titleBarBig .portfolio button span { font-size: 14px; font-weight: bold; }
.titleBarBig .portfolio button.back, .titleBarBig .portfolio button.more { font-size: 14px; font-weight: bold;  text-transform: none; }

.titleBarBig .portfolio button.arrow { width: 40px; }

.titleBarBig .portfolio .select { float: right; width: 158px; height: 33px; line-height: 35px; /*margin-top: 58px;*/ margin-top: 24px; font-size: 10px; color: #999999; text-transform: uppercase; background-image: url(../images/backgrounds/buttonPattern.png); cursor: pointer; }
.titleBarBig .portfolio .select .text { float: left; width: 110px; padding-left: 7px; }
.titleBarBig .portfolio .select .arrow { float: right; width: 23px; height: 25px; margin: 4px 5px 0 10px; background: #000000 url("../images/icons/arrowWhiteDown.gif") no-repeat center; }
.titleBarBig .portfolio .select.hover .arrow, .titleBarBig .portfolio .select.open .arrow { background: #000000 url("../images/icons/arrowYellowDown.gif") no-repeat center; }
.titleBarBig .portfolio .dropDown { position: absolute; display: none; z-index: 4; width: 130px; background-color: #FFFFFF; text-align: left; padding: 10px; border-right: 1px solid #878787; border-bottom: 1px solid #9b9a99; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-box-shadow: 1px 1px 5px #000000; -webkit-box-shadow: 1px 1px 5px #000000; }
/*.titleBarBig .portfolio .dropDown .row { height: 16px; padding: 3px 0 3px 10px; }
.titleBarBig .portfolio .dropDown .row.on { background-color: #000000; } 
.titleBarBig .portfolio .dropDown a { font-size: 12px; color: #000000; font-weight: bold; line-height: 16px;}
.titleBarBig .portfolio .dropDown a:hover { font-weight: bold; color: #FFFFFF !important;}
*/

.titleBarBig .portfolio .dropDown .row { height: 22px; }
.titleBarBig .portfolio .dropDown a { display: block; font-size: 12px; color: #000000; font-weight: bold; line-height: 16px; padding: 3px 0 3px 10px; }
.titleBarBig .portfolio .dropDown a:hover { font-weight: bold; color: #FFFFFF !important; background-color: #000000;}



#portfolioBoxes { margin: 30px 0 5px; min-height: 173px; overflow: hidden; }
#portfolioBoxes .loader { width: 944px; height: 173px; margin: 0px 0; background: transparent url(../images/loader.gif) no-repeat center center; font-size: 0px; }
#portfolioBoxes .row { display: none; height: 0px; }
#portfolioBoxes .box { display: nodne; float: left; width: 219px; height: 148px; overflow: hidden; position: relative; margin-left: 22px; margin-bottom: 25px; }
#portfolioBoxes .box.first { margin-left: 0px; }
#portfolioBoxes .box .header { position: relative; z-index: 2; padding-left: 24px; height: 29px; line-height: 29px; background-image: url(../images/backgrounds/patternGradient.png); color: #999999; }
#portfolioBoxes .box .header a { color: #cccccc; font-size: 14px; font-weight: bold; }
#portfolioBoxes .box .header .arrow { cursor: pointer; float: right; width: 11px; height: 12px; padding: 9px 11px 8px; background-image: url(../images/backgrounds/pattern.gif); }
#portfolioBoxes .box .header .arrow div { width: 11px; height: 12px; background-repeat: no-repeat; background-position: center; }
#portfolioBoxes .box .header .arrow.down div { background-image: url(../images/icons/arrowWhiteDown.gif); }
#portfolioBoxes .box .header .arrow.down.hover div { background-image: url(../images/icons/arrowYellowDown.gif); }
#portfolioBoxes .box .header .arrow.up div { background-image: url(../images/icons/arrowYellowUp.gif); }
#portfolioBoxes .box .text { background-color: #1b1b1b; height: 119px; z-index: 1; position: relative; top: -238px; }
#portfolioBoxes .box .text h4 { font-size: 12px; margin-bottom: 15px; }
#portfolioBoxes .box .text .content { padding: 13px 10px 0; font-size: 10px; color: #cccccc; height: 79px; }
#portfolioBoxes .box .text .content a { color: #666666; font-size: 10px; text-decoration: underline; }
#portfolioBoxes .box .text .bottom { height: 27px; line-height: 27px; text-align: right; padding-right: 11px; background-image: url(../images/backgrounds/pattern.gif); }
#portfolioBoxes .box .text .bottom a { color: #FFCC00; font-size: 12px; font-weight: bold; }


#portfolioTags { display: none; }
#portfolioTags .content { background-image: url(../images/backgrounds/pattern.gif); width:904px; padding: 50px 20px 50px 20px; margin-bottom:0px; text-align: center; }
#portfolioTags .content a.a { color: #FFFFFF; }
#portfolioTags .content a.b { color: #FFCC00; }
#portfolioTags .content a.size1 { font-size: 12px; }
#portfolioTags .content a.size2 { font-size: 16px; }
#portfolioTags .content a.size3 { font-size: 20px; }
#portfolioTags .content a.size4 { font-size: 26px; }
#portfolioTags .content a.size5 { font-size: 36px; }

#projectArchive { margin: 0 0 15px; overflow: hidden; }
#projectArchive.autoshow { display: none; }
#projectArchive, #projectArchive a { color: #999999; font-size: 12x; line-height: 16px;}
#projectArchive a.selected { color: #FFCC00; }
#projectArchive .column { float: left; width: 206px; height: 250px; padding: 25px 0 0 30px; }
#projectArchive .column.a { background-color: #1a1a1a; }
#projectArchive .column.b { background-color: #272727; }
#projectArchive .column h4 { font-size: 12px; margin-bottom: 7px; }


#moreProjects { display: none; }
#moreProjects a { display: block; float: left; margin-left: 10px; margin-bottom: 10px; }
#moreProjects .content {  padding: 20px 0 10px; }
#moreProjects { }

#anderPortfolio { background-color: #1a1a1a; margin: 15px 0;}

#anderPortfolio .left { width: 374px; padding: 25px 20px 25px 19px; }
#anderPortfolio .right { width: 480px; padding: 25px; }

#anderPortfolio .image { float: left; width: 253px; margin-right: 15px; }
#anderPortfolio .text { float: left; width: 100px; }

#anderPortfolio h4 { margin-bottom: 20px; }
#anderPortfolio p { color: #666666; }


/* Service content */

.serviceContent { padding-left: 10px; }
.serviceContent .intro { margin: 40px 0 45px; }
.serviceContent h3 { color: #FFFFFF; font-size: 30px; line-height: 28px; margin-bottom: 20px;}
.serviceContent ul { list-style: none; }
.serviceContent p, .serviceContent li { color: #cccccc; font-size: 14px; line-height: 20px; }
.serviceContent p { width: 600px; }

.serviceContent .accordion { margin-bottom: 40px; display: none; }
.serviceContent .accordion .title { height: 31px; border-top: 1px solid #333333; color: #cccccc; font-size: 14px; }
.serviceContent .accordion .title a { font-size: 16px; color: #999999; line-height: 31px; text-transform: uppercase; font-weight: bold; }
.serviceContent .accordion .title a span { font-size: 13px; line-height: 31px; text-decoration: none; }
.serviceContent .accordion .title a:hover span { color: #ffcc00 !important; }
.serviceContent .accordion .arrow { float: right; width: 8px; height: 8px; margin: 10px 20px 13px 0; font-size: 0px; cursor: pointer; }
.serviceContent .accordion .arrow.up { background-image: url(../images/arrows/accordionUp.gif); }
.serviceContent .accordion .arrow.down { background-image: url(../images/arrows/accordionDown.gif); }
.serviceContent .accordion .item.open .title { border-bottom: 1px solid #333333;  }
.serviceContent .accordion .item.open a, .serviceContent .accordion a:hover, 
.serviceContent .accordion .item.open h2, .serviceContent .accordion a:hover h2, .serviceContent .accordion .item.open span { color: #FFCC00; }

.serviceContent .accordion .content p, .serviceContent .accordion .content .map { padding: 20px 0 45px; }
.serviceContent .accordion .content a { color: #cccccc !important; font-size: 14px; line-height: 20px; }
.serviceContent .accordion .content a:hover { color: #ffcc00 !important; }
.serviceContent .accordion .content ul { margin-left: 15px; padding: 20px 20px 40px; }
serviceContent .accordion .content .map a { color: #CCCCCC; }
.serviceContent .accordion .line { height: 1px; font-size: 0px; background-color: #333333; }


/* Service detail */

.titleBarBig .servicesDetail button { float: right; display: block; height: 33px; width: 228px; margin-left: 2px; margin-top: 24px; font-size: 10px; color: #999999; text-transform: uppercase; background-image: url(../images/backgrounds/buttonPattern.png); font-size: 14px; font-weight: bold;  text-transform: none; }
.titleBarBig .servicesDetail button.hover, .titleBarBig .portfolio button.selected, .titleBarBig .portfolio .select.hover, .titleBarBig .portfolio .select.open { color: #FFCC00; }



/* Job */

.jobs { padding-left: 10px; margin: 40px 0 45px; }
.jobs h1 { color: #FFFFFF; font-size: 30px; line-height: 28px; margin-bottom: 20px;}
.jobs h2{ color: #FFFFFF; font-size: 16px; line-height: 22px; margin: 15px 0 0;}
.jobs ul { list-style: none; }
.jobs p, .job li { color: #cccccc; font-size: 14px; line-height: 20px; }
.jobs p { width: 600px; }


/* Clients */

#clientsBoxes { margin: 30px 0 5px; }
#clientsBoxes img {margin-left: 22px; margin-bottom: 25px; border: 1px solid #1f1f1f;}
#clientsBoxes img.first { margin-left: 0px; }


/* Contact box */

.contactBox { background: transparent url(../images/backgrounds/contact.png) no-repeat; margin-bottom: 5px; }
.contactBox .text { float: left; width: 200px; padding: 35px;}
.contactBox .mapPlaceholder { float: left; width: 672px; height: 390px; margin-top: 10px; }
.contactBox .mapPlaceholder a { color: #999999; margin-top: 5px; }
.contactBox .map { width: 672px; height: 350px; padding: 10px 2px 10px 0; }
.contactBox .map.obscured { opacity: 0.4; }
.contactBox p, .contactBox p a, .contactBox h3 { font-size: 14px; }
.contactBox p, .contactBox p.white, .contactBox p.white a { color: #FFFFFF; }
.contactBox p.yellow, .contactBox p.yellow a, .contactBox h3 { color: #FFCC00; }
.contactBox p a, .contactBox h3, .contactBox p.yellow, .contactBox p.small a { font-weight: bold; }
.contactBox p a { text-decoration: underline; }
.contactBox p.small { font-size: 12px; color: #FFFFFF; }
.serviceContent.contact .accordion .title { font-size: 16px; color: #666666; font-weight: bold; }

.gmapPopup { }
.gmapPopup a { color: #000000; text-decoration: underline; }


/* Contact form */

.contactForm { padding: 40px 0 35px; }
.contactForm .title { float: left; width: 272px; }
.contactForm .title h3 { font-size: 18px; line-height: 18px; color: #FFFFFF; text-transform: uppercase; font-weight: normal; margin-left: 35px; }
.contactForm .column1 { float: left; width: 342px; }
.contactForm .column2 { float: left; width: 326px; }
.contactForm .checkboxes { margin-top: 15px; }
.contactForm .checkbox { margin-left: 81px; float: left; margin-right: 10px; margin-bottom: 10px; }
.contactForm .checkboxText { float: left; width: 235px; font-size: 10px; color: #666666; line-height: 15px; }
.contactForm label, .contactForm .field { float: left; margin-bottom: 5px; }
.contactForm button { float: right; margin-right: 25px; margin-top: 10px; width: 104px; height: 28px; background-image: url(../images/newsletter/contactButton.gif); font-size: 12px; font-weight: bold; color: #333333; text-transform: uppercase; padding-right: 15px; }
.contactForm button.hover { color: #FFCC00; }

.contactForm .answer p { font-size:12px; line-height:20px; color:#FFFFFF;  }

/* Team */

.teamBox { padding: 10px; }
.teamBox .loader { height: 590px; background: transparent url(../images/loader.gif) no-repeat center center; font-size: 0px; }

.teamBox .content { /*background: transparent url(../images/backgrounds/teamGradient.png) no-repeat;*/ height: 590px; }
.teamBox .text { float: left; width: 428px; padding: 70px 0 10px 10px; }
.teamBox .text .teamName { margin-bottom: 25px; }
.teamBox .text h1 { font-size: 30px; line-height: 30px; font-weight: bold; color: #FFCC00; }
.teamBox .text h2 { font-size: 18px; line-height: 27px; font-weight: bold; margin-bottom: 50px; }
.teamBox .text p { margin-bottom: 20px; padding-right: 45px; }
.teamBox .text p, .teamBox .text li { font-size: 13px; color: #FFFFFF; line-height: 20px; }
.teamBox .text li span, .teamBox .text a { color: #ffcc00; }
.teamBox .text ul { list-style: none; margin-bottom: 10px; margin-top: 25px; }
.teamBox .text li { float: left; }
.teamBox .text li a { margin-right: 15px; }
.teamBox .text a { font-size: 13px; font-weight: bold; }
.teamBox .image { float: right; width: 454px; text-align: center; }


.jcarousel-skin-ander .jcarousel-container { }

.jcarousel-skin-ander .jcarousel-container-horizontal{
    width: 924px;
    padding: 25px 20px 30px;;
}

.jcarousel-skin-ander .jcarousel-clip-horizontal {
    width:  906px;
    height: 126px;
}

.jcarousel-skin-ander .jcarousel-item {
    width: 145px;
    height: 126px;
    
    cursor: pointer;
}

.jcarousel-skin-ander .jcarousel-item-horizontal {
    margin-right: 7px;
}


.jcarousel-skin-ander .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ander .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ander .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ander .jcarousel-prev-horizontal, .jcarousel-skin-ander .jcarousel-next-horizontal {
	position: absolute;
    top: 60px;
    width: 29px;
    height: 48px;
    cursor: pointer;
    background: transparent url(../images/arrows/slider.png) no-repeat;
}

.jcarousel-skin-ander .jcarousel-prev-horizontal {
    left: -20px;
}

.jcarousel-skin-ander .jcarousel-next-horizontal {
    right: 0px;
    background-position: -29px 0;
}


.jcarousel-skin-ander .jcarousel-item img {
    position: relative; top: 10px;
}

.jcarousel-skin-ander .jcarousel-item img.jobs {
    top: 0px; padding: 0px; margin: 0px;
}

#footer p {color: #FFFFFF;}