/* CreativO CSS Document */

body, input, form, select, textarea{font:x-small/1.3 Tahoma, Verdana;}
body{margin:0; padding:0; width:100%; background: url(../images/headerImgbg.gif) top left repeat-x;}
p, li{color:#7b7776; font-size:1.1em; line-height:1.3em; margin:0; padding:0;}
img{border:0;}
h1, h2, h3, h4{margin:0; padding:0;}

/* General Style */
.cleartfloat{clear:both;}
.nobg{background:none;}
.orange{color:#ea6419;} .green{color:#90a467;} .Ocolor{color:#fe6501;}
.headingtitle{color:#68584d; font-size:1.4em; font-weight:bold;}
.brseparator{padding-right:10px; border-right:solid 1px #6e6e6e;}
.noLink{cursor:default;}
.validationresponse{font-size:.9em; color:#000; background:#fae6cf; width:220px; padding:5px;}
.selected{background: #ffffff !important; border:solid 1px #999999 !important;}
.imgBtn {margin-top:10px;}
.green {color:#90A467;}

/* Template Stylesheet Begin */

div.sitewrapper{width:100%;}

/* Begin Header Content */
div.sitewrapper div.headerwrapper{width:900px; height:104px; margin:0 auto 0 auto;}
div.sitewrapper div.headerwrapper h1.logo{float:left; width:210px; margin-top:13px;}
div.sitewrapper div.headerwrapper div.menuwrapper{float:right; margin-top:40px; width:65%; background: url(../images/menu_bg.png) no-repeat;}
div.sitewrapper div.headerwrapper div.menuwrapper ul.menulist{list-style-type:none; margin:0; padding:0; height:44px; float:right;}
div.sitewrapper div.headerwrapper div.menuwrapper ul.menulist li{color:#ebdfd1; float:left; padding:7px 18px 10px 18px; margin-top:5px; height:33px; background: url(../images/divider_menuImg.png) right top no-repeat;}
div.sitewrapper div.headerwrapper div.menuwrapper ul.menulist li.nobg{background:none; padding:7px 0px 10px 18px; margin-top:5px;}
/* End Header Content */

/* Begin Flash Content */
div.sitewrapper div.bodywrapper{width:900px; margin:0 auto 0 auto;}
div.sitewrapper div.bodywrapper p{}
div.sitewrapper div.bodywrapper div.arc-control{position:absolute; z-index:10; display:block; margin-top:-55px; padding-left:15px;}
/* End Flash Content */

/* Begin Main Content */
div.sitewrapper div.contentwrapper{width:920px; margin:20px auto 0 auto; position:relative; min-height:265px; height:265px;}

/* content divider */ div.contentwrapper p.dividImg{float:left; margin-top:40px; width:2px; height:194px; background: url(../images/dividerImg.png) no-repeat;}

/* Main Content -- News */
div.contentwrapper div.news-container{float:left; width:410px; margin-left:10px;}
div.contentwrapper div.news-container h2{color:#68584d; font-size:2em; font-weight:bold; padding-bottom:20px;}
div.contentwrapper div.news-container p{float:left; display:block; width:205px;}
div.contentwrapper div.news-container div.news-textcontent ul li p{float:left; color:#7b7776; font-size:1em;}
div.contentwrapper div.news-container div.news-textcontent ul li p.thumb{float:left;width:190px;}
div.contentwrapper div.news-container div.controls{margin-top:20px; padding:5px 0 8px 0; height:15px; clear:both; border-top:dashed 1px #cecece; border-bottom:dashed 1px #cecece; margin-right:10px;}
div.contentwrapper div.news-container div.controls ul{margin:0; padding:0; list-style-type:none;}
div.contentwrapper div.news-container div.controls ul li{display:inline;}
div.contentwrapper div.news-container div.controls .jcarousel-control{float:left; padding:2px 0 10px 0; margin:0;}
div.contentwrapper div.news-container div.controls .jcarousel-control a,
div.contentwrapper div.news-container div.controls .jcarousel-control a:link,
div.contentwrapper div.news-container div.controls .jcarousel-control a:active {background:#dedede;border:1px solid #cecece;color:#666666;font-size:1em;font-weight:bold; margin-right:5px; padding:2px 5px;text-decoration:none;}
div.contentwrapper div.news-container div.controls .jcarousel-control a:hover{border:solid 1px #dedede; background:#fefefe;}
div.contentwrapper div.news-container .news{padding-top:10px;}
div.contentwrapper div.news-container .news a{color:#666666; font-size:1em; font-weight:bold; text-decoration:none;}
div.contentwrapper div.news-container .news a:hover{color:#fe6501;}
/* Main Content -- Services */
div.contentwrapper div.services-container{float:left; width:235px; margin:0 13px 0 18px;}
div.contentwrapper div.services-container h2{color:#68584d; font-size:2em; font-weight:bold; padding-bottom:20px;}
div.contentwrapper div.services-container p.medtext-desc{color:#969291; margin-top:10px; font-size:1em; font-weight:bold;}

/* Main Content -- Web Articles */
/*
div.contentwrapper div.articles-container{float:left; width:210px; margin-left:15px;}
div.contentwrapper div.articles-container h2{color:#68584d; font-size:2em; font-weight:bold; padding-bottom:20px;}
div.contentwrapper div.articles-container ul{margin:0; padding:0; list-style-type:none;}
div.contentwrapper div.articles-container ul li{padding-bottom:10px; padding-left:20px; background: url(../images/article_ico.gif) left top no-repeat;}
div.contentwrapper div.articles-container a:link, div.contentwrapper div.articles-container a:visited{color:#545454; font-size:1em; text-decoration:none;}
div.contentwrapper div.articles-container a:hover{color:#e86013; text-decoration:underline;} */

/* Main Content -- Client Testimonails */
div.contentwrapper div.cl-container{float:left; width:210px; margin-left:15px;}
div.contentwrapper div.cl-container .feedback{font-size:1.2em !important;}
div.contentwrapper div.cl-container h2{color:#68584d; font-size:2em; font-weight:bold; padding-bottom:20px;}
div.contentwrapper div.cl-container span.cl_name{color:#fe6501; font-size:1.2em; font-weight:bold;line-height:1.3em;}

div.sitewrapper div.subBodywrapper div.clientT-content{min-height:600px;}
div.clientT-content h2{float:left; color:#68584d; font-size:2em; font-weight:bold; padding-bottom:20px; border-bottom:solid 1px #cecece; width:100%;}
div.clientT-content p.medforeword{float:right; width:515px;}
div.clientT-content ul{float:left; margin:15px 0 0 0; padding:0; list-style-type:none;}
div.clientT-content ul li{line-height:1.2em; padding:10px; margin-top:10px; background:#fafafa;}
div.clientT-content ul li:hover{background:#efefef;}
div.clientT-content ul li span.clientname{color:#fe6501; font-weight:bold; font-size:1.3em;}

/* End Main Content */


/* Begin Footer Content */
div.sitewrapper div.footerwrapper{float:left; margin-top:20px; width:100%; height:42px; background: url(../images/footer_Imgbg.jpg) repeat-x;}
div.sitewrapper div.footerwrapper div.footer-content{width:900px; margin:0 auto 0 auto;}
div.sitewrapper div.footerwrapper div.footer-content p{float:right; color:#545454; margin:8px 0 0 0; padding:0;}
div.sitewrapper div.footerwrapper div.footer-content p.ico{float:right; width:10px;}
div.sitewrapper div.footerwrapper div.footer-content a:link, div.sitewrapper div.footerwrapper div.footer-content a:visited{color:#545454; font-size:1em; text-decoration:none;}
div.sitewrapper div.footerwrapper div.footer-content a:hover{color:#000000; text-decoration:underline;}
div.sitewrapper div.footerwrapper div.footer-content div.subf-content{}
/* End Footer Content*/


/* Begin Sub-Body Wrapper */

div.sitewrapper div.subBodywrapper{width:900px; margin:20px auto 0 auto; display:block; position:relative; clear:both;}

/* Sub-Body -- leftpanel */
div.sitewrapper div.subBodywrapper div.leftpanel{float:left; width:230px; margin-right:20px;}
div.sitewrapper div.subBodywrapper div.leftpanel h2{color:#68584d; font-size:2em; font-weight:bold; padding-bottom:20px;}
div.sitewrapper div.subBodywrapper div.leftpanel h3{color:#de5e14; font-size:1.6em; font-weight:bold; padding:10px 0 10px 0; border-top:solid 1px #cecece;}
div.sitewrapper div.subBodywrapper div.leftpanel .bn{border:none;}
div.sitewrapper div.subBodywrapper div.leftpanel p{margin:0; padding:0;}
div.sitewrapper div.subBodywrapper div.leftpanel .cname{font-size:1.1em;}
/* Sub-Body -- mainpanel */
div.sitewrapper div.subBodywrapper div.mainpanel{float:left; width:620px; padding-left:20px;}
div.sitewrapper div.subBodywrapper div.mainpanel h2{color:#68584d; font-size:2em; font-weight:bold; padding-bottom:20px;}
div.sitewrapper div.subBodywrapper div.mainpanel p{padding-bottom:15px;}

div.sitewrapper div.subBodywrapper div.leftpanel div.comm_support p.title {color:#FE6501;font-size:1.5em;font-weight:bold;}


div.sitewrapper div.subBodywrapper div.leftpanel div.comm_support span.title {color:#FE6501;font-size:1.5em;font-weight:bold;}
div.sitewrapper div.subBodywrapper div.leftpanel div.comm_support {margin-top:20px;}
/* Sub-Body -- Services */
div.sitewrapper div.subBodywrapper div.services-content{min-height:600px;}
div.sitewrapper div.subBodywrapper div.services-content div.services-headerContent{border-bottom:solid 1px #cecece; position:relative; height:80px;}
div.sitewrapper div.subBodywrapper div.services-content div.services-headerContent h2{float:left; color:#68584d; font-size:2em; font-weight:bold; padding-bottom:20px; width:300px;}
div.sitewrapper div.subBodywrapper div.services-content div.services-headerContent p.medforeword{float:right; width:515px;}

div.services-content div.services-innerContent{margin:40px 0 0 0; position:relative;}
div.services-content div.services-innerContent div.websitepanel{float:left; width:280px; height:180px; padding-right:10px; border-right:dashed 1px #cecece;}
div.services-content div.services-innerContent div.websitepanel p.imgHolder{text-align:center;}
div.services-content div.services-innerContent div.websitepanel p.textHolder{padding:10px; min-height:80px; display:block; line-height:1.5em;}
div.services-content div.services-innerContent div.websitepanel p.img{text-align:left; padding-left:10px;}

div.services-content div.services-innerContent div.hostingpanel{float:left; width:280px; height:180px; padding:0 13px 0 13px;  border-right:dashed 1px #cecece;}
div.services-content div.services-innerContent div.hostingpanel p.imgHolder{text-align:center;}
div.services-content div.services-innerContent div.hostingpanel p.textHolder{padding:10px; min-height:80px; display:block; line-height:1.5em;}
div.services-content div.services-innerContent div.hostingpanel p.img{padding-left:10px;text-align:left;}

div.services-content div.services-innerContent div.emarketingpanel{float:left; width:280px; height:180px; padding-left:13px;}
div.services-content div.services-innerContent div.emarketingpanel p.imgHolder{text-align:center;}
div.services-content div.services-innerContent div.emarketingpanel p.textHolder{padding:10px; min-height:80px; display:block; line-height:1.5em;}
div.services-content div.services-innerContent div.emarketingpanel p.img{text-align:left;padding-left:10px;}

div.services-content div.services-innerContent div.cmspanel{float:left; width:280px; height:180px; padding-right:10px; border-right:dashed 1px #cecece;}
div.services-content div.services-innerContent div.cmspanel p.imgHolder{text-align:center;}
div.services-content div.services-innerContent div.cmspanel p.textHolder{padding:10px; min-height:80px; display:block; line-height:1.5em;}
div.services-content div.services-innerContent div.cmspanel p.img{text-align:left;padding-left:10px;}

div.services-content div.services-innerContent div.broadcastingpanel{float:left; width:280px; height:180px; padding:0 13px 0 13px;  border-right:dashed 1px #cecece;}
div.services-content div.services-innerContent div.broadcastingpanel p.imgHolder{text-align:center;}
div.services-content div.services-innerContent div.broadcastingpanel p.textHolder{padding:10px; min-height:80px; display:block; line-height:1.5em;}
div.services-content div.services-innerContent div.broadcastingpanel p.img{text-align:left;padding-left:10px;}

div.services-content div.services-innerContent div.webapppanel{float:left; width:280px; height:180px; padding-left:13px;}
div.services-content div.services-innerContent div.webapppanel p.imgHolder{text-align:center;}
div.services-content div.services-innerContent div.webapppanel p.textHolder{padding:10px; min-height:80px; display:block; line-height:1.5em;}
div.services-content div.services-innerContent div.webapppanel p.img{text-align:left;padding-left:10px;}


/* Sub-Body -- Portfolio */
div.sitewrapper div.subBodywrapper div.portfolio-content{min-height:600px;}
div.sitewrapper div.subBodywrapper div.portfolio-content div.portfolio-headerContent{border-bottom:solid 1px #cecece; position:relative; height:80px;}
div.sitewrapper div.subBodywrapper div.portfolio-content div.portfolio-headerContent h2{float:left; color:#68584d; font-size:2em; font-weight:bold; padding-bottom:20px; width:300px;}
div.sitewrapper div.subBodywrapper div.portfolio-content div.portfolio-headerContent p.medforeword{float:right; width:515px;}

div.portfolio-content ul{color:#6e6e6e; margin:0; padding:0; list-style-type:none; height:375px;}
div.portfolio-content ul.ScrBoxHandler{float:left; font-size:1.2em; border:solid 1px #cecece; width:500px;}
div.portfolio-content ul.ScrBoxHandler li{/*padding:10px;*/}
div.portfolio-content ul.descBoxHandler{float:left; font-size:1.2em; padding-left:40px; width:350px;}
div.portfolio-content ul.descBoxHandler li{}
div.portfolio-content ul.descBoxHandler li div.thumbNailbox{border-bottom:solid 1px #cecece;}
div.portfolio-content ul.descBoxHandler li div.thumbNailbox ul.thumbImgList{height:100px;}
div.portfolio-content ul.descBoxHandler li div.thumbNailbox ul.thumbImgList li{float:left;/*padding:5px*/; margin-right:10px; /*width:80px; height:60px; */ border:solid 4px #cecece;}
div.portfolio-content ul.descBoxHandler li div.precontentbox{}
div.portfolio-content ul.descBoxHandler li div.precontentbox h2{color:#68584d; font-size:2em; font-weight:bold; margin-top:20px;}
div.portfolio-content ul.descBoxHandler li div.precontentbox h3{color:#ea6419; font-size:1.8em; font-weight:normal; line-height:.9em;}
div.portfolio-content ul.descBoxHandler li div.precontentbox p{margin:0; padding:0;}
div.portfolio-content ul.descBoxHandler li div.precontentbox p.webdesc{color:#68584d; font-size:.9em; margin-top:20px; line-height:1.5em;}

div.portfolio-content ul.descBoxHandler li div.contentbox{margin-top:20px;height:255px;overflow:hidden;}
div.portfolio-content ul.descBoxHandler li div.contentbox h2{color:#fe6501; font-size:1.2em;}
div.portfolio-content ul.descBoxHandler li div.contentbox p.urlLink{margin-top:5px; padding-left:17px; background: url(../images/arrow1.png) no-repeat left center;}
div.portfolio-content ul.descBoxHandler li div.contentbox p.webdesc{color:#68584d; font-size:.9em; margin-top:20px; line-height:1.2em;}

div.portfolio-content div.projectListHandler{padding-top:20px; clear:both;}
div.portfolio-content div.projectListHandler a{padding-left:10px; text-decoration:none;}
div.portfolio-content div.projectListHandler a:link, div.portfolio-content div.projectListHandler a:visited{color:#fe6501;}
div.portfolio-content div.projectListHandler a:hover{color:#563607;}
div.portfolio-content div.projectListHandler ul.clientList{float:left; margin-top:20px; font-size:1em;}
div.portfolio-content div.projectListHandler ul.clientList li{background-color:#f0f0f0; width:279px; padding:7px; margin:2px; float:left;}
div.portfolio-content div.projectListHandler ul.clientList li:hover{background-color:#d9d9d9;}
div.portfolio-content div.projectListHandler ul.clientList li a{display:block; padding-left:15px; background: url(../images/4.png) no-repeat left center;}
div.portfolio-content div.projectListHandler ul.clientList li a:link, div.portfolio-content div.projectListHandler ul.clientList li a:visited{color:#6e6e6e;}
div.portfolio-content div.projectListHandler ul.clientList li a:hover{color:#383838; background: url(../images/5.png) no-repeat left center;}
div.portfolio-content div.projectListHandler div.controlbox{height:22px; padding:10px 0px 10px 0px; border-top:solid 2px #cecece; border-bottom:solid 2px #cecece;}
div.portfolio-content div.projectListHandler div.controlbox h3{float:left; color:#6e6e6e; font-size:1.3em;}
div.portfolio-content div.projectListHandler div.controlbox p{float:right; padding-right:10px;}
div.portfolio-content div.projectListHandler div.scroller{width:895px; height:190px; overflow:hidden;}
div.portfolio-content div.projectListHandler div.scroller div.section{float:left; width:895px; height:600px; overflow:hidden;}
div.portfolio-content div.projectListHandler div.scroller div.content{width:10000px;}
div.portfolio-content div.projectListHandler div.pagecontrols{color:#2c4e7c; font-size:1.2em; padding:8px; border:solid 1px #c0c0c0; background-color:#F8F8F8;}
div.portfolio-content div.projectListHandler div.pagecontrols a:link{color:#242424; padding:0 5px 0 5px; text-decoration:none;}
div.portfolio-content div.projectListHandler div.pagecontrols a:hover{color:#999999; text-decoration:underline;}

/* Sub-Body -- Client */
div.clientT-content ul li {background:#FAFAFA;line-height:1.2em;margin-top:10px;padding:10px;}

div.sitewrapper div.subBodywrapper div.clientT-content{min-height:600px;}
div.clientT-content h2{float:left; color:#68584d; font-size:2em; font-weight:bold; padding-bottom:20px; border-bottom:solid 1px #cecece; width:100%;}
div.clientT-content p.medforeword{float:right; width:515px;}
div.clientT-content ul{float:left; margin:15px 0 0 0; padding:0; list-style-type:none;}
div.clientT-content ul li{line-height:1.2em; padding:10px; margin-top:10px; background:#fafafa;}
div.clientT-content ul li:hover{background:#efefef;}
div.clientT-content ul li p.clientname{color:#fe6501; font-weight:bold; font-size:1.3em;}


/* Sub-Body -- Web Articles */
div.sitewrapper div.subBodywrapper div.webarticles-content{min-height:600px;}
div.subBodywrapper div.webarticles-content div.articlesInfo{float:left; width:600px; border:solid 1px red; }
div.subBodywrapper div.webarticles-content div.articlesList{float:left; width:260px; margin-left:30px;  border:solid 1px red;}
div.sitewrapper div.subBodywrapper div.comm_support-content {min-height:600px;}

div.comm_support-content h2 {border-bottom:1px solid #CECECE;color:#68584D;float:left;font-size:2em;font-weight:bold;padding-bottom:20px;width:100%;}
div.comm_support-content ul {float:left;list-style-type:none;margin:15px 0 0;padding:0;position:relative;width:100%;}
div.comm_support-content ul li {line-height:1.2em;margin-top:10px;padding:10px;}
div.comm_support-content ul li div.contentarea {width:100%;}
div.comm_support-content ul li div.contentarea p{font-size:1.3em; margin-bottom:2px;}
div.comm_support-content ul li div.contentarea p.btn{float:right;}
div.comm_support-content ul li div.contentarea p.subtitle {border-bottom:1px dashed #CECECE;color:#FE6501;font-size:1em;padding-bottom:10px;}
div.comm_support-content ul li div.contentarea div.thumbImg {float:left;margin-top:30px;width:230px;}
div.comm_support-content ul li div.contentarea div.thumbImg p {color:#4C721D;font-size:1.1em;font-weight:bold;}
div.comm_support-content ul li div.contentarea p.txtContent {float:left;font-size:1em;margin:30px 0 0 30px;width:600px;}
div.comm_support-content ul li div.contentarea a, a:link, div.comm_support-content ul li div.contentarea a:visited {color:#68584D;text-decoration:none;}
div.comm_support-content ul li div.contentarea a:hover{color:#fe6501;}

/* Sub-Body -- Contact Form */
div.subBodywrapper div.contact-content{min-height:600px;}
div.subBodywrapper div.contact-content div.contact-headerContent{border-bottom:solid 1px #cecece; position:relative; height:80px;}
div.subBodywrapper div.contact-content div.contact-headerContent h2{float:left; color:#68584d; font-size:2em; font-weight:bold; padding-bottom:20px; width:300px;}
div.subBodywrapper div.contact-content div.contact-headerContent p.medforeword{float:right; width:515px;}

div.contact-content div.contactform{float:left; width:500px;}
div.contact-content div.contactform p{padding:10px 0 10px 0;}
div.contact-content div.contactform ul{margin:0; padding:0; list-style-type:none;}
div.contact-content div.contactform ul li{float:left; padding:10px 0 10px 0; border-bottom:solid 1px #efefef;}
div.contact-content div.contactform ul li div.inputfield{float:left; width:230px;}
div.contact-content div.contactform ul li div.inputfield input{color:#68584d; padding:4px; font-size:1em; width:220px; border:solid 1px #cecece; background:#F0F0F0;}
div.contact-content div.contactform ul li div.inputfield select, textarea{color:#68584d; font-size:1em; width:230px; padding:2px 0 2px 0; border:solid 1px #cecece; background:#F0F0F0;}
div.contact-content div.contactform ul li div.inputfield .txtArea{height:100px;}
div.contact-content div.contactform ul li label{float:left; display:block; width:260px;}
div.contact-content div.contactform ul li.no-border{border:none;}
div.contact-content div.contactform ul li.no-border input.nb{margin:0; padding:0; border:0; width:75px; height:25px;}
div.contact-content div.contactinfo{float:left; margin-left:70px;}
div.contact-content div.contactinfo ul{margin:20px 0 0 0; padding:0; list-style-type:none;}
div.contact-content div.contactinfo ul li{line-height:1.2em; font-size:1.2em; padding:3px 0 3px 0;}
/* End Sub-Body Wrapper */

/* Sub-Body Copyright Content*/
div.sitewrapper div.subBodywrapper div.copyright_content{min-height:600px;}
div.sitewrapper div.subBodywrapper div.copyright_content h2{padding-bottom:10px;}
div.sitewrapper div.subBodywrapper div.copyright_content p{padding:3px 0 3px 0; line-height:1.5em;}
div.sitewrapper div.subBodywrapper div.copyright_content span{font-weight:bold;}

#thumbImgList img{cursor:pointer;width: 90px; height:75px;}
#linkCollection{border:1px solid #CCCCCC; font-size:13px; margin-right:13px; padding-top:1px; vertical-align:top; width:296px;}
#loadingGif{left:231px; position:absolute; top:176px; display:none; /*filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;  /*filter:alpha(opacity=70);*/ z-index:999;}
.urlLink a{color:#97ac4d;font-size:.9em;text-decoration:none; margin:0; padding:0;}
div.subBodywrapper div.portfolio-content ul.descBoxHandler li div.thumbNailbox ul.thumbImgList li:hover{border:solid 4px #fe6501;}
.status {background-color:#FFFFC0;border-bottom:1px solid #D8B62D;border-top:1px solid #D8B62D;color:#AA571B;font-family:verdana,sans-serif;font-size:11px;font-style:normal;margin:10px 10px 10px 0;padding:10px;}
#website,#hosting,#emarketing,#cms,#broadcasting,#webapp{display:none;}