@charset "utf-8";
@font-face {
font-family: myriad_web_pro_regular;
src: url(..js/myriad_web_pro_regular.typeface.js ) format("truetype");
}
/* Site CSS */
* {margin:0; padding:0;}
.imagereplacement {text-indent: -9999px; background-repeat:no-repeat; overflow:hidden;}
img {border: 0;}
a {color:#666666;}
a:hover {color:#000000;}
ul, ol {margin-left: 50px;}
li {margin-bottom: .25em;}
blockquote {margin-left: 50px; font-style:italic;}
h1, h2 {font-weight: normal; line-height:120%; margin-bottom:3px;}
h1 {color:#000000; line-height:120%; font-size:26px;}
#maincontent h1 { margin-top:10px;}
.hometribox h1 { font-size:25px;}
h2 {color:#444; line-height:120%; font-size:19px;}
hr {margin:5px 0;}
#content p{margin-bottom:1em;}
body {
font:13px "Myriad Pro", Helvetica, Arial, sans-serif;
text-align: center;
color: #666;
line-height: 130%;
background:#9a9fa5 url(../images/Cogbg.jpg); background-repeat: repeat-x;
height:200%;
}
.ie8 body {
font:13px "Myriad Pro", Arial, Helvetica, sans-serif;
text-align: center;
color: #666;
line-height: 130%;
background:#9a9fa5 url(../images/Cogbg.jpg); background-repeat: repeat-x;
height:200%;
}
.ie9 body {
font:13px "Myriad Pro", Arial, Helvetica, sans-serif;
text-align: center;
color: #666;
line-height: 130%;
background:#9a9fa5 url(../images/Cogbg.jpg); background-repeat: repeat-x;
height:200%;
}
#cogbg{background:#FFF;
width:1024px;
margin-right:0px;
margin-left:0px;
margin: auto;
text-align:center;
position:relative;
z-index:0;
}
#container {
width: 960px;
margin: 0 auto;
text-align: left;
}
#header {
padding:10px 0;
}
#headerleft, #headermiddle, #headerright {
width:320px;
float:left;
}
#headerleft {text-align:left;}
#headerleft p {font-size:21px; font-variant:small-caps; color:#000; margin-bottom:10px; letter-spacing:.05em;}
.headertitle a {color:#000;}
#headerleft a {text-decoration:none;}
#headerleft ul {margin-left:0px;}
#headerleft li {list-style-type:none; margin-bottom:2px;}
#headermiddle a {width: 291px; margin: 0 auto; display:block; margin-top: 13px;}
#headerright {text-align:right; color: #666;}
#maincontent {
width: 920px;
height: 360px;
padding: 20px;
margin-top:130px;
margin-bottom: 10px;
background-image:url(../images/mainbg.png);
background-repeat:no-repeat;
position:relative;
}
#mainleft{
float:left;
width:700px;
height:370px;
overflow:auto;
padding:0px 30px 0 0;
font-size:14px;
}
#contactmainleft{
float:left;
width:700px;
height:370px;
padding:0px 30px 0 0;
font-size:14px;
}
#careersmainleft{
float:left;
width:700px;
height:370px;
padding:0px 30px 0 0;
font-size:14px;
}
#quote {
float:right;
font-size: 14px;
font-style:italic;
line-height: 200%;
color:#000000;
}
#leftheader {
margin: 5px 0 0px;}
#contactleftheader {
margin: 5px 0 0px;}
#careerleftheader {
margin: 5px 0 0px;}
#mainright{
width:205px;
position:absolute;
bottom: 4px;
right: 4px;
}
#sidebartop{height:7px; width:190px; background-image:url(../images/sidebartop.png); background-repeat:no-repeat;}
#sidebarmid{width:175px; padding: 10px 10px 10px 20px; background-image:url(../images/sidebarmid.png); background-repeat:no-repeat;}
#sidebarbottom{height:35px; width:205px; background-repeat:no-repeat;}
#sidebarmid h4 {font-size:22px; color:#000; margin-bottom:15px; margin-left:38px; font-weight:normal; }
#sidebarmid ul {margin-left:18px;}
#sidebarmid li {list-style-type:none; margin-bottom:5px;}
#sidebarmid li li {padding-left: 20px;}
#sidebarmid a {color:#666; font-size:14px; text-decoration:none;}
#sidebarmid a:hover {color:#999;}
#sidebarmid .current_page_item { background-image:url(../images/sidebarhover.png) ; background-repeat:no-repeat; background-position:0px 2px;}
#newsheadline{
background-image:url(../images/newsbg.png);
background-repeat:no-repeat;
height:27px;
padding:17px 0 5px 142px;
color: #666;
margin-bottom: 5px;
font-size:13px;
position:relative;
z-index:99;
}
#facebook{float: right; margin: -7px 30px 0pt 0pt; background-image:url(../images/facebook.png); height:27px; width:27px; display:block;}
#facebook:hover{background-image:url(../images/facebookh.png);}
#twitter{float: right; margin: -7px 5px 0pt 0pt; background-image:url(../images/twitter.png); height:27px; width:27px; display:block;}
#twitter:hover{background-image:url(../images/twitterh.png);}
#thecore{float: right; margin: 32px 32px 0pt 0pt; clear: right; background-image:url(../images/thecore.png); height:90px; width:103px; display:block;}
#thecore:hover{background-image:url(../images/thecoreh.png);}
#theport{background: url(../images/porta.jpg);
height:102px;
width:109px; cursor:pointer;
float: left; margin: 0px 0px 0px 5px;
}
#theport:hover{background-image:url(../images/porth.jpg); cursor:pointer;
float: left; margin: 0px 0px 0px 5px;height:102px;
width:109px;
}
#DDPrevSlide {left:15px !important;}
#homewrapper{margin:0; width:995px;}
.hometribox{
background-image:url(../images/hometribox.jpg);
background-repeat:no-repeat;
float:left;
width:271px;
height: 313px;
padding:27px;
}
.hometribox a, .home2box a {text-decoration:none; color:#0000FF;}
.home2box{
background-image:url(../images/home2box.jpg);
background-repeat:no-repeat;
float:left;
width:422px;
height: 221px;
margin:5px 0 15px;
padding:30px;
}
.minibox{
height:92px;
width:92px;
padding: 4px;
background-image:url(../images/minibox.png);
background-repeat:no-repeat;
float:left;
margin-right:23px;
font-size:8px;
text-align: center;
overflow: hidden;
position: relative;
}
.minibox a{color:#FFFFFF;}
.minibox a:hover{color:#CCCCCC;}
#minibox{
height:92px;
width:92px;
padding: 4px;
background-image:url(../images/minibox.png);
background-repeat:no-repeat;
float:left;
margin-right:23px;
font-size:8px;
text-align: center;
overflow: hidden;
position: relative;
}
.minipic2{
height:92px;
width:92px;
}
#footer {
text-align:center;
font-size:10px;
margin-top:10px;
clear:both;
}
.post-meta ul li{list-style-type:none; }
.post-meta-key {list-style-type:none;
color:#FFF; }
/*GALLERY SLIDER--------------------------------------------------------*/
/*This will work for firefox*/
#RS_mov{position:relative;
left:723px;
top:52px;
height:125px;
width:200px;
background:url(http://www.cognitiveone.com/wp-content/themes/cognitive/images/RS_Hires.png);
}
.jcarousel-skin-gallery{
height:392px;
position:relative;
}
.ie9 .jcarousel-skin-gallery .jcarousel-container {
width:952px;
height:392px;
overflow:hidden;
margin-left:0px;
position:relative;
top:-6px;
}
.ie8 .jcarousel-skin-gallery .jcarousel-container {
width:952px;
height:392px;
overflow:hidden;
margin-left:0px;
position:relative;
top:3px;
}
.jcarousel-skin-gallery .jcarousel-container {
width:952px;
height:392px;
overflow:hidden;
margin-left:0px;
position:relative;
top:-3px;
}
.jcarousel-skin-gallery .jcarousel-clip{
width:3000px;
margin:0 auto;
overflow:hidden;
}
.jcarousel-skin-gallery .jcarousel-clip-horizontal {
width:952px;
margin:0 auto;
overflow:hidden;
position:relative;
left:0px;
}
.jcarousel-skin-gallery .jcarousel-prev {
width:45px;
height:58px;
background:url(../images/left_arrow_gallery.png) no-repeat 0 0;
display:block;
text-indent:-200000px;
position:absolute;
left:76px;
top:300px;
cursor:pointer;
z-index:100px;
}
.jcarousel-skin-gallery .jcarousel-next {
width:65px;
height:55px;
background:url(../images/right_arrow_gallery.png) no-repeat 0 0;
display:block;
text-indent:-200000px;
position:absolute;
left:105px;
top:300px;
cursor:pointer;
}
.jcarousel-skin-gallery .jcarousel-list ul li{list-style-type:none;
}
.jcarousel-skin-gallery .jcarousel-item-5{list-style-type:none;
height:392px;
width:952px;
background:#FFF url(../images/gallery_bg_adv.jpg);
}
.jcarousel-skin-gallery .jcarousel-item-5 h4{position:relative;
top:50px;
left:38px;
height:20px;
width:200px;
background-color:transparent;
font-size:16pt;
font-weight:100;
}
.jcarousel-skin-gallery .jcarousel-item-5 p{position:relative;
top:70px;
left:35px;
height:125px;
width:165px;
background-color:transparent;
font-size:12pt;
}
.jcarousel-skin-gallery .jcarousel-item-7{list-style-type:none;
height:392px;
width:952px;
background:#FFF url(../images/gallery_bg_logo.jpg);
}
.jcarousel-skin-gallery .jcarousel-item-7 h4{position:relative;
top:50px;
left:70px;
height:20px;
width:200px;
background-color:transparent;
font-size:16pt;
font-weight:100;
}
.jcarousel-skin-gallery .jcarousel-item-7 p{position:relative;
top:70px;
left:35px;
height:125px;
width:150px;
background-color:transparent;
font-size:12pt;
}
.jcarousel-skin-gallery .jcarousel-item-3{list-style-type:none;
height:392px;
width:952px;
background:#FFF url(../images/gallery_bg_rs.jpg);
}
.jcarousel-skin-gallery .jcarousel-item-3 h4{position:relative;
top:50px;
left:15px;
height:20px;
width:200px;
background-color:transparent;
font-size:16pt;
font-weight:100;
}
.jcarousel-skin-gallery .jcarousel-item-3 p{position:relative;
top:70px;
left:35px;
height:125px;
width:150px;
background-color:transparent;
font-size:12pt;
}
.jcarousel-skin-gallery .jcarousel-item-6{list-style-type:none;
height:392px;
width:952px;
background:#FFF url(../images/gallery_bg_web.jpg);
}
.jcarousel-skin-gallery .jcarousel-item-6 h4{position:relative;
top:50px;
left:50px;
height:20px;
width:200px;
background-color:transparent;
font-size:16pt;
font-weight:100;
}
.jcarousel-skin-gallery .jcarousel-item-6 p{position:relative;
top:70px;
left:35px;
height:125px;
width:150px;
background-color:transparent;
font-size:12pt;
}
.jcarousel-skin-gallery .jcarousel-item-8{list-style-type:none;
height:392px;
width:952px;
background:#FFF url(../images/gallery_bg_print.jpg);
}
.jcarousel-skin-gallery .jcarousel-item-8 h4{position:relative;
top:50px;
left:50px;
height:20px;
width:200px;
background-color:transparent;
font-size:16pt;
font-weight:100;
}
.jcarousel-skin-gallery .jcarousel-item-8 p{position:relative;
top:70px;
left:35px;
height:125px;
width:150px;
background-color:transparent;
font-size:12pt;
}
.jcarousel-skin-gallery .jcarousel-item-1{list-style-type:none;
height:392px;
width:952px;
background:#FFF url(../images/gallery_bg_FRT.jpg);
}
.jcarousel-skin-gallery .jcarousel-item-1 h4{position:relative;
top:50px;
left:50px;
height:20px;
width:200px;
background-color:transparent;
font-size:16pt;
font-weight:100;
}
.jcarousel-skin-gallery .jcarousel-item-1 p{position:relative;
top:70px;
left:35px;
height:125px;
width:150px;
background-color:transparent;
font-size:12pt;
}
.jcarousel-skin-gallery .jcarousel-item-4{list-style-type:none;
height:392px;
width:952px;
background:#FFF url(../images/gallery_bg_template.jpg);
}
.jcarousel-skin-gallery .jcarousel-item-4 h4{position:relative;
top:50px;
left:25px;
height:20px;
width:200px;
background-color:transparent;
font-size:16pt;
font-weight:100;
}
.jcarousel-skin-gallery .jcarousel-item-4 p{position:relative;
top:70px;
left:35px;
height:125px;
width:150px;
background-color:transparent;
font-size:12pt;
}
.jcarousel-skin-gallery .jcarousel-item-2{list-style-type:none;
height:392px;
width:952px;
background:#FFF url(../images/gallery_bg_exogenx.jpg);
}
.jcarousel-skin-gallery .jcarousel-item-2 h4{position:relative;
top:50px;
left:10px;
height:20px;
width:200px;
background-color:transparent;
font-size:16pt;
font-weight:100;
}
.jcarousel-skin-gallery .jcarousel-item-2 p{position:relative;
top:70px;
left:35px;
height:125px;
width:150px;
background-color:transparent;
font-size:12pt;
}
.gallery_links1{color:#00F;
font-size:8pt;
text-decoration:underline;
background:transparent;
position:relative;
top:128px;
left:45px;
}
.gallery_links2{color:#00F;
font-size:8pt;
text-decoration:underline;
background:transparent;
position:relative;
top:128px;
left:45px;
width:150px;
}
.gallery_links3{color:#00F;
font-size:8pt;
text-decoration:underline;
background:transparent;
position:relative;
top:128px;
left:45px;
}
.gallery_links4{color:#00F;
font-size:8pt;
text-decoration:underline;
background:transparent;
position:relative;
top:128px;
left:45px;
}
.gallery_links5{color:#00F;
font-size:8pt;
text-decoration:underline;
background:transparent;
position:relative;
top:128px;
left:45px;
}
.gallery_links6{color:#00F;
font-size:8pt;
text-decoration:underline;
background:transparent;
position:relative;
top:128px;
left:45px;
}
.gallery_links6{color:#00F;
font-size:8pt;
text-decoration:underline;
background:transparent;
position:relative;
top:128px;
left:45px;
}
.gallery_links7{color:#00F;
font-size:8pt;
text-decoration:underline;
background:transparent;
position:relative;
top:128px;
left:45px;
}
.gallery_links8{color:#00F;
font-size:8pt;
text-decoration:underline;
background:transparent;
position:relative;
top:128px;
left:45px;
}
.gallery_links9{color:#00F;
font-size:8pt;
text-decoration:underline;
background:transparent;
position:relative;
top:128px;
left:45px;
}
.gallery_video_rs{position:relative;
top:-381px;
left:611px;
-moz-box-shadow: 0 0 7px #000;
-webkit-box-shadow: 0 0 7px #000;
box-shadow: 0px 0px 7px #000;
background:#000;
height:180px;
width:280px;
}
.gallery_video1{position:relative;
top:-564px;
left:271px;
-moz-box-shadow: 0 0 7px #000;
-webkit-box-shadow: 0 0 7px #000;
box-shadow: 0px 0px 7px #000;
background:#000;
height:180px;
width:280px;
}
.gallery_video2{position:relative;
top:-744px;
left:610px;
-moz-box-shadow: 0 0 7px #000;
-webkit-box-shadow: 0 0 7px #000;
box-shadow: 0px 0px 7px #000;
background:#000;
height:180px;
width:280px;
}
.gallery_video3{position:relative;
top:-732px;
left:271px;
-moz-box-shadow: 0 0 7px #000;
-webkit-box-shadow: 0 0 7px #000;
box-shadow: 0px 0px 7px #000;
background:#000;
height:180px;
width:280px;
}
.gallery_video4{position:relative;
top:-179px;
left:340px;
-moz-box-shadow: 0 0 7px #000;
-webkit-box-shadow: 0 0 7px #000;
box-shadow: 0px 0px 7px #000;
background:#000;
height:180px;
width:280px;
}
/*THE CORE PAGE-------------------------------------------------------*/
.ie9 .thecoremovie{position:relative;width:480px;height:360px; top:-180px;
left:0px;}
.ie8 .thecoremovie{position:relative;width:480px;height:360px; top:-178px;
left:0px;}
.thecoremovie{position:relative;width:480px;height:360px; top:0px;
left:0px;}
.the_core_page{background:#FFF url(../images/gallery_bg_template.jpg);
height:392px;
width:952px;
}
.the_core_page{background:#FFF url(../images/gallery_bg_template.jpg);
height:392px;
width:952px;
}
.the_core_page h4{position:relative;
top:40px;
left:60px;
height:20px;
width:200px;
background-color:transparent;
font-size:16pt;
font-weight:100;
color:#000;
}
.the_core_page p{position:relative;
top:60px;
left:35px;
height:125px;
width:150px;
background-color:transparent;
font-size:11pt;
color:#000;
}
.the_portfolio_link{color:#00F;
font-size:8pt;
text-decoration:underline;
background:transparent;
position:relative;
top:128px;
left:75px;
}
.theportfoliodropshadow{position:relative;
top:-129px;
left:346px;
-moz-box-shadow: 0 0 7px #000;
-webkit-box-shadow: 0 0 7px #000;
box-shadow: 0px 0px 7px #000;
background:#000;
height:360px;
width:480px;
}
#theportoncore{background: url(../images/portatran.png);
height:102px;
width:109px; cursor:pointer;
float: left; margin: 15px 0px 0px 15px;
}
#theportoncore:hover{background-image:url(../images/porthtran.png); cursor:pointer;
float: left; margin: 15px 0px 0px 15px;height:102px;
width:109px;
}
.ie9 #theportoncore{background: url(../images/portatran.png);
height:102px;
width:109px; cursor:pointer;
float: left; margin: 10px 0px 0px 15px;
}
.ie9 #theportoncore:hover{background-image:url(../images/porthtran.png); cursor:pointer;
float: left; margin: 10px 0px 0px 15px;height:102px;
width:109px;
}
.ie8 #theportoncore{background: url(../images/portatran.png);
height:102px;
width:109px; cursor:pointer;
float: left; margin: 10px 0px 0px 15px;
}
.ie8 #theportoncore:hover{background-image:url(../images/porthtran.png); cursor:pointer;
float: left; margin: 10px 0px 0px 15px;height:102px;
width:109px;
}
/* =Navigation
-------------------------------------------------------------- */
.nav_links{font-size:16px;
font-family:'Myriad Pro';
position:relative;
z-index:100;
top:8px;
left:0px;
}
.nav_plus ul li a{ color:#FFFFFF;
position:relative;
top:-46px;
left:644px;
font-family: 'Myriad Pro, arial';
font-size:16px;
list-style-type:none;
}
.cog_nav{
width:954px;
height:33px;
background:url(../images/Nav.jpg) no-repeat 0 0;
position:relative;
top:126px;
left:3px;
z-index:-1;
}
.ie8 .cog_nav{
width:954px;
height:33px;
background:url(../images/Nav.jpg) no-repeat 0 0;
position:relative;
top:126px;
left:3px;
z-index:-1;
}
.cog_nav{
width:954px;
height:33px;
background:url(../images/Nav.jpg) no-repeat 0 0;
position:relative;
top:126px;
left:3px;
z-index:-1;
}
.nav {
padding:0 20px 0 0px;
}
.nav li {
float:left;
margin-right:50px;
font-size:16px;
padding-top:5px;
padding-bottom:13px;
text-decoration:none;
list-style-type:none;
}
.ie8 .nav li {
float:left;
margin-right:48px;
font-size:16px;
padding-top:5px;
padding-bottom:13px;
text-decoration:none;
list-style-type:none;
}
.ie9 .nav li {
float:left;
margin-right:50px;
font-size:16px;
padding-top:5px;
padding-bottom:13px;
text-decoration:none;
list-style-type:none;
}
.nav li.last {
margin-right:0;
}
.nav li:nth-child(3) span {
left:470px;
}
.nav li:nth-child(4) span {
left:670px;
}
.nav li:nth-child(5) span {
left:835px;
}
.nav li a {
color:#808080;
background-color:inherit;
list-style-type:none;
text-decoration:none;
}
.nav li a:hover, .nav li.selected a {
color:#000000;
list-style-type:none;
text-decoration:none;
}
.nav div.dropdown {
width:936px;
height:148px;
background:url(../images/drop_nav.png) no-repeat 0 0;
padding:40px 8px 0 8px;
display:none;
position:absolute;
left:36px;
top:122px;
margin-top:57px;
z-index:100;
}
.jcarousel-container {
width:985px;
height:148px;
overflow:hidden;
margin-left:-10px;
}
.nav div#dropdown ul {
}
.jcarousel-clip-horizontal {
width:860px;
margin:0 auto;
overflow:hidden;
position:relative;
left:-11px;
}
.nav div.dropdown ul li {
width:150px;
height:106px;
padding:10px;
margin-right:35px;
margin-left:15px;
}
.nav div.dropdown ul li:hover {
background:url(../images/drop_highlighbg.png) no-repeat 0 0;
}
.nav div.dropdown ul li.selected {
background:url(../images/drop_highlighbg.png) no-repeat 0 0;
}
.jcarousel-container h4 {
font-size:16px;
color:#000000;
background-color:inherit;
}
.nav li li a {
color:#808080;
background-color:inherit;
}
.drop_arrow {
width:59px;
height:55px;
background:url(../images/up_arrow1.png) no-repeat 0 0;
display:block;
position:absolute;
top:-5px;
left:55px;
}
.jcarousel-container p {
font-size:10pt;
color:#191919;
background-color:inherit;
font-weight:600;
}
.jcarousel-prev {
width:45px;
height:40px;
background:url(../images/left_arrow.png) no-repeat 0 0;
display:block;
text-indent:-200000px;
position:absolute;
left:0;
top:30px;
cursor:pointer;
z-index:100px;
}
.jcarousel-next {
width:65px;
height:55px;
background:url(../images/right_arrow1.png) no-repeat 0 0;
display:block;
text-indent:-200000px;
position:absolute;
right:16px;
top:22px;
cursor:pointer;
}
.pagenav{color:#FFFFFF;
}
#mycarousel_7 p {color:#000;
font-size:10pt;
}
#mycarousel_8 p {color:#000;
font-size:10pt;
}
#mycarousel_8 h4{ color:#000;
}
#mycarousel_7 h4{color:#000;
}
/*SLIDER-----------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
.theme-default .nivoSlider{position:relative;background:#fff url(loading.gif) no-repeat 50% 50%;margin-bottom:18px;/*-webkit-box-shadow:0 1px 5px 0 #4a4a4a;-moz-box-shadow:0 1px 5px 0 #4a4a4a;box-shadow:0 1px 5px 0 #4a4a4a*/}
.theme-default .nivoSlider img{position:absolute;top:0;left:0;display:none}
.theme-default .nivoSlider a{border:0;display:block}
.theme-default .nivo-controlNav{position:absolute;left:50%;bottom:5px;margin-left:-40px}
.theme-default .nivo-controlNav a{display:block;width:22px;height:22px;background:url(bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:23px;float:left}
.theme-default .nivo-controlNav a.active{background-position:0 -22px}
.theme-default .nivo-directionNav a{display:block;width:33px;height:63px;background:url(arrows2.png) no-repeat;text-indent:-9999px;border:0}
.theme-default a.nivo-nextNav{background-position:-30px 0;top:320px;left:38px}
.theme-default a.nivo-prevNav{top:320px;left:15px}
.theme-default .nivo-caption{font-family:Helvetica, Arial, sans-serif}
.theme-default .nivo-caption a{color:#fff;border-bottom:1px dotted #fff}
.theme-default .nivo-caption a:hover{color:#fff}
/*-----------------------------------------------------------------------*/
#DDSlider{ margin:4px !important;}
.boxgrid{
width: 150px;
height: 200px;
margin-right:10px;
margin-bottom: 15px;
float:left;
background:#161613;
overflow: hidden;
position: relative;
}
.boxgrid img{
position: absolute;
top: 0;
left: 0;
border: 0;
}
.boxcaption{
float: left;
position: absolute;
background: #000;
height: 72px;
width: 72px;
padding: 10px;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
font-size:12px;
}
.captionfull .boxcaption {
top: 100px;
left: 4px;
}
.cover{
color:#FFFFFF;
}
.cover p{
font-style:italic;
font-size:10px;
}
.cover h3{
height:30px;
font-size:12px;
}
/*FOOTER-----------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
#WrapperFoot{
width:898px;
margin: 0 auto;
padding: 15px 15px 15px 45px;
border:1px #d0d0d0 solid;
background-color:#FFFFFF;
clear:both;
text-align:left;
}
#WrapperFootpromo{
width:892px;
margin: 0 auto;
padding: 15px 15px 15px 45px;
border:1px #d0d0d0 solid;
background-color:#FFFFFF;
clear:both;
text-align:left;
}
#Footer { color:#131313; font-size:12px; height:30px; margin-top: 5px; clear: both;}
#Footer a {color:#969696; text-decoration:none;}
#Footer a:hover {text-decoration:underline;}
#Footer li {width:140px; float:left; list-style-type:none; float:left; margin-bottom:8px;}
.footerline {width:9px; height:125px; /* border-left: 1px solid #111111; */ border-left: none; float:left; margin-bottom:15px;}
#Footer p {font-size:13px; margin-bottom:8px; font-weight:bold; color: #666;}
#Footer ul{margin-left:0;}
#Footer p a {color:#000; text-decoration:none;}
#Footer p.copy { float: left; }
#Footer ul.siteLinks {float:right;}
#Footer ul.siteLinks li { display: inline; background:url("images/toolbar-divider.gif") no-repeat 100% 50%; margin-right:5px; padding-right:10px;}
#Footer ul.siteLinks li.last { background:none; margin-right:0; padding-right:0;}
#footer-links {
float: left;
margin-top: 20px;
}
#footer-links li {
display: inline;
list-style-type: none;
width: auto;
font-size: 1.1em;
margin-right: 6px;
color: #000;
}
#footer-links li a {
color: #999;
font-size: .9em;
}
#cr {
font-size:11px;
width:960px;
margin: 15px auto;
background:#FFF;
height:40px;
}
#cr a {text-decoration:none; color:#0000FF;}
/*****************Start Form ******************/
.wpcf7-form{position:relative;
top:-20px;
}
.wpcf7-form input[type='text']{
background-image: url("../images/textbox.png");
border: 0 none;
height: 21px;
width: 184px;
}
.wpcf7-form input[type='submit']{
margin-top: 10px;
width: 61px;
}
.wpcf7-form textarea{
background-image: url("../images/textarea.png");
border: 0 none;
height: 44px;
width: 387px;
}
.clear{
clear:both;
}
.block{
float:left;
width:200px;
margin-bottom: 3px;
margin-top: 3px;
font-size:11px;
}
.wpcf7-form p {font-size:11px;}
div.wpcf7-response-output {position:relative; top:34px;
margin:0 0 0 407px;
}
div.wpcf7-mail-sent-ok {width:300px;
}
div.wpcf7-mail-sent-ng {width:300px;
}
div.wpcf7-spam-blocked {width:300px;
}
div.wpcf7-validation-errors {width:300px;
}
span.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
font-size: 10pt;
width: 280px;
padding: 2px;
}
span.wpcf7-list-item {
display: block;
}
.map{
background-image: url("../images/map.png");
background-repeat: no-repeat;
display: block;
height: 20px;
margin-top: 5px;
padding-left: 25px;
text-decoration: none;
}
.wpcf7-checkbox{
display: block;
margin-top: 6px;
}
/*- Promos page css
-----------------------------------------------------*/
#promos-pages
{
font-size: 14px;
}
#promos-pages .white,
#promos-pages .gray
{
padding: 20px 100px;
width: 752px;
margin-bottom: 10px;
background-color: #FFFFFF;
box-shadow: 0 0 5px rgba(151, 144, 121, 0.5);
box-shadow: 0 0 5px rgba(151, 144, 121, .5);
-moz-box-shadow: 0 0 5px rgba(151, 144, 121, .5);
-webkit-box-shadow: 0 0 5px rgba(151, 144, 121, .5);
behavior: url(http://174.121.38.67/~demotest/wp-content/themes/cognitive/js/PIE.htc);
border: 1px #bfbfbf solid;
}
#promos-pages .gray
{
background-image: url("../images/texure.png");
}
#promos-pages h1 a
{
color: #000000;
display: block;
font-size: 46px;
line-height: 55px;
text-decoration: none;
width: 450px;
}
#promos-pages .sub-title
{
color:#333333;
font-size:20px;
margin-bottom: 15px;
margin-top: 15px;
}
#promos-pages .read_more
{
color: #393C96;
display: block;
float: none;
margin-top: 10px;
text-decoration: none;
font-weight: bold;
width: 125px;
}
#promos-pages p
{
color:#444444;
}
#promos_block
{
display: inline-block;
width: 760px;
}
#promos_block h2,#promos_block h3
{
color:#333;
}
#promos_block h2
{
font-size:28px;
margin-top: 8px;
width: 365px;
}
#promos_block h3
{
font-size: 18px;
font-weight: normal;
line-height: 23px;
margin-top: 20px;
width: 410px;
}
#promos_block .cont
{
color: #1A1A1A;
font-size: 15px;
line-height: 19px;
margin-top: 15px;
width: 442px;
}
#promos-pages .white #promos_block .block_1
{
width: 450px;
float:left;
}
#promos-pages .white #promos_block .block_2
{
float:right;
}
#promos-pages .gray #promos_block .block_1
{
width: 450px;
float:right;
text-align: right;
}
#promos-pages .gray #promos_block .block_2
{
float:left;
}
#promos-pages .gray h2
{
margin-left:78px;
}
#promos-pages .gray h3
{
margin-left: 116px;
width: 325px;
}
#promos-pages .gray h1
{
text-align:right;
}
#promos-pages .gray h1 a
{
float:right;
}
#promos-pages .gray #mail_to
{
text-align: right;
}
#promos_block .public
{
background-image: url("../images/public_relation.png");
height:396px;
position: relative;
top: -35px;
width: 300px;
right: 15px;
}
#promos_block .feeding
{
background-image: url("../images/feeding.png");
height: 399px;
left: 10px;
position: relative;
top: -50px;
width: 250px;
}
#promos_block .freeing, #promos_block .outlets
{
background-image: url("../images/iPad-blank-screens.png");
height: 234px;
left: 10px;
position: relative;
top: -50px;
width: 300px;
}
#promos_block .benefit
{
background-image: url("../images/brain-illo.png");
height: 320px;
left: 10px;
position: relative;
width: 277px;
}
#promos_block .lifeblood
{
background-image: url("../images/Social-Plasma-logo-2.png");
height: 138px;
position: relative;
top: -30px;
width: 300px;
}
#promos-pages .contact_info
{
color: #B2B2B2;
display: block;
float: right;
font-size: 15px;
height: 75px;
line-height: 18px;
text-align: right;
width: 100%;
}
#promos-pages .contact_info .conc
{
float: right;
position: relative;
right: -90px;
text-align: left;
width: 200px;
}
#mail_to
{
color: #0000FF;
float: none;
margin-right: 10px;
text-align: left;
text-decoration: none;
display: block;
}