﻿/* BORDERS */
.bR { background : url('i/bg/brdr-right.png') 100% 0px repeat-y; }
.bL { background : url('i/bg/brdr-left.png') 0px 0px repeat-y; }


/* HEADER STYLES */
h3 { color : #ff6600; margin-top : 0px; font-size : 1.2em;  }
h2 { font-size : 1.8em; margin-top : 0px; }

.h-style1 { background-color : #ff6600; line-height : 25px; padding-left : 10px; color : #fff; font-size : 1.0em; }
.h-style2 { font-size : 18px; color : #525252; margin : 0px 0px 10px 0px;  }

.dropCASE { font-size : 3.0em; margin : 0px; padding : 0px; }

.news-element { background : url('i/icons/news-element.png') 0px center no-repeat; padding-left : 34px; height : 30px; line-height : 30px; }


/* LIST STYLES */
.list-style1, .list-faq { margin : 0px; padding : 0px; list-style-type : none; }

    .list-style1 br { display : none; }

    .list-style1 li { padding-left : 10px; border-bottom : 1px solid #cccccc; padding-bottom : 8px; margin-bottom : 8px; }
    .list-style1 li.last { border-bottom : 0px;  }
    
    .list-style1 li a { padding-left : 20px; background : url('i/icons/ar-cir-right.png') 0px 2px no-repeat; display : block; text-decoration : none; color : #525252; }
    
    /* specific list elements */
    .list-style1 strong { display : block; }
    .list-style1 span { display : block; font-size : 0.9em; margin-top : 10px; }
    .list-style1 .date { margin-top : 0px;}
    .list-style1 .std-link { color : #ff6600; font-size : 0.8em; margin-top : 0px;}

    /* hover state for list-style 1 */
    .list-style1 li a:hover { background : url('i/icons/ar-cir-right-active.png') 0px 2px no-repeat; }
    .list-style1 li a:hover strong { color : #ff6600; }
    .list-style1 li a:hover .std-link { text-decoration : underline; }
    
    
.list-faq {}
    .list-faq li { margin : 0px; background-color : #f6f6f6; margin-bottom : 20px; position : relative; }
    .list-faq li:hover { background-color : #ff6600; color : #ffffff !important; }  
    .list-faq li:hover strong { color : #ffb380; }

/* PAGE STYLES */
.home-page, .glossary-page, .services-page, .news-page, .blog-page, .faq-page, .contact-page, .portfolio-page, .logo-page, .about-page, .links-page, .page-not-found { margin-top : 15px; }

.glossary-page p { margin : 0px; } 
.glossary-page dt { margin-bottom : 10px; }
.glossary-page dd { margin : 0px; margin-bottom: 40px; background-color : #eeeeee; padding : 10px; border :1px solid #cccccc; } 
.glossary-page ul { margin : 20px 0px; }

.about-page .wp80 { margin-right : 10px; }
.about-page .col { float : left; text-align : left; margin-right : 16px; width : 340px; line-height : 2em; }

.portfolio-page .wp20 .c-padding { padding-left : 0px; }

/* MODULE BLOCKS */
.contact-block { margin-top : 20px; }
.contact-block .form-block { width : 130px; background-color : #ebebeb; padding : 5px 10px; text-align : right; }
.contact-block .form-block p { text-align : left; display : block; margin : 0px 0px 0px 0px; font-size : 0.8em;}
.contact-block .form-block .submit-btn { margin-bottom : 5px;  }
.contact-block .form-block .text-field { width : 120px; margin-top : 10px; font-size : 0.8em; }

.contact-block .options { text-align : left; margin-top : 2px;}
.contact-block label { position : relative; top : -4px; font-size : 0.8em; z-index : 1; } 

.featured-portfolio-block { margin-top : 10px; border : 1px solid #ccc; margin-bottom : 30px; }
.featured-portfolio-block .title-col { background-color : #ff6600; color : #fff; font-size : 1em; font-weight : bold; display : block; padding : 5px 10px; border-bottom : 1px solid #ccc; } 

.featured-portfolio-block .left-col { height : 225px; background-color : #fff; overflow : hidden; }
.featured-portfolio-block .right-col { color : #fff; background-color : #666; padding : 5px 10px; border-top : 1px solid #a2a2a2; }
.featured-portfolio-block a { color : #aaa; }
.featured-portfolio-block a:hover { color : #fff; }
.featured-portfolio-block h3 { color : #000; margin : 0px; font-size : 1em;}


.boxs2 { margin-bottom : 20px; padding-bottom : 60px; background : url('i/bg/boxs1-shadow.png') 0px 100% no-repeat; position : relative; }

.boxs2 .image { text-align : center; position : absolute; top : -10px; left : 10px; background : url('i/bg/boxs1-img.png') 0px 0px no-repeat; width : 220px; height : 152px; z-index : 2;}
.boxs2 .image img { margin-top : 10px; border : 0; }
.boxs2 .title { background : #e2e2e2; height : 28px; line-height : 28px; padding-left : 240px; color : #525252; margin : 0px; }
.boxs2 .description { background-color : #f8f8f8; padding : 10px; padding-left : 240px; min-height : 50px; border-top : 1px solid #c5c5c5; }
.boxs2 .description p { margin : 0px; }

.boxs2 .bottom { display : block; height : 32px; clear : both; background : #525252 url('i/bg/boxs1-bottom.png') 0px 100% no-repeat; position : relative; }
.boxs2 a.readmore { float : right; color : #ffffff; text-decoration : none; background : url('i/bg/boxs1-btn.png') 0px 0px; display : block; height : 32px; width : 126px; text-align : left; line-height : 32px; }
.boxs2 a.readmore span { padding-left : 10px; }
.boxs2 .more-left { float : left !important; background : #ff6600 url('i/bg/boxs1-btnl.png') 0px 0px no-repeat !important; width : 158px !important; }
.boxs2 .more-left span { padding-left : 40px !important; }
.boxs2 .bottom-right { height : 100%; width : 100%; background : url('i/bg/boxs1-bottom-br.png') right bottom no-repeat; }

.boxs2 .links { padding : 6px 8px; text-align : right; color : #cccccc; } 
.boxs2 .links a { color : #cccccc; text-decoration : none; }
.boxs2 .links a:hover { text-decoration : underline; color : #ffffff; }

.boxs2-detail-view .title { padding-left : 10px; }
.boxs2-detail-view .description { padding-left : 10px; min-height : 50px; line-height : 20px; }
.boxs2-detail-view .image { position : static !important; float : left; margin-right : 10px; text-align : center; background : url('i/bg/boxs1-img.png') 0px 0px no-repeat; width : 220px; height : 152px; }
.boxs2-detail-view .text-block .keywords { margin-top : 20px; }
.boxs2-detail-view table td { vertical-align : top; }
.boxs2-detail-view .thumbnails { margin-top : 20px;  }
.boxs2-detail-view .thumbnails a { display : block; float : left; background-color : #ffffff; margin-top : 20px; margin-right : 8px; border : 1px solid #ccc; }
.boxs2-detail-view .thumbnails a img { border : 0px; }

.no-shadow { background : none !important; padding-bottom : 0px; }

.news-thumbnail { float : left; margin-right : 10px; }
.news-thumbnail img { border : 0px; }

.links-block { clear : both; background-color : #f6f6f6; margin-bottom : 20px; }
.links-block .links-content { display : block; padding : 8px 10px !important; color : #525252; min-height : 135px; text-decoration : none; }
.links-block .info { display : block; margin-top : 50px; } 
.links-block img { padding : 4px; background-color : #ffffff; float : left; border : 0px; cursor : pointer; display : block; margin-right : 10px; border : 1px solid #c2c2c2; }
.links-block:hover { background-color : #ff6600; }
.links-block:hover .links-content { color : #ffffff; }

.faq-block .content { min-height : 100px; } 
.faq-block .q-number { color : #e6e6e6; font-size : 7em; display : block; height : 100%; position : absolute; top : 0px; line-height : 1em; left : 10px; padding-right : 5px; border-right : 1px solid #ffffff; }
.faq-block .answer, .faq-block .question { margin : 0px 20px 10px 130px; display : block; }
.faq-block .question { font-weight : bold; margin-top : 12px;}

.logos-block { float : left; margin : 15px 18px 15px 0px; text-align : center; }
.logos-block .image { border : 1px solid #cccccc;  display : block; width: 205px; height: 140px;}
.logos-block strong { display : block; font-size : 0.8em; color : #999999; font-weight : normal; margin-top : 10px; }
.logos-block table td { background-color : #fff; }

.services-thumbnails { margin-top : 0px; }
.services-thumbnails a img { border : 1px solid #ccc; padding : 5px 10px; background-color : #fff; }
.services-thumbnails a:hover img { border-color : #ff6600; }

.tagCloud-block { font-family : Arial; font-weight : bold; }
.tagCloud-block a { color : #cccccc; text-decoration : none; }
.tagCloud-block a:hover { color : #ff6600; }

.tagCloud-block a.size1 { color : #525252; font-size : 1em; } 
.tagCloud-block a.size2 { color : #525252; font-size : 1.2em; }
.tagCloud-block a.size3 { color : #525252; font-size : 1.3em; }
.tagCloud-block a.size4 { color : #525252; font-size : 1.4em; }
.tagCloud-block a.size5 { color : #525252; font-size : 1.5em; }
.tagCloud-block a.size6 { color : #525252; font-size : 1.6em; }
.tagCloud-block a.size7 { color : #525252; font-size : 1.7em; }
.tagCloud-block a.size8 { color : #a2a2a2; font-size : 1.8em; }
.tagCloud-block a.size9 { color : #f2f2f2; font-size : 1.9em; }

.page-not-found .h-style2 { background : url('i/icons/large-cross.png') 0px 0px no-repeat; display : block; height : 128px; line-height : 128px; font-size : 2.8em; padding : 0px 0px 0px 160px;  }

/* BLOG CSS */
.box-s1 ul li a { background : url('i/icons/ar-cir-right.png') 0px 2px no-repeat; }
.box-s1 ul li a:hover { background : url('i/icons/ar-cir-right-active.png') 0px 2px no-repeat; }
ul#monthList li { background : url('i/icons/ar-cir-right.png') 0px 2px no-repeat; }

.comment .text { background : url('i/bg/left-quote.png') 0px 0px no-repeat; }
.comment .text .close-quote { background : url(i/bg/right-quote.png) 100% 100% no-repeat; }

.comment .bottom { background : #f8f8f8 url('i/bg/boxs1-bottom-lg.png') 0px 100% no-repeat !important; }
.comment .bottom-right { background : url('i/bg/boxs1-bottom-brlg.png') 100% 100% no-repeat !important; }

/* FORM ELEMENTS */
.contact-block .text-field, .search-block .text-field { border : 1px solid #ff6600; padding : 4px; color :#525252; }
.contact-block .text-field:focus, .search-block .text-field:focus { background-color : #cccccc; }


/* BUTTONS */
.whitelink { text-decoration : none; color : #fff !important; }
.whitelink:hover { text-decoration : underline; }

.silver-btn { text-decoration : none; font-size : 1.1em; font-weight : bold; background : url('i/btn/silver-trim.png') 0px 0px no-repeat; display : block; height : 69px; width : 209px; color : #ffffff !important; line-height : 64px; }
.silver-btn:hover { background-position : 0px 100%; text-decoration : none; }
.silver-btn span { margin-left : 34px; }

.more-btn-s2, .more-btn, .submit-btn { text-decoration : none; background-color : #ff6600; text-align : center; font-size : 1em; border : 0px; padding : 2px 4px; color : #ffffff !important; cursor : pointer; }
.more-btn-s2:hover, .more-btn:hover, .submit-btn:focus, .submit-btn:hover { background-color : #525252; }

.more-btn-s2 { border : 1px solid #a2a2a2; position : relative; left : -20px; top : 20px; padding : 4px 6px; }
.more-btn-s2:hover { text-decoration : none; }

.back-btn { text-decoration : none; color : #525252; background : url('i/btn/back-btn.png') 0px 2px no-repeat; padding-left : 18px; font-size : 0.8em; }
.back-btn:hover { text-decoration : underline; background : url('i/btn/back-btn-active.png') 0px 2px no-repeat;  }

/* MISC ELEMENTS */ 
.pager { margin-left : 20px; margin-top : 10px; }
.pager a { display : block; background-color : #ff6600; float : left; margin-right : 10px; padding : 4px 8px; text-decoration : none; color : #ffffff; }
.pager a.active, .pager a:hover { background-color : #525252; }

.anchor-links { margin: 40px 0px !important;  }
.anchor-links a { text-decoration : none; padding : 4px 8px; background-color : #eeeeee; border : 1px solid #cccccc; color : #888888; }
.anchor-links a:hover { text-decoration : underline; background-color : #ff6600; color : #ffffff; }

.tagCloud-block { font-weight : bold; }
.tagCloud-block a { display : block; background : transparent url(i/icons/ar-cir-right.png) no-repeat scroll 0px 2px; padding-left : 20px; margin-bottom : 5px; color : #666;}
.tagCloud-block a:hover { background : transparent url(i/icons/ar-cir-right-active.png) no-repeat scroll 0px 2px; color : #ff6600; } 

.pagebanner { position : relative; width : 725px; height : 224px; } 
.pagebanner img { position : absolute; top : 0px; left : 0px; }
.pagebanner h2 { position : absolute; bottom : 24px; left : 60px; font-size : 2.0em; color : #fff; margin : 0px; padding : 0px; } 

.keywords { font-size : 0.8em; }
.keywords strong { font-size : 1.2em; }

.field-s1 { border : 1px solid #e2e2e2; padding : 10px; }
.field-s1 legend { color : #666; font-size : 0.8em; font-weight : bold; text-transform : uppercase; }
