@charset "utf-8";
/* CSS Document */


/*
COLORS:
yellow: #000000 

*/

.clear { clear: both; }

.wrapper
{
text-align:left;
/*margin:0 auto;*/
margin:0 0;
width:935px;
min-height:100%;
/*height:auto !important;*/
}

label, input.txt-field, textarea.textarea  {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
textarea {overflow:auto;}
label 
{
color:#999999;
line-height:22px;
margin-right:4px;

}
input.txt-field
{
border:1px solid #585858;
background-color:#e8e3dd;
color:#999999;
padding:0 3px;
width:218px;
width:212px;
height:22px;
padding-top:4px;
height:18px;
/*font-weight:bold;*/
}



textarea.textarea 
{
border:1px solid #585858;
background-color:#e8e3dd;
padding:4px 3px;
width:212px;
height:100px;
color:#999999;
}

textarea.bigger {width:400px;}
input.txt-field-active, textarea.textarea-active  {border:1px solid #000000;}

input.txt-field:focus, textarea.textarea:focus {border:1px solid #000000;}

/*h1, h2, h3, h4, h5 {margin-top:3px; color:#4c4c4c;}

h1, h2.hservice-m
{
font-size:20px;
margin-bottom:0.8em;
font-weight:normal;
color:#FFFFFF;
text-transform:uppercase;

}

h1.hservice-m, h2.hservice-m {
    text-transform: none;
}


.silver {margin-top:30px !important;margin-left:10px;}
h2
{
font-size:18px;
margin-bottom:0.8em;
font-weight:normal;
color:#FFFFFF;
margin-top:30px;
}

h3
{
font-size:18px;
margin-bottom:0.8em;
font-weight:normal;
color:#4c4c4c;
}

h4
{
font-size:15px;
margin-bottom:0.8em;
font-weight:bold;
}


h5{font-size:12px; margin-bottom:0.8em; line-height:23px; font-weight:normal; color:#999999;}
*/

a {color:#00000; text-decoration:none; /*font-weight:bold;*/}
a:hover {text-decoration:none;}
a:focus { outline: none; }/*Fix the Firefox outlined-link issue*/
p a {/*font-weight:bold;*/ }

a.plain {color:#666666; font-weight:normal;}

a.requestquote, a.requestquote2, a.viewportfolio, a.readmore, a.viewexamples, a.launchsite, a.casestudies, a.getstarted, a.btn-seobrochure
{
background:url(../images/btn-request-a-quote.gif) no-repeat left top;
width:172px;
height:33px;
float:left;

text-indent:-9999px;
margin-bottom:5px;
outline:none;
}
a.viewportfolio {background-image:url(../images/btn-view-portfolio.gif);}
a.readmore {background-image:url(../images/btn-read-more.gif); width:188px;}
a.viewexamples {background-image:url(../images/btn-view-examples.gif); width:188px;}
a.launchsite {background-image:url(../images/btn-launch-site.gif); width:127px; height:30px;}
a.casestudies {background-image:url(../images/btn-view-case-studies.gif); width:195px;}
a.requestquote2 {background-image:url(../images/btn-request-a-quote2.gif); width:195px;}
a.getstarted {background-image:url(../images/btn-getstarted.png); width:172px;}
a.btn-seobrochure {background-image:url(../images/btn-seobrochure.png); width:172px;}


a.requestquote:hover, a.requestquote2:hover, a.viewportfolio:hover, a.readmore:hover, a.viewexamples:hover, a.launchsite:hover, a.casestudies:hover, a.getstarted:hover, a.btn-seobrochure:hover, 
a.requestquote:focus, a.requestquote2:focus, a.viewportfolio:focus, a.readmore:focus, a.viewexamples:focus, a.launchsite:focus, a.casestudies:focus, a.getstarted:focus, a.btn-seobrochure:focus{background-position: left bottom;}

.arrowt, .readmore{background:url(../images/arrow-aftertitle.gif) no-repeat right center; 
padding-right:10px; display:inline;}


/*ul li {padding:2px 0 3px 0; list-style:none;}*/
ul li a {color:#999999;}


p {line-height:1.5em;  color:#000000; margin-bottom:1em; font-size:1em;}


/* ---------------------------------- header ---------------------------------------  */

#header
{
height:101px;
position:relative;
width:100%;
margin-bottom:20px;
}

#logo
{
position:relative;
top:20px;
width:223px;
height:59px;
float:left;
outline:none;
background:url(../images/ciplex-logo.gif) no-repeat top left;
text-indent:-9999px;
}

/* ---------------------------------- main navigation - mainnav ---------------------------------------  */
#mainnav 
{
position:absolute;
right:-1px; top:58px;
top:59px;
top:58px;

top:61px;
list-style:none;
float:right;
}

#mainnav li
{
display:inline;

list-style:none;
float:left;
}

#mainnav li a
{
color:#666666;
font-weight:bold;
display:block;
height:59px;
height:58px;
height:58px;
text-decoration:none;
text-indent:-9999px;
padding:0;

outline:none;
background:url(../images/menu/mainnav-contact-us.png) no-repeat center bottom;  width:132px;
cursor:pointer;
}



#mainnav li#mainnav-who a{background-image:url(../images/menu/mainnav-who-we-are.jpg);  width:132px; width:130px;}

#mainnav li#mainnav-what a{background-image:url(../images/menu/mainnav-what-we-do.jpg);  width:121px; width:120px;}

#mainnav li#mainnav-work a{background-image:url(../images/menu/mainnav-our-work.jpg);  width:121px; width:120px;}

#mainnav li#mainnav-contact a{background-image:url(../images/menu/mainnav-contact-us.jpg);  width:122px; width:121px;}

#mainnav li a:hover, #mainnav li.active a, ul#mainnav li a:focus {background-position: center top;}

/* end: main nav */


/* ---------------------------------- top links ---------------------------------------  */
#top-links
{
position:absolute;
right:0px; top:2px;
list-style:none;
float:right;

}

#top-links li
{
display:inline;
list-style:none;
float:left;
background:url(../images/bullet-toplinks.gif) no-repeat left center;
padding-left:10px;
margin-left:20px;
line-height:14px;

}
#top-links li a, #top-links li a:hover {text-decoration:none;}

#top-links li, #top-links li a
{
color:#999999;
font-size:12px;
}

#top-links li em, #top-links li a em
{color:#ffffff; font-style:normal;}

#top-links li a:hover em, #top-links li a:focus em{
color:#000000;}
/* end: top links */

/* flash content */
#flashcontent {padding:0px 0 ; clear:both; line-height:1px; font-size:1px;}

/* end: flash content */

/* ---------------------------------- maincontent ---------------------------------------  */
#maincontent{float:left; margin-bottom:20px; padding-top:20px; height: inherit; display: block;}


#maincontent p a {color:#ffffff;}
#maincontent p a:hover {color:#000000; text-decoration:none;}

/* end: maincontent  */

/* ---------------------------------- main ---------------------------------------  */
.mainwork {float:left; width:460px;}


/* ---------------------------------- sidebar and main ---------------------------------------  */

.sidebar 
{
float:left;
width:195px;
margin-right:20px;
}


/*.main 
{
float:left;
width:720px;
}*/

.main h2{
color:#999;
}

.main h3{color:#fff;margin-bottom:1px;}

/*.main strong{color:#999;}
.main a:link{color:#fff;}
.main a:visited{color:#666;}
.main a:hover{color:#000000;}
.main a:active{color:#fff;}*/

.main div.col1 /* width:320px; */
{
float:left;
width:320px;
margin-right:40px;
}

.main  div.col2 /* width:360px; */
{
float:left;
width:360px;
}

.main div.col1-2 /* width:347px; */
{
float:left;
width:347px;
margin-right:22px;
}

.main  div.col2-2 /* width:347px; */
{
float:left;
width:347px;
}
.main  .columns3 {clear:both;}
.main  .columns3 .col1, .main  .columns3 .col2, .main  .columns3 .col3
{
	width:213px;
	margin-right:40px;
	float:left;
}

.main  .columns3 .col3 {margin-right:0;}
.main  .columns3 .images {padding:20px 0; clear:both;}
.images  .left{float:left;}
.images  .right{float:right;}
.main  .columns3 .words {

float:right;
width:380px;
margin-top:165px;
font-style:italic;
text-align:right;
}

.main  .columns3 .words  em {font-style:normal; display:block; text-transform:uppercase; font-size:10px; padding-top:3px;}
/* case studies */
.casestudy  .intro {
	font-weight:bold; 
	color:#CCCCCC; 
	border-bottom:1px solid #1e1e1e;
	padding-bottom:10px;
	line-height:1.4em;
	/*font-size:12px;*/
}
.casestudy h4 {color:#eee; }

.casestudy  .intro strong {color:#CCCCCC; }

.casestudy p {font-size:11px;}

.main ul
{
height: inherit;
margin-left:20px;
margin-bottom:10px;
}

.main ul li{
height: inherit;
list-style-type:square;
}

.main ol
{
height: inherit;
margin-left:20px;
margin-bottom:20px;
}
.sidebar .buttons 
{
background:url(../images/bg-buttonsrounded.gif) no-repeat left top;
height:91px;
padding-top:9px;
padding-left:11px;
text-align:center;
clear:both;
}
.sidebar .btndemovideo {margin-left:auto; margin-right:auto; text-align:center; clear:both; float:none; display:block;}
.sidebar p.buttons {margin-bottom:4px;}
.mt {margin-top:17px;}
.bvp {float:left; margin-top:7px; width:100%; margin-bottom:0;}


/* ---------------------------------- homepage boxes ---------------------------------------  */

/* end: homepage boxes  */
#box1 /* width:320px;*/
{
float:left;
width:320px;
}

#box1 h1.heading, #box2 h1.heading, #box3 h1.heading
{
background:url(../images/headings/welcome-to-ciplex.gif) no-repeat left top;
text-indent:-9999px;
height:37px;
height:41px;
border-bottom:1px solid #1e1e1e;
padding-bottom:6px;
padding-bottom:2px;
margin-bottom:7px;
margin-top:0; 
padding-top:0;
}

h2.hservice-m {border-bottom:1px solid #1e1e1e; margin-top:30px; color:#dddddd;}
.hbullet {clear:both; padding-left:20px; background:url(../images/blt-arrow-title.gif) no-repeat 4px 7px; margin-bottom:15px; margin-top:25px;}
.hbullet {border-bottom:1px solid #1e1e1e;}
.hbullet .hservice-m  {border:none; display:inline;}
/*.seoservices*/ .hbullet {margin-top:30px; position:relative; clear:both;}
.seoservices.hbullet {margin-top:40px;}
/*.seoservices */.hbullet  .backtop {position:absolute; bottom:7px; right:0;}

#box2 /* width:310px;*/
{
float:left;
width:310px;
margin:0 20px;
}



#box2 h1.heading {background-image:url(../images/headings/websites-starting-from.gif);}



#box3 /* width:265px;*/
{
float:left;
width:265px;
background:url(../images/bg-roundedbox.gif) no-repeat left top;
padding:15px 20px 10px 20px;
width:225px;
text-align:center;
min-height:150px;

}

#box3 h1.heading {background-image:url(../images/headings/high-end-agency-services.gif); border:none; margin-bottom:5px; padding-bottom:0;}
#box3 a.requestquote{margin:-8px auto 0 auto; margin:0px auto 0 auto;  margin-bottom:4px;  margin-bottom:5px; float:none; display:block;}
#box3 a.viewportfolio{margin:0 auto; margin-bottom:7px; float:none; display:block;}
#box3 a.btndemovideo{margin:0 auto;float:none; display:block;}
#box3 h1.hhome-m {}
#box3 .hhome-l {}

/* update for demo reel button */
#box3 
{
background:url(../images/bg-roundedbox2.gif) no-repeat left top;
min-height:180px;

}
/*
#box3 .box31 {
background:url(../images/bg-roundedbox.gif) no-repeat left top;
min-height:150px;
margin-bottom:5px;
	}
	*/

a.btndemovideo
{
background:url(../images/btn-demo-video.gif) no-repeat left top;
width:172px;
height:29px;
float:left;
text-indent:-9999px;
margin-bottom:5px;
}
/* ---------------------------------- articles ---------------------------------------  */
#articles 
{
clear:both;
border-top:1px solid #1e1e1e;
padding:20px 0;
padding-bottom:16px; /* 5px less from li in the article list */

float:left;
width:100%;
}


#articles  h4  {padding-bottom:20px;display:block;}
#articles  h4.heading a
{
background:url(../images/headings/articles-and-news.gif) no-repeat left center;
text-indent:-9999px;
height:11px;
width:105px;
display:inline;
float:left;
line-height:11px;
font-size:13px;
padding-top:0px;
width:193px;
background:url(../images/headings/articles-and-news2.gif) no-repeat left top;
}
#articles  h4.heading a:hover {background-position:left bottom;}

#articles ul
{
list-style:none;
float:left;
}

#articles ul li
{
display:inline;
list-style:none;
float:left;
margin-right:30px;
line-height:17px;
margin-bottom:5px;
width:48%;
}

#articles ul li.art2 {margin-right:0px;}

#articles img {position:absolute;left:0;top:-46px;}

#articles .articleimg {height:92px !important;position:relative;overflow:hidden;width:166px;float:left;padding-right:25px;padding-bottom:10px;margin-bottom:15px;}

#articles ul li a span.more {color:#ffffff;}
#articles ul li a:hover span.more {color:#000000;}

#articles h2 {
font-weight:bold;
font-size:17px;
margin:0;
text-align:left;
color:#FFFFFF;
}

#articles .post-info {
color:#FFC202;
display:block;
font-size:11px;
margin-bottom:10px;
margin-top:-3px;
}

#articles .postauthor {
font-size:11px;
}

#articles .postauthor a{
text-transform:capitalize;
}

#articles h2 a {color:#ffc203;}

#articles .blogcontent {
color:#FFFFFF;
display:block;
font-size:11px;
line-height:normal !important;
padding-bottom:14px;
position:relative;
}

#articles .readmore {
background-image:url("../images/readmore.gif");
background-position:right center;
background-repeat:no-repeat;
bottom:-10px;
color:#FFC202;
font-size:11px;
position:absolute;
right:0;
}

/* ---------------------------------- our work - menu : services  ---------------------------------------  */

ul.workservices
{
list-style:none;
float:left;
margin-right:27px;
margin-left:30px;
}

ul.workservices li
{
list-style:none;

padding:0;

margin-bottom:7px;
line-height:18px;
display:block;
height:18px;
}

ul.workservices li a
{
text-decoration:none;
color:#666666;
text-transform:uppercase;

text-indent:-9999px;
padding:0;

outline:none;
background:url(../images/workservices-web-design.gif) no-repeat left bottom;  
width:111px;

height:18px;
display:block;

}

ul.workservices li#work-ecommerce a{background-image:url(../images/workservices-ecommerce.gif) ;  width:121px;}
ul.workservices li#work-marketing a{background-image:url(../images/workservices-marketing.gif) ;  width:162px;}
ul.workservices li#work-print a{background-image:url(../images/workservices-print.gif) ;  width:146px;}


ul.workservices li a:hover, ul.workservices li.active a {color:#FFFFFF; background-position:left top;}

/* ---------------------------------- sections list rounded on contact sidebar ------------------  */
ul.sections
{
background:url(../images/bg-sidecontactrounded.png) no-repeat left top;
height:243px;
margin-bottom:20px;
}
ul.sections li
{
border-bottom: 1px solid #333333;
padding:7px 0;
padding-left:38px;
padding-left:23px;
padding-right:23px;
}
ul.sections li.title {
padding-top:20px;
padding-bottom:8px;
padding-left:21px;
}

ul.sections li.title a{background:none;}

ul.sections li.last {border:none;}

ul.sections li a
{
color:#999999;
color:#fff;
background:url(../images/bullet-ciplex-yellow.gif) no-repeat left 4px;
padding-left:14px;
display:block;
}

ul.sections li a:hover, ul.sections li.active a, ul.sections li a:focus {color:#000000;}

ul.sections h1.heading-med
{
padding:0;
/*
margin-top:16px;
margin-bottom:10px;

*/
margin-top:10px;
margin-bottom:2px;
}



ul.sections h1.heading-med
{
padding:0;
/*
margin-top:16px;
margin-bottom:10px;

*/
margin-top:10px;
margin-bottom:2px;
}

/* added for dynamic height */
.sectionswrapper {
background:url(../images/bg-sidebarmenu-bottom.png) no-repeat left bottom; 
float:left;
margin-bottom:20px;
padding-bottom:5px;
}

.sectionswrapper ul.sections
{
background:url(../images/bg-sidebarmenu-top.png) no-repeat left top;
float:left;
width:195px;
/*min-height:243px;*/
height:auto;
margin-bottom:0px;
}
/* ---------------------------------- what do we do page    ---------------------------------------  */

/* ---------------------------------- services rounded boxes   ---------------------------------------  */

.servicebox
{
float:left;
background:url(../images/bg-servicerounded.jpg) no-repeat left top;
background:url(../images/bg-servicerounded.png) no-repeat left top;
width:201px;
height:343px;
margin:0 4px;
padding:0 7px;
padding:0 16px;
padding-top:20px;
width:187px;
width:169px;
position:relative;
height:340px;
}

.servicebox p.buttons {
position:absolute;
bottom:20px;
left:7px;
margin:0;
}

.servicebox p.buttons .viewexamples{margin-bottom:0;}

/*
.servicebox p, .servicebox h1, .servicebox h2, .servicebox h3, .servicebox h4, .servicebox ul {margin-left:7px; margin-right:7px;
}
*/

h1.heading-med
{
background:url(../images/headings/web-design-hmed.gif) no-repeat left top;


height:24px;
text-indent:-9999px;
padding-bottom:7px;
border-bottom:1px solid #424242;
margin-bottom:20px;
margin-top:0; 
padding-top:0;
}




#service-design h1.heading-med{background-image:url(../images/headings/web-design-hmed.gif) ;}
#service-ecommerce h1.heading-med{background-image:url(../images/headings/ecommerce-hmed.gif) ;}
#service-marketing h1.heading-med{background-image:url(../images/headings/online-marketing-hmed.gif) ; }
#service-print h1.heading-med{background-image:url(../images/headings/print-hmed.gif) ; }

#service-design {margin-left:50px;}


/* ---------------------------------- contact us page    ---------------------------------------  */

#contactform {margin:0; padding:0;}
#contactform ul {list-style:none; width:355px; margin-right:20px; float:left; padding:0;}

#contactform ul li {margin-bottom:5px; float:left; width:100%; padding:0;list-style:none;}

#contactform ul li.submit {border-top:1px solid #1e1e1e; padding-top:10px; margin-top:12px; text-align:right; padding-bottom:0; margin-bottom:0;}

#contactform ul li label { width:130px; float:left; }
#contactform ul li p.fields, #contactform ul.checkboxes{float:left; width:210px;  margin:0; padding-bottom:0; margin-bottom:0; }

#contactform ul.checkboxes li {float:none;}
#contactform ul.checkboxes li label{float:none;}
#contactform ul.checkboxes li input {margin-right:5px;}

/* ---------------------------------- overview page    ---------------------------------------  */

#overviewPromises, .overviewPromises {margin-left:0 !important;}
#overviewPromises li, .overviewPromises li{margin-bottom:20px !important;list-style-type:none !important;}

/* ---------------------------------- headings replacement  ---------------------------------------  */

h1.heading-gradient
{
background:url(../images/headings/web-design-gradient.gif) no-repeat left top;

height:39px;
text-indent:-9999px;
margin-bottom:0px;
margin-top:0; 
padding-top:0;
}

h1#hwebdesign {background-image:url(../images/headings/web-design-gradient.gif); }
h1#hecommerce {background-image:url(../images/headings/ecommerce-gradient.gif); }
h1#hmarketing {background-image:url(../images/headings/online-marketing-gradient.gif); }
h1#hprint {background-image:url(../images/headings/print-gradient.gif); }

h1#hwherenext {background-image:url(../images/headings/where-next-hmed.gif); border:none;  padding-top:0; margin-top:0;}

h1#hourwork {background-image:url(../images/headings/our-work-hmed.gif); border:none;  padding-top:0; margin-top:0;}
h1#hwebrpomote {background-image:url(../images/headings/webpromote-hmed.gif); border:none;  padding-top:0; margin-top:0;}

h1#hecommerce {background-image:url(../images/headings/ecommerce-hmed.gif); border:none;  padding-top:0; margin-top:0;}
/* ---------------------------------- list ---------------------------------------  */
ul.ciplexlist
{
list-style:none !important;
margin-bottom:20px;
margin-left:20px;
}
ul.ciplexlist li
{
list-style:none !important;
padding:7px 0;
padding-left:15px;
background:url(../images/bullet-ciplex-yellow.gif) no-repeat left 11px;
color:#999999;
}


ul.ciplexlist li a, ul.ciplexlist li a:visited{color:#fff;} 
{
color:#999999;
color:#ffffff;
}

ul.ciplexlist li a:hover {color:#000000;}
.seonews a {font-weight:bold;}
.seonews a strong {color:#ddd; font-weight:normal; padding-right:3px;}
.seonews a:hover strong {color:#000000 }
/* ---------------------------------- footer ---------------------------------------  */
#footer
{
border-top:0px solid #1e1e1e;
clear:both;
padding-top:10px;
width:100%;
color:#666666;
}

ul#footernav 
{
list-style:none;
margin-left:-10px;
float:left;
width:530px;
color:#666666;
}

ul#footernav li
{
display:inline;
padding:0;
background:url(../images/dots-mainnav.gif) no-repeat right 8px;
line-height:14px;
height:14px;

}

ul#footernav li.last{background:none;}

ul#footernav li a {
color:#666666;
font-size:12px;
line-height:14px;
text-decoration:none;
padding:0 10px;
font-weight:normal;
}

ul#footernav li a:hover, ul#footernav li.active a{color:#000000;}


#footer .side
{
float:right;
width:265px;
}

#footer .side p{text-align:right; }
#footer .side p.copy{color:#666666;}
#footer .side .lighter {color:#cccccc;}
#footer .side p a {color:#ABABAB; text-decoration:none;}
#footer .side p a:hover{text-decoration:underline;}
/* end: footer */



.clear{clear:both;}

img{border:none;}
img.topimg {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #1e1e1e;}

img.left
{
float:left;
margin-right:10px;
}

img.right
{
float:right;
margin-left:10px;
}


.fltl {float:left;}
.fltr {float:right;}


p.indented
{
text-indent:40px;
}

p.larger
{
font-size:14px;
}

p.nomargin
{
margin:0;
}

.topneg {margin-top:-15px;}

.smaller {font-size:11px;}
p.smaller{line-height:20px;}
.normalweight,  .normalweight a {font-weight:normal;}

#maincontent p.darker, .darker {color:#333333;}

span.vertical {padding:0 4px;}


/* page differences */

#ourworkpage #maincontent
{
background:url(../images/bg-maincontent-work.jpg) no-repeat left top;  width:100%; 
padding-bottom:40px;
}

#whatpage #maincontent {
background:url(../images/bg-maincontent-what.jpg) no-repeat left top;  width:100%; 
padding-top:30px;
min-height:478px;
height:auto !important;
height:478px;
}

#portfoliopage .main /*720*/
{
background:#000;
padding:18px 18px 18px 17px;
width:685px;
margin-top:-18px;
}


/*what-we-do image styling*/
#service-design img{margin-left:-15px;}
#service-ecommerce img{margin-left:-15px;}
#service-marketing img{margin-left:-15px;}
#service-print img{margin-left:-15px;}

/*internet marketing page*/
#impQuestions{
background-color:#11111;
padding:10px 20px 5px 20px;
margin-bottom:20px;

}
#impQuestions p{
/*font-size:1.2em;*/
margin-bottom:10px;
}

/* portfolio page */

#portfoliopage ul.sections {}

.portfolioholder {
border:5px solid #333333;
position:relative;
}

.portfolioholder .imageholder {width:675px;line-height:1px; margin:0; position:relative; font-size:1px; height:380px; }


.imageholder .images {position:relative; overflow: hidden; width: 675px; height: 380px;}
.imageholder .imageswrapper {width:3000px; position:relative;}

.imageholder .images img {float:left;}

.loader {background:url(../images/ajax-loader.gif) no-repeat center 184px;}

.portfolioinfo {
line-height:normal;
background:#0c0c0c url(../images/bg-portfolioinfo.jpg) repeat-x left top;
padding:11px 8px 1px 16px;
clear:both;
position:relative;
min-height:42px;
height:auto !important;
height:42px;


}

.portfolioinfo .launchsite {float:right; position:relative; top:-29px; top:12px; position:absolute; right:8px}

.portfolioinfo p {margin-bottom:0; color:#d3d3d3; font-size:11px; line-height:1.3em; width:460px; margin-top:4px; }
.portfolioinfo .name {color:#fff; text-transform:uppercase;}

.main .sliders {
/*position:absolute;
top:144px;*/
list-style:none;
margin:0;
height:auto;
/*width:685px;*/
}

.main .sliders li {background:none; list-style:none ; }

.sliders .prev, .sliders .next {
position:absolute;
z-index:10;
left:0; 
height:97px;
width:25px;
width:21px;
top:144px;
}

.sliders .prev a, .sliders .next a {
background:url(../images/btn-slide-left.png) no-repeat left top;
height:97px;
width:25px;
width:21px;
display:block;
text-indent:-9999px;
}

.sliders .prev a:hover, .sliders .next a:hover{background-position:left bottom;}

.sliders .next a {background:url(../images/btn-slide-right.png) no-repeat left top;}
.sliders .next { left:auto;right:0; }

.sliders .nomorenext a:hover {background-position:left top; cursor:default;}
.sliders .nomoreprev a:hover {background-position:left top; cursor:default;}

#ciplexpromo {
	width: 981px;
	/*width: 934px;	*/
	/*height: 346px;*/ /* set through js */
	background: #fff;
	display:block;
	/*overflow:hidden;*/ /* set through js */
}


#navbox {
	width: 981px;
	/*width: 934px;	*/
	/*height: 346px;*/ /* set through js */
	/*position: absolute;*/ /* set through js */
	float:left;
	overflow: hidden;
	z-index: 100;
}

#playerbox {
	width: 0px;
	height: 346px;
	/*height: 345px;	*/
	position: absolute;
	float:left;
	overflow: hidden;
	z-index: 101;
}

.light {color:#CCCCCC !important;}


/* ------------------ internet marketing ------------------ */
ul.submenu2 
{
width:721px;
height:43px;
background:red;
list-style:none;
margin-left:0;
clear:both;
float:left;
background:url(../images/bg-s2.png) no-repeat;
margin-bottom:0;
margin-bottom:20px;

}

ul.submenu2 li {list-style:none; padding:0; float:left; margin-right:12px; padding:0; height:43px;}
ul.submenu2 li a {display:block; height:100%; width:100%; }

ul.submenu2 li#s2-services {width:110px;}
ul.submenu2 li#s2-case {width:136px;}
ul.submenu2 li#s2-how {width:140px;}
ul.submenu2 li#s2-packages {width:180px;}
ul.submenu2 li#s2-platform {width:105px;}
ul.submenu2 li#s2-results {width:90px;}
ul.submenu2 li#s2-samplework {width:150px;}
ul.submenu2 li#s2-quote {width:155px; margin-right:0; }

ul.submenu2 li a{background:url(../images/bg-s2-services.png) no-repeat center top; text-indent:-9999px;}

ul.submenu2 li#s2-services a{background:url(../images/bg-s2-services.png);}
ul.submenu2 li#s2-case a {background:url(../images/bg-s2-case.png);}
ul.submenu2 li#s2-how a{background:url(../images/bg-s2-how.png);}
ul.submenu2 li#s2-packages a{background:url(../images/bg-s2-packages.png);}
ul.submenu2 li#s2-platform a{background:url(../images/bg-platform.png);}
ul.submenu2 li#s2-results a{background:url(../images/bg-s2-results.png);}
ul.submenu2 li#s2-samplework a{background:url(../images/bg-samplework.png);}
ul.submenu2 li#s2-quote a{background:url(../images/bg-s2-quote.png);}

ul.submenu2 li a:hover, ul.submenu2 li.active a, ul.submenu2 li a:focus {background-position:left -43px !important; }



a.btn-ecombrochure {
float:left;
height:33px;
margin-bottom:5px;
text-indent:-9999px;
width:172px;
}


a.btn-ecombrochure:hover{background-position: left bottom;}


a.btn-ecombrochure {
background-image:url("../images/btn-ecombrochure.png");
width:172px;
}



#imarketingpage .topimg {margin-bottom:0; padding-bottom:0; border-bottom:none;  float:left;}
.h-seomessage {
background:url(../images/h-seo-message.png) no-repeat -4px top;
width:757px;
height:141px;
text-indent:-9999px;
display:block;
float:left;
margin-right:-150px;
margin-bottom:0;
height:123px;
height:119px; /* first message */
height:192px;	/* second message */
margin-top:0;
clear:both;
margin-top:-20px;
/*
position:relative;
right:-150px;
*/
}

.h-ecommercemessage {
background:url(../images/h_ecommerce_message.png) no-repeat -4px top;
width:757px;
height:141px;
text-indent:-9999px;
display:block;
float:left;
margin-right:-150px;
margin-bottom:0;
height:123px;
height:119px; /* first message */
height:192px;	/* second message */
margin-top:0;
clear:both;
margin-top:-20px;
/*
position:relative;
right:-150px;
*/
}

#imarketingpage .hhome-sh {clear:both;}

ul.biglinks {margin-left:0; position:relative; left:-20px; clear:both;  width:774px; float:left;}

ul.biglinks li {
float:left;	
list-style:none;
margin-bottom:-22px;
margin-bottom:-26px;
}

ul.biglinks li a {
display:block;
background:url(../images/bg-biglink.png) no-repeat left top;
padding:40px 20px 22px 54px;
width:314px;
height:68px;
}
ul.biglinks li.bigb-case a {background-image:url(../images/bg-biglink-case.png);}
ul.biglinks li.bigb-services a {background-image:url(../images/bg-biglink-services.png);}
ul.biglinks li.bigb-quote a {background-image:url(../images/bg-biglink-quote.png);}
ul.biglinks li.bigb-how a {background-image:url(../images/bg-biglink-how.png);}
ul.biglinks li.bigb-platform a {background-image:url(../images/bg-biglink-platform.png);}
ul.biglinks li.left a {width:298px;}

ul.biglinks li a strong {font-size:26px; cursor:pointer; height:26px; text-indent:-9999px; display:block;}
ul.biglinks li a object, ul.biglinks li a embed {cursor:pointer;}

ul.biglinks li a span.subtext {color:#999999; display:block;
/*padding-top:30px;*/
padding-top:6px;
/*position:relative; height:30px; width:90%;; top:-30px; padding-top:30px; cursor:pointer;*/

}

ul.biglinks li a:hover {background-position:left bottom;}
ul.biglinks li a:hover span {color:#000000; }

.brochurewrapper {

float:left;
background:url(../images/bg-brochure.png) no-repeat right bottom;
min-height:190px;
position:relative;
width:100%;
padding-top:25px;
padding-top:15px;
margin-bottom:20px;

	
}


.brochurewrapper-e {

float:left;
background:url(../images/bg-brochure-e.png) no-repeat right bottom;
min-height:190px;
position:relative;
width:100%;
padding-top:25px;
padding-top:15px;
margin-bottom:20px;

min-height:220px;
}



.brochurewrapper .col1-2, .brochurewrapper-e .col1-2 {padding-top:13px;}
.brochurewrapper-e .col1-2 {padding-top:43px;}

.brochurewrapper a.getstarted, .brochurewrapper-e a.getstarted {
position:absolute;
bottom:65px;
right:10px;
width:350px;
height:200px;
bottom:0;
background-position:right 103px;
}

.brochurewrapper a.getstarted, .brochurewrapper-e a.getstarted {right:125px;
display:block;
}

.brochurewrapper a.getstarted:hover, .brochurewrapper-e a.getstarted:hover {background-position:right -197px;}

.brochurewrapper a.fullbutton, .brochurewrapper-e a.fullbutton {
width:100%;
height:100%;
border:1px solid red;
}


.brochurewrapper {
background:url(../images/bg-brochure2.png) no-repeat right bottom;
padding-right:125px;
}

.brochurewrapper-e {
background:url(../images/bg-brochure-e.png) no-repeat right bottom;
padding-right:125px;
}

.backtop {float:right; position:relative; bottom:-23px; background:url(../images/bullet-ciplex-yellow-up.gif) no-repeat left 7px; padding-left:13px;  bottom:-7px;}

/* ------------------------------- home page slider ---------------------------- */
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
margin: 0; 
padding: 0;
}
.slideViewer ul li {
float:left;
	width:981px;
}

.foliomenu li.active a {}

/*typographic info*/
.slideViewer span.typo{ 
margin: 0; /* dynamically adjusted via script*/
padding: 3px 6px;
background: #908F8F;
color: #fff;
font: bold 9px Verdana;
display:none;
}
/*the thumbnails slider*/
.thumbSlider { 
overflow: hidden;
height:32px;
/*width: 1%;*/
}
/*
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;
border:1px solid red;
}
.thumbSlider ul li{ 
float:left;
margin: 0;
}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
*/
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
font: bold 16px Arial;
overflow: hidden;

height:340px;
padding:0; margin:0;


}

a.slideleft, a.slideright {position:absolute; top:10px; z-index:100;
background:url(../media_images_template/button_left_small_footer.png) no-repeat left center;
height:515px;
width:25px;
width:38px;
display:block;
text-indent:-9999px;
}

/*.slideleft:hover, .slideright:hover {background-position:left bottom;}*/


a.slideleft {
left:0px; /*background:red; */}

a.slideright {right:0;background:url(../media_images_template/button_right_small_footer.png) no-repeat left center;}

a.noslideleft {cursor:default; /*background:green;*/}

a.left span, a.right span{

}
a.left img, a.right img{
border: 0;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
display: none;
}
a:focus {outline:none;}



.list-portfolio li { padding:0!important; background:none!important; border:none !important; margin:0 !important; }
.list-portfolio li a {position:relative;  padding:0!important; height:100%; overflow:hidden; line-height:1px; font-size:1px; display:block;}
/*.list-portfolio li a img { margin:0 !important;  height:340px; overflow:hidden;}*/
.list-portfolio li a img { margin:0 !important;  width:100%; height:340px; overflow:hidden;}


.list-portfolio li .shade {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:90;
display:block;
display:none;
zoom: 1;
/*background:red;*/
background:#000;
background:url(../images/bg-slidershade.png) no-repeat left top;
}

.list-portfolio li .shade span {




width:100%;
display:block;
height:100%;
background:url(../images/bg-slidershade.png) no-repeat left top;
/*background:red;*/
}

#navflash {
clear:both;
}

#ciplexpromo {
/* height:346px;*/ /* set in js */
/* position:relative; */  /* set in js */
}

#maincontent {clear:both;}
#navbox, #ciplexpromo {}

#slidermenu {
clear:both;
position:absolute;
bottom:0;
z-index:120;
}

#slidermenu .thumbSlider .foliomenu{
	width:981px;
	background:url(../images/bg-slidermenu.png) no-repeat left top;
	height:32px;
}

#slidermenu .thumbSlider .activelink1 {
background-position:left top;
}

#slidermenu .thumbSlider .activelink2 {
background-position:left -32px;
}

#slidermenu .thumbSlider .activelink3 {
background-position:left -64px;
}

#slidermenu .thumbSlider .activelink4 {
background-position:left -96px;
}

#slidermenu .thumbSlider .activelink5 {
background-position:left -128px;
}

#slidermenu .thumbSlider #link1 {
width:180px;
}
#slidermenu .thumbSlider #link2 {
width:151px;
}

#slidermenu .thumbSlider #link3 {
width:151px;
}

#slidermenu .thumbSlider #link4 {
width:151px;
}

#slidermenu .thumbSlider #link5 {
width:151px;
}

#slidermenu .thumbSlider li {
float:left;
height:32px;
}

#slidermenu .thumbSlider li a {
display:block;
width:100%;
height:100%;
text-indent:-9999px;

}

.ldrgif {
width:100%;
height:100%;
/*background:url(../images/loader.gif) no-repeat center center;*/
background:url(../images/ajax-loader.gif) no-repeat 445px center;
text-indent:-9999px;
position:relative;
}

img {border:none;}

#playerbox {height:346px;}


/* ------------------------------- end: home page slider ---------------------------- */


.demovideo a {
display:block;
background:url("../images/demovideo.gif") no-repeat scroll right bottom transparent;
height:19px;
margin-left:15px;
margin-top:20px;
text-indent:-999px;
width:167px;
outline:none;
}


.caseul {font-size:11px;}



.main .feature {
float:left;
margin-right:60px;
width:300px;
margin-bottom:30px;
}

.platformtable {
border-left: 1px solid #333333;
border-top: 1px solid #333333;
}

.platformtable td {
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
padding-left:7px;
padding-right:7px;
padding-bottom:8px;
padding-top:8px;
text-align:center;
}

.many {
font-weight:bold;
margin-right:20px;
margin-top:7px;
text-align:right;
}

.maglogo {margin-top:64px; display:block;}


/*#ciplexpromo { overflow:hidden; height:503px !important; }*/

/* fix for chrome - problem with anchors */
a:empty {
    position:relative;
}
/* accordion test */
h3.click_accordion {
	padding: 0;
	margin: 0 0 5px 0;
	height: 46px;	
	line-height: 46px;
	width: 100%;
	border: 1px solid #d6d6d6;
	float: left;
color: white;
}

h3.click_accordion a {
		display: block;
	padding: 0 20px 0 35px;
color: white;
}

h3.click_accordion a:hover {
	background: url(../images/h2-bg.png) no-repeat;
	background-position: 0 -46px;
}

h3.active {
	background-position: 0 -92px;
}

.container_accordion {
	margin: 0 20px 5px 0;
	padding: 0 20px 0 0;
	overflow: hidden;	
	width: 100%;
	clear: both;
	/*border: 1px solid #d6d6d6;*/
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-border-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.container_accordion .content_accordion {
	padding: 20px;
}
.acc_container {
border:1px solid #1e1e1e;
		padding: 20px;
}
.span.ui-button-text {
padding: 5px 7px;
}