/* IE Margin Fix for paragraphs */
p { margin : 0px 0px 10px 0px; }
.mcfix ul { margin-top : 10px !important; }
.mcfix .w50 { margin-top : 10px; }

/* Standard Links */
a { color : #0054a6; text-decoration : none; }
a:hover { text-decoration : underline; }

.video { position : relative; height : 194px; }
.video img { position : absolute; top : 0px; left : 0px; z-index : 1; }
.video a { background : url(i/btn/playBTN.png) 54% 50% no-repeat; height : 100%; width : 100%; position : absolute; z-index : 2;}
.video a span { display : none; font-size : 0.8em; color : #fff; left : 50%; margin-left : -45px; width : 110px; top : 130px; position : absolute;  }
.video a:hover { background-image : url(i/btn/playBTNa.png); text-decoration : none;}
.video a:hover span { display : block; }

/* Header Styles*/
h2, h3, .hstyle2, .hstyle1, .hstyle3 { color : #0054a6; font-size : 1.3em; }
h3 { font-size : 1.2em; }
h4 { font-size : 1.0em; }
h5 { font-size : 0.8em; }

.hstyle1 { font-size : 1.6em; color : #0054a6; }
.hstyle2 { color : #708C4A ; font-size : 1.3em; }

.hstyle1 span { font-style : italic; font-weight : normal; }
.hstyle2 span { background : url(i/icons/tab-s1-green.png) 100% center no-repeat; padding-right : 20px; }
.hstyle3 span { background : url(i/icons/tab-s1-blue.png) 100% center no-repeat; padding-right : 20px; }

h2.horizbar { padding-bottom : 14px; background : url(i/bg/horizbar.png) 0 100% repeat-x; position : relative;}
h2.horizbar span { position : absolute; right : 0px; font-size : 1.8em; font-weight : bold; color : #e7e7e7; top : -6px; }

.legend-box { border-top : 1px solid #ccc; padding-top : 10px; clear : both; }

.previous { background : url(i/icons/redstar.png) 0px center no-repeat; padding-left : 14px; }
.affilate { background : url(i/icons/star.png) 0px center no-repeat; padding-left : 14px; }

h5.previous { color : #ce3b3b; font-weight : normal; margin : 0px; }
h5.affilate  { color : #708C4A; font-weight : normal; margin : 0px; }

p.previous { background-position : 0px 6px; }

/* Button Styles */
.btn-s1, .btn-s2 { display : block; color : #fff; background : url(i/btn/style1.png) 0px 0px repeat-x;  line-height : 20px; height : 21px; text-decoration : none; width : 60px; }
.btn-s1 span, .btn-s2 span { background : url(i/btn/style1-icon.png) 0 0 no-repeat; display : block; padding-left : 28px; font-size : 0.9em; }

.btn-s2 { background : url(i/btn/style2.png) 0px 0px repeat-x; }
.btn-s2 span { background : url(i/btn/style2-icon.png) 0 0 no-repeat; }

.fbtn-s1 { width : 80px; background : url(i/btn/style1.png) 0px 0px repeat-x; overflow : hidden; height : 21px; }
.fbtn-s1 input { cursor : pointer; border : 0px; background : url(i/btn/style1-icon.png) 0px 0px no-repeat; margin : 0px; color : #fff; font-size : 1em; padding : 2px 20px; padding-right : 0px; }

/* Content Styles */

.banner { width : 614px; height : 98px; background : #ccc; margin-bottom : 10px; }

.w50 { width : 274px; float : left; margin-bottom : 8px;}
.w50 .content { padding : 0px 8px 0px 0px; line-height : 1.2em; }

.mainbg { background : url(i/bg/main-sep.png) 632px 0 repeat-y !important; }
.col1 { margin-right : 27px; }
.col2bg { background : url(i/bg/main-sep.png) 618px 0 repeat-y; }
.dsl { background : url(i/bg/main-sep.png) 0 0 repeat-y !important; padding-left : 36px;  }

#c-main p { line-height : 1.6em; }

h3.news { background : url(i/icons/news.png) 95% 0 no-repeat; line-height : 50px; height : 35px;  overflow : hidden;}
h3.fproject { background : url(i/icons/fproject.png) 95% 0 no-repeat !important; line-height : 40px; height : 30px; overflow : hidden; } 



/* PROJECT VIEW PAGE */ 
.p-view .img { float : left; width : 280px; }

.p-view .m-img { width : 260px; height : 180px; float : left; margin-bottom : 10px; }
.p-view .m-img img { width : 260px; height : 180px; border : 2px solid #ccc !important; }

.p-view .thumbnails { clear : both; }
.p-view .thumbnails a { }
.p-view .thumbnails img { display : inline; margin-right : 10px; width : 60px; height : 40px; border : 2px solid #ccc !important; }

.p-view .description { width : 600px; float : left; }
.p-view .description p { margin-top : 0px; }

/* Box Styles */
.bstyle1 { margin-left : 4px; }

.bstyle1 h3 { color : #0054a6; font-size : 1.2em; margin : 0px; padding-left : 20px; padding-bottom : 4px; border-width : 0 0 1px 0; border-color : #d5dadd; border-style : solid; }
.bstyle1 .item { background-color : #fff; border-width : 0 0 1px 0; border-color : #d5dadd; border-style : solid; padding : 4px 20px; margin-left : 1px; overflow : hidden; }
.bstyle1 .item:hover { background-color : #eaeaea; }
.bstyle1 .item:hover p { background-image : url(i/icons/tab-s1-blue.png); }

.bstyle1 .item h4 { color : #565656; margin : 0px; padding : 0px; font-size : 1.0em; }
.bstyle1 .item p { color : #636363; margin : 0px; padding : 0px; font-size : 0.9em; margin-top : 5px; padding-left : 20px; background : url(i/icons/tab-s1.png) 0 2px no-repeat; line-height : 1.4em !important; margin-bottom : 5px;}
.bstyle1 .item a { color : #3185d7; text-decoration : none; }

.bstyle1 .item .img { height : 50px; width : 70px; float : right; margin-top : 8px; display : block; border : 1px solid #ccc;} 
.bstyle1 .item .img img { border : 0px !important;  }

.bstyle1-gr h3 { color : #708c4a !important; margin-top : 20px;}
.bstyle1-gr .item p { margin-bottom : 10px !important; }
.bstyle1-gr .item:hover p { background : url(i/icons/tab-s1-green.png) 0 2px no-repeat !important; }

.bstyle2 { float : left; margin-right : 20px; margin-bottom : 20px;width : 282px; }
.bstyle2 .content { padding : 10px 14px; color : #fff; background : #444 url(i/bg/dg-bl.png) 0 100% no-repeat; }
.bstyle2 p, .bstyle2 h3 { margin : 0px; color : #fff; font-size : 1em; }
.bstyle2 p { font-size : 0.8em; }
.bstyle2 .img { display : block; height : 180px; border : 1px solid #d7d7d7; width : 280px;}
.bstyle2 .img img { border : 0px; }
.bstyle2 .link { float : right; position : relative; }
.bstyle2 .link a { width : 100px; }

.box-s1 { width : 190px; border : 1px solid #ccc; margin-right : 26px; float : left; margin-bottom : 24px; height : 260px; }
.box-s1 .logo-block { background-color : #4b8ecb; padding : 10px; position : relative; border-bottom : 4px solid #666; }
.box-s1 .logo-block h3 { margin : 0px; color : #fff; font-size : 1.6em; }
.box-s1 .logo-block h3 span { position : absolute; top : 0px; right : 10px; font-size : 2em; font-weight : bold; display : block; }

.box-s1 .logo-block p { margin-top : 20px; margin-bottom : 0px; color : #d7e2f3; font-weight : bold; font-size : 1.2em; padding : 0px; }
.box-s1 p { font-size : 0.8em; padding : 10px; }
.box-s1 strong { font-size : 1.1em; display : block; }


/* List Style */
ul.list-s1, ul.list-s2 { list-style-type : none; margin : 0px; padding : 0px 0px 0px 40px; }
ul.list-s1 li, ul.list-s2 li { border-width : 0 0 0 14px; border-style : solid; border-color : #ccc; padding-left : 10px; height : 14px; margin : 0px 0px 10px 0px ; padding : 0px 0px 0px 8px; }

ul.list-s1 li { border-color : #0054a6; }
ul.list-s2 li { border-color : #708C4A; }

ul li.blank { border : 0px; }

/* News Item */
.news-item { width : 660px; clear : both; background : url(i/bg/horiz-dot.png) 0 0 repeat-x; padding-top : 10px; }
.news-item div { padding : 4px 4px; margin-bottom : 10px; background-color : #eeeeee; border : 1px solid #ccc; }
.news-item div div { border : 0px; }
.news-latest { background : none !important; padding-top : 0px !important; }

.news-item h3 { color : #0054a6; margin-top : 0px; }
.news-item p:first { color : #636363; margin : 0px; padding : 0px; margin-top : 5px; padding-left : 20px; background : url(i/icons/tab-s1.png) 0 2px no-repeat; line-height : 1.6em !important; margin-bottom : 5px; }

/* Client Item */
.client-item { border : 1px solid #d7d7d7; padding : 10px; margin-right : 30px; background : #f7f7f7;}
.client-item h3 { margin : 0px; font-size : 1.4em; }
.client-item p { margin : 0px; }
.client-item .img { float : left; margin-right : 10px; } 

/* */
.imgb { border : 1px solid #ccc; }
.split2_1 { width : 670px; margin-right : 10px; float : left; }
.split2_2 { float : left; width : 197px; }


/* Contact Page */
.contact-form { float : left; width : 610px; }
.contact-info { float : left; margin-left : 15px; width : 265px; }

.contact-window { border : 1px solid #ccc; background : #EEE; }
.contact-window .content { background : #f7f7f7; border : 1px solid #ccc; padding : 10px; margin : 5px; }

.contact-info .contact-window { padding : 0px 10px !important; background : none; border : 0px; }

.table-s1 { width : 100%; }
.table-s1 td { padding-bottom : 10px; }
.table-s1 .label { width : 80px; font-weight : bold; text-align : right; vertical-align : top;}
.table-s1 td span { margin-left : 20px; }

.table-s2 { width : 100%; }
.table-s2 td { width : 33%; vertical-align : top; padding : 10px; background : #f7f7f7; }
.table-s2 td p { font-size : 0.9em; margin-top : 0px; }
.table-s2 td h4 { margin : 0px; }

.form-row { padding-bottom : 20px; float : left; margin-right : 20px; }
.form-row label { font-size : 1.2em; display : block; font-weight : bold; color : #575757; color : #0054a6; }
.form-row label span { font-size : 0.6em; font-weight : normal; display : block; color : #777; }
.form-row input, .form-row textarea { display : inline; width : 266px; border : 1px solid #ccc; background : #fff; font-size : 1em; color : #777; padding : 2px 4px; }
.form-row input.submit { float : right; }
.form-textarea { float : none !important; }
.form-row textarea { height : 260px; width : 102%; }

.contact-info h2, .contact-form h2 { color : #666; margin-bottom : 6px; }
.contact-info h3 { color : #0054a6; margin : 0px; font-size : 1.2em; }

.gmap { height : 170px; border : 1px solid #0054a6; background-color : #e7e7e7; margin-bottom : 10px; }