@import url(reset.css);

body{background-color:#eee;font:normal 14px/16px Arial,Helvetica,sans-serif;color:#6f6f6f}

a:link, a:visited{color:#1d8bce;text-decoration:underline}
a:hover{text-decoration:none}

.expand{float:left;width:100%}
.center{width:980px;margin:0 auto;min-width:980px}

.column_1_3{float:left;width:326px}
.column_2_3{float:left;width:652px}

strong{font-weight:bold}
em{font-variant:italic}

/*top*/
#header{background:transparent url(/gfx/page/header-light.png) top center no-repeat;overflow:hidden}
#topheader{background-color:#2c2d2e;position:relative;z-index:100;padding:35px 0;-moz-border-radius:0 0 20px 20px;-moz-webkit-radius:0 0 20px 20px;border-radius:0 0 20px 20px;-moz-box-shadow:0 1px 1px #aaa;-moz-webkit-shadow:0 1px 1px #aaa;box-shadow:0 1px 1px #aaa;behavior: url(/js/lib/PIE.htc);position:relative}
#topheader h1{float:left;width:60%;margin-left:5%;font-size:1.3em}
#topheader h1 span{font-size:1.8em;margin-right:5px}
#topheader h1 a{color:#a6a6a6;text-decoration:none}
#topheader h1 a span{color:#fff}
#search{float:left;width:35%;color:#6f6f6f;position:relative;top:-15px}
#search input[type="text"]{width:150px;border:none;padding:1px;margin:0 5px}
#search input[type="text"]:focus{-moz-box-shadow:0 0 15px #1d8bce;-moz-webkit-shadow:0 0 15px #1d8bce;box-shadow:0 0 15px #1d8bce;behavior: url(/js/lib/PIE.htc);position:relative}
#search input[type="submit"]{cursor:pointer;width:16px;height:16px;border:none;background:transparent url(/gfx/ico/magnifier-16-16.png) 0 0 no-repeat}
#topmenu{float:left;background:transparent url(/gfx/page/header-bg.png) 0 0 repeat-y;position:relative;top:-20px;z-index:10;padding:10px 0 5px;width:978px;border:1px #bebebe solid;-moz-border-radius:0 0 20px 20px;-moz-webkit-radius:0 0 20px 20px;border-radius:0 0 20px 20px;behavior: url(/js/lib/PIE.htc);position:relative}
#topmenu ul{float:left;width:650px;margin:20px 0 5px 25px;font-size:1.15em;list-style-type:none}
#topmenu li{float:left;margin:5px 14px}
#topmenu a{text-decoration:none;color:#2c2d2e}
#topmenu .active, #topmenu a:hover{color:#1d8bce}

#intro{height:230px;padding-bottom:10px}
#intro h2{float:left;color:#545454;margin:20px 0 20px 40px;font-size:2.2em;line-height:1.25em}
#intro h2 span{color:#1d8bce;font-size:0.8em;position:relative;left:70px}
#intro nav{float:left;clear:left;width:70%}
#social{float:left;clear:left;margin:30px 0}
#social p{float:left;font-size:1.5em;margin:0 5px 0 360px;position:relative;top:3px}
#social #fb{float:left;width:24px;height:24px;margin-right:10px;background:transparent url(/gfx/page/social-facebook.png) 0 0 no-repeat}
#social #itea{float:left;width:24px;height:24px;margin:0 10px;background:transparent url(/gfx/page/social-itea.png) 0 0 no-repeat}
#social #fb span, #social #itea span{display:none}
#intro-image{float:right;position:relative;top:-350px;z-index:200}

/*body*/
#body{background-color:#f7f7f7}

#article{padding:30px 0 15px}
#menu{width:306px;margin-right:20px;padding:20px 0 40px;background-color:#fafafa;border-width:1px;border-color:transparent #eaeaea #eaeaea transparent;border-style:solid;color:#bebebe;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;behavior: url(/js/lib/PIE.htc);position:relative}
#menu strong{display:block;font-size:1.7em;margin:10px 0 20px 40px;color:#aaa}
#menu li{margin:10px 0 10px 60px}
#menu .active{color:#6f6f6f;text-decoration:none}

#content{width:100%;padding-top:30px;line-height:1.5em}
#right #content{width:94%;margin-left:6%;}
#content h1, #content h2{font-size:1.7em;color:#2c2d2e;margin-bottom:10px}
#content h3{font-size:1.55em;color:#2c2d2e;margin-top:20px;margin-bottom:10px}
#content h4, #content h5, #content h6{font-size:1.4em;color:#2c2d2e;margin-bottom:10px;margin-top:10px}
#content p{margin:5px 0 15px}
#content li{margin-left:20px}
#content p + ul, #content p + ol{position:relative;top:-10px}
#content.CKEditor p + ul, #content.CKEditor p + ol{top:0}

.module-case{padding-bottom:20px;border-bottom:1px #eee solid;margin-bottom:20px}
.module-case .image{float:left;width:255px}
.module-case .description{float:left;width:355px}
.module-image{margin:0 5px 5px;border:2px #fff solid;-moz-box-shadow:0 0 3px #bbb;-webkit-box-shadow:0 0 3px #bbb;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;behavior: url(/js/lib/PIE.htc);position:relative;margin-top:10px}
.module-image:hover{opacity:0.8;cursor:pointer}

#pagemap dd{margin:5px 0 5px 40px}

#search-results{margin-left:40px}
#search-results .title{position:relative;left:-3px;color:#2c2d2e;text-decoration:none}
#search-results dd{margin-bottom:20px}

#contact-form td{vertical-align:top;padding:5px}
#contact-form label{display:block;width:100%;text-align:right}
#contact-form input[type="text"], #contact-form textarea{border:1px #eaeaea solid;padding:2px 4px;color:#6f6f6f}
#contact-form textarea{font-family:Arial,Helvetica,sans-serif;font-size:0.95em}
#contact-form input[type="text"]:hover, #contact-form input[type="text"]:focus,  #contact-form textarea:hover,  #contact-form textarea:focus{border-color:#bebebe;color:#2c2d2e}
#contact-form input[type="submit"]{float:right;margin:5px 0;padding:10px 20px;cursor:pointer;background:none;border:none;color:#6f6f6f}
#contact-form input[type="submit"]:hover, #contact-form input[type="submit"]:focus{color:#000}
#contact-form .required{position:relative;float:left;top:10px;left:85px}
#contact-form  .error{float:left;clear:both;position:relative;left:85px;color:#f00}

#galleries h4 a{text-decoration:none;color:#2c2d2e}
.gallery{float:left;width:286px;padding-left:40px;margin:20px 0}
.gallery img, .gallery-listing img{border:3px #fff solid;margin:5px;cursor:pointer;-moz-border-radius:8px;-moz-box-shadow:0 0 5px #000;-webkit-border-radius:8px;-webkitbox-shadow:0 0 5px #000;border-radius:8px;box-shadow:0 0 5px #000;behavior: url(/js/lib/PIE.htc);position:relative}
.gallery img:hover, .gallery-listing img:hover{opacity:0.75}
.gallery .all-photos{float:right;font-size:0.9em;position:relative;top:-10px;right:10px}
.gallery-listing li{float:left;list-style-type:none}
.gallery-listing img{margin:10px 12px 17px 5px}
#galleries .back{float:left;width:100%;margin-top:30px}

.news{border-bottom:1px #eaeaea solid;padding-bottom:10px;margin-bottom:40px;text-align:justify}
.date, .author{font-size:0.8em;position:relative;top:-10px}
#news-nav .active{padding:2px 5px;background-color:#1d8bce;color:#fff;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;behavior: url(/js/lib/PIE.htc);position:relative}
#news-navg-top{position:relative;top:-20px;font-size:0.9em}
#news-navg-top .newsNavgRecent{float:left}
#news-navg-top .newsNavgOlder{float:right}

/*aside*/
#aside{padding-top:20px}
#aside-1{height:201px;background:transparent url(/gfx/page/aside-bg-1.png) 0 0 no-repeat}
#aside-2{height:201px;background:transparent url(/gfx/page/aside-bg-2.png) 0 0 no-repeat}
#aside-3{height:201px;background:transparent url(/gfx/page/aside-bg-3.png) 0 0 no-repeat}
#aside h5{font-size:1.8em;margin:30px 0 10px 40px;color:#2c2d2e}
#aside p{margin:0 0 10px 40px;color:#6f6f6f}
#aside .button-long-blue{text-align:center;width:119px;height:64px;margin-left:40px;position:relative;top:5px;background:transparent url(/gfx/page/button-long-blue.png) 0 0 no-repeat}
#aside .button-long-blue a{display:block;color:#eee;font-size:1.4em;text-decoration:none;width:100%;padding-top:8px;height:24px}
#aside .button-long-blue a:hover{color:#000}
#right{margin-left:2px}

/*bottom*/
#bottom{background-color:#fff}
#bottom-content{padding:40px 0;line-height:1.3em}
#bottom-content h5{font-size:1.4em;margin-bottom:10px}

#portfolio{}
#portfolio h5{margin-left:40px;color:#2c2d2e;font-size:1.8em}
#works{margin-left:40px}
#works li{list-style-type:none;float:left;height:190px;width:100%;text-align:justify}
#works h6{font-size:1.2em;color:#2c2d2e;line-height:1.8em}
#works h6 a{text-decoration:none}
#works li a{color:#6f6f6f;}
#works li div{float:left;width:490px}
#works li img{display:block;float:left;margin:0 10px 10px 0;position:relative;top:10px}
#works li a.more{float:right;margin-top:5px;color:#1d8bce}
#switchers{float:right}
#switchers li{float:left;list-style-type:none}
#switchers li a{display:block;width:16px;height:16px;background:transparent url(/gfx/page/radiobox-16-16.png) 0 0 no-repeat}
#switchers li a:hover, #switchers .active a{background-position:0 -16px}
#switchers a span{display:none}

#try-demo{}
#try-demo input{background:transparent url(/gfx/page/input-bg.png) 0 0 repeat-x;height:28px;padding:0 12px;margin:10px 0;border-width:1px;border-color:#bebebe #eaeaea #eaeaea #bebebe;border-style:solid;color:#bebebe;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;behavior: url(/js/lib/PIE.htc);position:relative}
#try-demo input[type="text"]{margin-right:10px}
#try-demo .button-medium-black{float:right;text-align:center;margin-right:20px;width:86px;height:54px;background:transparent url(/gfx/page/button-medium-black.png) 0 0 no-repeat}
#try-demo .button-medium-black input[type="submit"]{background-image:none;border-width:0;color:#eee;margin:0;width:100%;cursor:pointer}
#try-demo-more{float:left;margin-top:15px}
#try-demo-info{font-size:0.8em;line-height:1.3em;position:relative;top:-15px}
#try-demo-close{margin-right:20px;float:right}
#try-demo p{margin:5px 0}
#try-demo a{color:#1d8bce;text-decoration:underline}
#try-demo a:hover{text-decoration:none;cursor:pointer}
#try-demo h5{color:#2c2d2e;font-size:1.8em}
#try-demo h5, #try-demo form, #try-demo p{margin-left:40px}

#demo-news{}
#demo-news h5{color:#2c2d2e;font-size:1.8em;margin-left:40px}
#demo-news p{margin-left:40px}
#demo-news ul{margin-left:40px;margin-top:10px}
#demo-news li{list-style-type:none;margin-bottom:10px}
#demo-news li span{font-size:0.8em;color:#a6a6a6}
#demo-news #archive{text-align:right;padding-right:20px;font-size:0.8em}

#footer{padding:40px 0;color:#6f6f6f;font-size:0.85em;border-top:1px #ededed solid}
#footer .footer-left{text-decoration:underline;color:#1d8bce}
#footer .footer-left:hover{text-decoration:none}
#footer .footer-left a{text-decoration:none}
#footer .footer-right{text-align:right;float:right}
#footer .footer-right{text-align:right;float:right}
#footer .footer-right{text-align:right;float:right}