/* Web Defined
*  071410
*/

/* GLOBALS */
body,div,span,h1,h2,h3,h4,h5,h6,p,ul,ol,li,a,input,select,optgroup,label,legend,textarea,fieldset,form,td,th {margin:0;padding:0;outline:none;outline-width:0;font-size:13px;color:#444;font-weight:normal;line-height:100%;font-family:'Lucida Grande',Helvetica,Arial,sans-serif;}
input,select,optgroup,label,legend,textarea {display:block;}
label,input {float:left;color:#2a55a0;}
ol, ul, li {list-style-type:none;}
img {border:0;}
a, a:visited, a:hover {outline-style:none;}

div.clear-right {clear:right;height:0;overflow:hidden;}
div.clear-left {clear:left;height:0;overflow:hidden;}
div.clear-both {clear:both;height:0;overflow:hidden;}
div.hide-element {width:0px;height:0px;}
div.spacer-20 {height:20px;}
div.spacer-50 {height:50px;}
div.spacer-70 {height:70px;}

/* MAIN */
body {padding:20px 0 20px 0;background:url(../images/css/bg.png) repeat #1e2229;}
div#wrap {width:980px;height:auto;}
div#header {width:980px;height:102px;background:url(../images/css/topnavBG.png) 0 40px no-repeat transparent;}
div#content {width:900px;height:auto;padding:12px 40px 35px 40px;background:url(../images/css/contentBGcenter.png) 0 30px repeat-y transparent;text-align:left;}
div#footer {width:930px;height:27px;padding:18px 25px 0 25px;color:#888;background:url(../images/css/contentBGfooter.png) 0 0 no-repeat transparent;}
div#sub-footer {width:930px;height:32px;padding:20px 25px 0 25px;color:#888;background:url(../images/css/bottomBG.png) 0 0 no-repeat transparent;}


/* HEADER */
div#header {}
div#header div#logo {float:left;width:220px;height:29px;margin:0 0 0 20px;}
div#header div#logo a {text-decoration:none;}
div#header div#moto {float:right;width:320px;margin:13px 23px 0 0;font-size:13px;color:#bbb;font-style:italic;font-family:Arial, Helvetica, sans-serif;}

/* CONTENT */
div#content-top {background:url(../images/css/contentBGtop.png) center no-repeat transparent;}
div#content {}
div#content div#col-port {height:auto;margin:0;}
div#content div#col1 {float:left;width:580px;height:auto;margin:0 30px 0 0;}
div#content div#col2 {float:left;width:289px;height:auto;margin:10px 0 0 0;}

/* col-port portfolio */
div#col-port {}
div#col-port h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;font-size:25px;color:#444;font-weight:bold;line-height:150%;}
div#col-port h2, h3, h4, h5, h6 {margin:40px 0 10px 0;}


div#col-port div#col1-top {height:auto;}
div#col-port-top h2 {margin:0 0 10px 0;font-size:16px;color:#666;font-weight:bold;font-style:italic;}
div#col-port-top img {margin:0;}
div#col-port-top div.breadcrumb {height:16px;margin:0 0 20px 0;padding:0 0 8px 0;font-size:16px;color:#666;font-weight:bold;font-style:italic;border-bottom:#ddd 1px solid;}
div#col-port-top div.breadcrumb a {font-size:11px;color:#888;text-decoration:none;font-family:Arial, Helvetica, sans-serif}
div#col-port-top div.breadcrumb a:hover {font-size:11px;color:#444;}

div#col-port div.port-box {float:left;width:280px;height:280px;overflow:hidden;margin:10px 30px 10px 0;}
div#col-port div.port-box-last {margin-right:0;}
div.port-box div.ptitle {margin:10px 0 10px 0;padding:0;font-size:17px;color:#444;font-weight:bold;line-height:130%;}
div.port-box p {margin:0 0 10px 0;font-size:11px;color:#444;line-height:150%;}
div.port-box a, div.port-box a:visited {font-size:11px;color:#39c;}
div.port-box a:hover {color:#444;}


div.port-box .project_hoverPhoto, div.port-box .project_hoverVideo {position:absolute;display:block;width:280px;height:140px;z-index:5;background:transparent;cursor:pointer;}
div.port-box .project_hoverPhoto:hover {background:transparent url(../images/css/overPhoto.png) scroll 0 0 no-repeat;}
div.port-box .project_hoverVideo:hover {background:transparent url(../images/css/overVideo.png) scroll 0 0 no-repeat;}
div.port-box .textLink {font-size:11px;color:#39c;text-decoration:underline; cursor:pointer;}
div.port-box .textLink:hover {color:#444;text-decoration:none;}


/* col1 */
div#col1 {}
div#col1 h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0;font-size:25px;color:#444;font-weight:bold;line-height:150%;}
div#col1 h2, h3, h4, h5, h6 {margin:40px 0 10px 0;}

div#col1 p {margin:0 0 10px 0;font-size:13px;color:$666;line-height:150%;}
div#col1 img {margin:0 0 20px 0;}
div#col1 div.txt ul {margin:0 0 10px 25px;list-style-type:square;}
div#col1 div.txt ul li {margin:0 0 8px 0;font-size:13px;color:#444;list-style-type:square;}
div#col1 div.txt a {}
div#col1 div.txt a:hover {text-decoration:none;}
div#col1 div#col1-top {height:auto;}
div#col1-top h2 {margin:0 0 10px 0;font-size:16px;color:#666;font-weight:bold;font-style:italic;}
div#col1-top img {margin:0;}
div#col1-top div.breadcrumb {height:16px;margin:0 0 20px 0;padding:0 0 8px 0;font-size:16px;color:#666;font-weight:bold;font-style:italic;border-bottom:#ddd 1px solid;}
div#col1-top div.breadcrumb a {font-size:11px;color:#888;text-decoration:none;font-family:Arial, Helvetica, sans-serif}
div#col1-top div.breadcrumb a:hover {font-size:11px;color:#444;}

div#col1 div.txt ul.sitemap {margin:0 0 10px 0;list-style-type:none;}
div#col1 div.txt ul.sitemap li {margin:0 0 15px 0;font-size:13px;color:#444;list-style-type:none;}
div#col1 div.txt ul.sitemap li a, div#col1 div.txt ul.sitemap li a:visited {}
div#col1 div.txt ul.sitemap li a:hover {text-decoration:none;}

/* search results */
div#col1 div.txt div#search-result-report {height:16px;margin:0 0 35px 0;padding:6px 0 2px 10px;color:#444;background:#ddd;text-align:left;}
div#col1 div.txt div#common_report {margin:0 0 10px 10px;color:#f20622;}
div#col1 div.txt div#search-results {margin:0 0 50px 0;}
div#search-results span.num {display:block;float:left;width:20px;margin:0 10px 0 0;color:#444;font-weight:bold;text-align:left;}
div#search-results span.weight {margin:0 10px 0 0;font-size:12px;color:#666;}
div#search-results a.title {margin:0 15px 0 0;padding:0 0 4px 0;color:#39c;font-weight:bold;text-decoration:underline;}
div#search-results a.title:hover {color:#444;text-decoration:none;}
div#search-results div.description {margin:4px 0 0 30px;line-height:140%;}
div#search-results div.url {margin:0 0 20px 30px;line-height:140%;}
div.txt div#search-other-pages {clear:left;height:16px;margin:0 0 35px 0;padding:6px 0 2px 10px;background:#ddd;text-align:center;}
div#search-other-pages span.page-num {padding:0 3px 0 0;font-weight:bold;}
div#search-other-pages a {padding:2px 5px 0 0;color:#39c;font-weight:bold;text-decoration:none;}
div#search-other-pages a:hover {color:#444;text-decoration:none;}
div#search-other-pages a.prev, div#search-other-pages a.next {}
div#search-other-pages a.prev span, div#search-other-pages a.next span {font-size:14px;color:#39c;}
div#search-other-pages a.prev:hover, div#search-other-pages a.next:hover {}
div#search-other-pages a.prev:hover span, div#search-other-pages a.next:hover span {color:#444;}
div.txt div#powered_by {text-align:left;}
div.txt div#powered_by span {display:block;float:left;width:70px;margin:1px 0 0 0;font-size:11px;color:#444;}
div.txt div#powered_by img {float:left;width:80px;margin:0 0 0 0;}




/* col2 */
div#col2 div#col2-top {height:6px;background:url(../images/css/col2-top.jpg) 0 0 no-repeat;}
div#col2 div#col2-bot {height:6px;background:url(../images/css/col2-bot.jpg) 0 0 no-repeat;}
div#col2 div#col2-inner {height:auto;padding:20px 20px 20px 20px;background:url(../images/css/col2-mid.jpg) 0 0 repeat-y;}
div.socialRight {border:#e8e8e8 1px solid;background:#f9f9f9;	}

/* col2 contact */
div#col2 div#contact {margin:0 0 20px 0;}
div#col2 div#contact h6 {margin:0 0 10px 0;font-size:17px;color:#444;font-weight:bold;}
div#col2 div#contact p {margin:0 0 20px 0;font-size:11px;color:#444;line-height:120%; text-align:justify;}
div#col2 div#contact ul li {height:30px;margin:0 0 20px 0;padding:0 0 0 50px;font-size:11px;color:#444;line-height:120%;}
div#col2 div#contact ul li.phone {background:transparent url(../images/css/phone_drkgray.png) 3px 1px no-repeat;}
div#col2 div#contact ul li.email {background:transparent url(../images/css/email_drkgray.png) 1px 0 no-repeat;}
div#col2 div#contact ul li.skype {background:transparent url(../images/css/skype_gray.png) 0 0 no-repeat;}
div#col2 div#contact ul li.address {background:transparent url(../images/css/home_gray.png) 0 0 no-repeat;}

div#col2 div#contact ul li.email div {font-size:11px;color:#444;line-height:120%;text-decoration:none;cursor:pointer;}
div#col2 div#contact ul li.email div:hover {color:#39c;}

/* col2 side-nav */
div#col2 div#side-nav {margin:0 0 60px 0;}
div#side-nav h5 {margin:0;padding:23px 0 20px 0;font-size:17px;color:#444;font-weight:bold;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
div#side-nav ul {margin:0;}
div#side-nav ul li {height:35px;}
div#side-nav ul li a, div#side-nav ul li a:visited {display:block;padding:11px 0 10px 10px;color:#444;border-bottom:1px solid #DDDDDD;background:url(../images/css/subNav.png) scroll center top no-repeat transparent;text-decoration:none;}
div#side-nav ul li a:hover, div#side-nav ul li a.selected {color:#fff;background:url(../images/css/subNav.png) scroll center bottom no-repeat transparent;}

/* col2 social */
div#col2 div#social {margin:40px 0 35px 0;height:auto;padding:14px 10px 10px 10px;border:#e6e6e6 1px solid;background:#f4f4f4;}
div#col2 div#social ul li {display:inline;margin:0 13px 0 0;}


/* HOME */
div#home-box-top {width:980px;height:18px;background:url(../images/css/contentBGhome_top.png) 0 -12px no-repeat transparent;}
div#home-box-wrap {width:980px;height:auto;padding:0 0 0px 39px;background:url(../images/css/contentBGhome_center.png) 0 0 repeat-y transparent;}
div#home-box-wrap div.box {float:left;width:280px;height:auto;margin:0 30px 0 0;text-align:left;}
div#home-box-wrap div.box h5 {margin:0 0 10px 0;padding:0 0 8px 0;font-size:16px;color:#ddd;border-bottom:#1e2229 1px solid;}
div#home-box-wrap div.box p {margin:0 0 10px 0;font-size:12px;color:#ddd;line-height:130%; text-align:justify;}
div#home-box-wrap div.box img {margin:0 0 10px 0;}
div#home-box-wrap div.box a, div#home-box-wrap div.box a:visited {font-size:12px;color:#39c;}
div#home-box-wrap div.box a:hover {color:#fff;}

div#home-box-wrap div.box div#contact {height:auto;}
div#home-box-wrap div.box div#contact p {margin:0 0 15px 0;font-size:12px;color:#ddd;line-height:130%;}
div#home-box-wrap div.box div#contact ul li {height:30px;margin:0 0 20px 0;padding:0 0 0 50px;font-size:11px;color:#fff;line-height:120%;}
div#home-box-wrap div.box div#contact ul li.phone {background:transparent url(../images/css/phone.png) 3px 1px no-repeat;}
div#home-box-wrap div.box div#contact ul li.email {background:transparent url(../images/css/email.png) 1px 0 no-repeat;}
div#home-box-wrap div.box div#contact ul li.skype {background:transparent url(../images/css/skype.png) 0 0 no-repeat;}
div#home-box-wrap div.box div#contact ul li.address {background:transparent url(../images/css/home.png) 0 0 no-repeat;}

div#home-box-wrap div.box div#contact ul li.email div {font-size:11px;color:#fff;line-height:120%;text-decoration:none;cursor:pointer;}
div#home-box-wrap div.box div#contact ul li.email div:hover {color:#39c;}

div#home-box-wrap div.box div#social {margin:25px 0 35px 0;height:auto;padding:15px 0 0 0;border-top:#1e2229 1px solid;}
div#home-box-wrap div.box div#social ul li {display:inline;margin:0 13px 0 0;}
div#home-box-wrap div.box div#social ul li a {}

/* WIDGETS */

/* coda slider */
div#img-slider {height:450px;padding:0;background:url("../images/css/sliderBG.png") no-repeat scroll -10px -10px transparent;}
div#img-slider div.coda-slider-wrapper {width:940px;clear:both;overflow:hidden;}
div.coda-slider-wrapper div.coda-slider {position:relative;float:left;overflow:hidden;}

div.coda-slider-no-js div.coda-slider {height:390px;overflow:auto !important;padding-right:20px;}
div.coda-slider p.loading {padding:170px;text-align:center;}

div.coda-slider-wrapper.arrows div.coda-slider, div.coda-slider-wrapper.arrows div.coda-slider div.panel {width:940px;}
div.coda-slider-wrapper.arrows div.coda-slider {margin:0 10px;}
div.coda-nav-left a, div.coda-nav-right a { }
div.coda-nav-left, div.coda-nav-right {float:left;display:none;}
div.coda-nav-left a, div.coda-nav-right a {display:block;text-align:center;text-decoration:none;}

div.coda-nav ul {position:relative;clear:both;display:block;width:auto;margin:auto;overflow:hidden;}
div.coda-nav ul li {display:inline; white-space:nowrap;}
div.coda-nav ul li a {float:left;display:block;left:-50%;width:25px;height:23px;margin-right:10px;text-indent:-9999px;background:transparent url("../images/css/slider-off.png") no-repeat scroll left top;}
div.coda-nav ul li a.current {background:transparent url("../images/css/slider-on.png") no-repeat scroll left top;}
div.coda-nav ul li a.current:hover {background:transparent url("../images/css/slider-on.png") no-repeat scroll left top;cursor:default;}
div.coda-nav ul li a:hover {background:transparent url("../images/css/slider-ov.png") no-repeat scroll left top;}

div.coda-slider div.panel {float:left;display:block;width:940px;}
div.coda-slider div.panel-container {position:relative;}
div.panel div.panel-wrapper {padding:10px 0 0 0;height:390px;}
div.panel div.panel-wrapper div.panel-int {position:absolute;width:940px;height:200px;margin:180px 0 0 0;z-index:40;background:url(../images/css/panel-int2.png) 0 0 repeat-x;}

div.panel-int a.linkButton {display:none;position:absolute;width:170px;height:50px;margin:140px 0 0 1040px;z-index:72;text-indent:-9999px;background:url(../images/css/sliderButton2.png) top center no-repeat transparent;}
div.panel-int a.linkButton:hover {background:transparent url(../images/css/sliderButton2.png) bottom center no-repeat;}

div.panel-int p {display:none;position:absolute;width:400px;height:40px;margin:155px 0 0 25px;padding:5px 10px 5px 10px;z-index:62;font-size:11px;color:#fff;line-height:130%;text-align:left;}
div.panel-int div.title {display:none;position:absolute;width:350px;height:40px;margin:135px 0 0 25px;padding:5px 10px 5px 10px;z-index:62;font-size:16px;color:#fff;font-weight:bold;text-align:left;}
div.panel-int a {display:none;color:#39c;}
div.panel-int a:hover {color:#fff;}

div.panel-int div.bg_alpha {display:none;position:absolute;width:440px;height:75px;margin:125px 0 0 20px;z-index:51;background:url(../images/css/bg_alpha_slider.png);}


/* pop-up */
div#dialog {display:none;height:auto;top:0;z-index:200;}
div.dialog-form {width:551px;}
div.dialog-port {width:763px;}
div#dialog div#close-wrap {height:36px;}
div#dialog div#close-wrap div.close {float:right;position:relative;top:18px;width:36px;height:36px;margin:0 5px 0 0;cursor:pointer;background:url(../images/css/close2.png) 0 0 no-repeat;}
div.dialog-form div#dialog-content {clear:right;width:487px;height:auto;padding:10px 10px 30px 10px;border:10px solid #ececec;background:#fff;}
div.dialog-port div#dialog-content {clear:right;width:685px;height:auto;padding:10px 10px 30px 25px;border:10px solid #ececec;background:#fff;}

div.dialog-port div#dialog-content h5 {margin:0 0 15px 0;font-size:18px;color:#444;}
div.dialog-port div#dialog-content img {}
div.dialog-port div#dialog-content div.dtext {float:right;width:280px;}
div.dtext div.subtitle {width:280px;height:auto;margin:0 0 15px 0;font-size:16px;color:#444;font-weight:bold;}
div.dtext ul {width:268px;margin:0 0 20px 10px;list-style-type:square;}
div.dtext ul li {margin:0 0 10px 0;font-size:13px;color:#444;line-height:140%;list-style-type:square;font-family:Verdana, Arial, Helvetica, sans-serif;}
div.dtext a, div.dtext a:visited {display:block;margin:0 0 10px 0;font-size:14px;color:#39c;text-decoration:none;}
div.dtext a span {margin:-2px 0 0 0;padding:0 0 0 10px;font-size:16px;color:#39c;line-height:100%;}
div.dtext a:hover {color:#444;text-decoration:underline;}
div.dtext a:hover span {color:#444;text-decoration:none;}


div#dialog-content div#thanks {margin:0 0 15px 0;font-size:14px;color:#f20622;font-weight:bold;}

/* overlay */
.bgCover { background:#000; position:absolute; left:0; top:0; display:none; overflow:hidden;z-index:180;}


/* FOOTER */
div#footer {}
div#footer ul {float:right;width:auot;height:20px;}
div#footer ul li {border-right:#1e2229 1px solid;}
div#footer ul li a {font-size:11px;color:#888;}
div#footer ul li a:hover {font-size:11px;color:#ddd;}


/* SUB-FOOTER */
div#sub-footer {}
div#sub-footer div#copyright {float:left;width:auto;height:20px;font-size:11px;color:#888;}
div#sub-footer ul {float:right;width:auto;height:20px;}
div#sub-footer ul li {font-size:11px;border-right:#1e2229 1px solid;}
div#sub-footer ul li a {font-size:11px;color:#888;}
div#sub-footer ul li a:hover {font-size:11px;color:#ddd;}


/* FORMS */
/* search */
form#search {float:right;width:200px;height:32px;margin:27px 20px 0 0;}
form#search input#txt {width:172px;margin:3px 3px 0 0;font-size:11px;color:#888;border:0;background:transparent;}
form#search input#submit {width:18px;border:0;background:transparent;cursor:pointer;}
form#search #searchform {border-bottom:#ddd 1px solid;}


/* pop-form */
form#pop-form {width:467px;height:auto;margin:0 0 0 18px;}
form#pop-form div#inner {width:450px;}
form#pop-form div#inner div#title {margin:0 0 6px 0;font-size:22px;color:#444;font-weight:bold;text-align:left;}
form#pop-form div#inner div#subtitle {margin:0 0 15px 0;font-size:14px;color:#444;text-align:left;}
form#pop-form div#inner label {float:left;width:100%;margin:0 0 8px 0;padding:0;color:#444;font-weight:bold;line-height:14px;}
form#pop-form div#inner input {margin:4px 0 2px 0;padding:6px;border:1px solid #999;font-size:15px;color:#444;}
form#pop-form div#inner input.hidden {width:0;height:0 !important;overflow:hidden;visibility:hidden;border:0;}
form#pop-form div#inner select {margin:4px 0 0 0;padding:5px;border:1px solid #999;font-size:15px;color:#444;}
form#pop-form div#inner textarea {font-size:15px;color:#444;border-color:#999;}
form#pop-form div#inner textarea.textarea {width:436px;height:140px;margin:5px 0 0 0;padding:6px;border:1px solid #999;}
form#pop-form div#inner input.button {width:170px;height:50px;margin:5px 0 0 145px;border:0;background-color:transparent;background:url(../images/css/sliderButton.png) 0 0 no-repeat;}
form#pop-form div#inner input.button:hover {color:#000;background:url(../images/css/sliderButton.png) 0 -50px no-repeat;}

form#pop-form div#inner label.field-100 {width:436px;}
form#pop-form div#inner label.field-100 input {width:436px;}
form#pop-form div#inner label.field-100 select {width:436px;}

form#pop-form div#inner label.field-75 {width:330px;margin-right:10px;}
form#pop-form div#inner label.field-75 input {width:310px;}
form#pop-form div#inner label.field-75 select {width:310px;}

form#pop-form div#inner label.field-L50 {width:220px;margin-right:10px;}
form#pop-form div#inner label.field-L50 input {width:210px;}
form#pop-form div#inner label.field-L50 select {width:220px;}

form#pop-form div#inner label.field-R50 {width:220px;}
form#pop-form div#inner label.field-R50 input {width:210px;}
form#pop-form div#inner label.field-R50 select {width:220px;}

form#pop-form div#inner label.field-25 {width:110px;}
form#pop-form div#inner label.field-25 input {width:110px;}
form#pop-form div#inner label.field-25 select {width:110px;}

form input.error {border:2px solid #f20622 !important;}
form select.error {border:2px solid #f20622 !important;}
form textarea.error {border:2px solid #f20622 !important;}
form span.error {width:200px;height:12px;margin:0 0 0 0;font-weight:bold;color:#f20622;text-decoration:underline;}
form div.error {width:200px;height:12px;margin:0 0 0 0;color:#f20622 !important;}
form select.error {border:1px solid #f20622;}
form label.error {width:auto;margin:0 0 0 0;color:#f20622 !important;}