/*-----------------------Structure------------------------*/
body {background:#fff;overflow-x:hidden;}

#fixedNav {width:230px;position:fixed;}

.content {  margin-left:233px;  margin-top:36px;  width:1000px;  background-color: #ffffff;  position: relative;}

.logo {margin:15px 0 40px 30px;}


/*-----------------------General Styling------------------------*/
p {  font-size:14px;}
h2 {  color:#416a9a;  font-size:25px;}
h3 {
background:none repeat scroll 0 0 transparent;
border-bottom:1px solid #EEEEEE;
color:#A2A2A2;
font-size:18px;
font-weight:normal;
letter-spacing:normal;
margin-bottom:10px;
margin-left:0;
margin-top:0;
padding-bottom:10px;
padding-left:0;
padding-top:0;
text-transform:none;
}
h4 {
border-bottom:1px solid #eee;
border-top:1px solid #eee;
border-bottom:#eee 1px solid;
padding:10px 0;
color:#666666;
font-family:verdana,arial,sans-serif;
font-size:16px;
font-weight:bold;
margin-bottom:10px;
}
h5 {
color:#CCCCCC;
float:left;
font-size:10px;
font-weight:normal;
letter-spacing:1px;
margin-right:20px;
}
h6 {
color:#ccc;
float:right;
font-weight:normal;
}
img a {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-transition:none;
}
strong {  color: #416A9A;font-weight: bold;}
.clear {clear: both;}
.spacer {  height:30px;}
.floatRight {float: right;}
.floatLeft, #bizInquiry, .tagline, .bizColumn, .showcaseHold, .launchSlideShowcase, #facebookLoginWrapper, ul.services, .serverSideError, .showcaseSmallPic, ul.blueArrow, .productDetail, .productPage, .detailPage, .productHold 
{ float:left;}

/*-----------------------menu------------------------*/
#leftNav {margin-left:20px;}
  
ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  float:left;
  width:200px;
}
ul.menu a {
  display: block;
  text-decoration: none;
}
ul.menu a.navMenuActiveItem {
	color: #416A9A;
	font-weight: bold;
}
ul.menu li {
  margin-top: 1px;
  line-height:20px;
}

/*initial nav opened on page load*/
ul.menu li.expand {color:#444;}

/*first level nav (parent)*/
ul.menu li a {
  color:#888888;
  font-family:verdana, arial, sans-serif;
  font-size:14px;
  letter-spacing:0.3px;
  line-height:24px;
  margin:0 0 0 20px;
  padding-left: 5px;
}
ul.menu li a:hover  {
  color:#111111;
  text-decoration:none;
}
ul.menu li a.active {
  color:#444;
  border-left: 3px #5F8BBF solid;
  text-decoration:none;
}

/*second level nav (child)*/
ul.menu li ul li a {
  color:#666666;
  font-size:12px;
  padding-left:25px;
  line-height:18px;
  margin:0 0 5px 10px;
}
ul.menu li ul li a:hover {color:#111111;}

.loginStatus {
  margin-top:50px;
  margin-left:20px;
  float:left;}

.goUserLogout, .goUserProfile, .goAdminPanel, .welcome, .goUserRegister, .goUserSignUp, .goUserLogin, .goUserPasswordReset, .userName {
  float:left;
  margin:0 0 0 20px;
  width:200px;
}

.horizontal {
  float:none;
  width:700px;
  background:none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-transition: none;
  border:none;
  margin:25px 0 0;
}
#panelHold {
  width:700px;
}
.showHold {
  height:189px;
  background:url(/images/port-cms.jpg) no-repeat;
  margin:0;
  padding-right:25px;
  width:342px;
}
.showText {
  float:left;
  width:330px;
}
.article {
  margin:-7px 0 0 -5px;
  position:relative;
  width:200px;
  z-index:100;
  margin: 0px 0px 0px 0px;letter-spacing: 2px; width: 600px;padding: 5px 5px 5px 20px;font-size: 16px;
border-left:1px solid #666;padding: 5px 0px 0 25px;font-size:14px;letter-spacing:0.5px;
}


.showText h1 {border-bottom:1px solid #EEEEEE;}

#midMain, .midAboutTiles, #commentNav, #commentAddFormWrapper, .showHold img {
  -moz-box-shadow:none;
}

.launchSite, .launchSite a {  font-size:12px;  text-transform:uppercase;}
.launchSite a:hover {color:#666;}

/*-----------------------Newsticker------------------------*/
#newsticker {
  float:right;
margin-right:100px;
margin-top:-225px;
position:relative;
width:300px;
z-index:100;
}
#newsticker a {
  float:left;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
}
.newsticker-jcarousellite {  width:300px;}
.newsticker-jcarousellite ul li {
  list-style:none;
  display:block;
  padding-bottom:1px;
  margin-bottom:5px;
  border-bottom:1px solid #efefef;
}
.newsticker-jcarousellite .info {  float:left;  width:230px;}
.newsticker-jcarousellite p {
  float:left;
  font-size:13px;
  font-style:italic;
  font-weight:normal;
  color:#999;
  margin:0;
  padding:0;
}

/*-----------------------Slideshow------------------------*/
.slideshow {
  height: 640px;
  width: 1018px;
  margin:-68px auto auto;
}
.slideshow img {
  margin:0;
  padding:0;
}
.slideshowNavPrev {
  left:233px;
  position:absolute;
  top:44px;
  left:0px;
  z-index:1000;
}
.slideshowNavNext {
  position:absolute;
  top:44px;
  right:0px;
  z-index:1000;
  right:0px;
}
#prev2 {
  background:url(/ca_twopointo_cms_tt/images/40pxlshift_up_over_left.png) no-repeat;
  height: 308px;
  width: 33px;
  display: block;
  text-indent: -10000px;
}
#next2 {
  background:url(/ca_twopointo_cms_tt/images/40pxlshift_up_over_right.png) no-repeat;
  height: 308px;
  width: 33px;
  display: block;
  text-indent: -10000px;
}
#prev2:hover {
  background:url(/ca_twopointo_cms_tt/images/40pxlshift_up_over_left.png) no-repeat -40px 0px;
}
#next2:hover {
  background:url(/ca_twopointo_cms_tt/images/40pxlshift_up_over_right.png) no-repeat -40px 0px;
}

.slideTextBoxTop {
  float:left;
  text-transform:uppercase;
  margin-bottom:6px;
  margin-top:25px;
  margin-left:500px;
  width:315px;
}
.slideTextBoxTop h3 {
  border:medium none;
  color:#CCCCCC;
  float:left;
  font-size:30px;
  font-weight:normal;
  line-height:24px;
  margin:0 15px 0 0;
  padding:0;
}
.slideTextBoxTop h4 {
  border-bottom:medium none;
border-top:2px solid #435f79;
color:#efefef;
font-size:18px;
font-weight:normal;
margin:0 0 0 45px;
padding:0;
  }

.slideTextBoxLeft {
  float:left;
  margin-left:35px;
  margin-right:40px;
  width:420px;
margin-top:350px;
}
.slideImg {
  height:740px;
  width:1000px;
}
/*.launchSlide {
  display:none;
  float:left;
  height:305px;
  margin-bottom:20px;
  margin-left:220px;
  margin-top:19px;
  width:500px;
}
.launchSlide:hover {
  background: url(/images/icon-details-launch.png) no-repeat center;
  cursor:default;
}
.launchSlideHover {
  background:url(/images/icon-details-launch-hover.png) no-repeat center;
  height:130px;
  margin:87px 0 0 135px;
  width:230px;
  cursor:pointer;
}*/
.launchButton {
  background:url("/images/icon-launch-button.jpg") no-repeat;
  float:left;
  height:23px;
  width:98px;
}
.launchButton:hover {
  background-position: -95px 0;
  cursor:pointer;
}
.detailsButton {
  background:url(/images/icon-details-button.jpg) no-repeat;
  width:101px;
  margin-right:20px;
  height:23px;
  float:left;
}
.detailsButton:hover {
  background-position: -101px 0;
  cursor:pointer;
}


/*-----------------------Tabbed Slider Section------------------------*/
#scroller-header a {
  font-family:verdana, arial, sans-serif;
  font-size:16px;
  font-weight:bold;
  padding:0 30px 0 0;
  margin: 0 65px 0 0;
  text-decoration:none;
  color:#666;
  background:url(/images/icon-small-two-hover.jpg) no-repeat right center;
}
#scroller-header a:hover {
  color:#666;
  background:url(/images/icon-small-two.jpg) no-repeat right center;
  text-decoration:none;
}
a.selected {
  text-decoration:none !important;
  color:#4b412f !important;
  background:url(/images/icon-small-two.jpg) no-repeat right center !important;
}
#scroller-header {
  border-bottom:1px solid #eee;
  border-top:1px solid #eee;
  height:24px;
  margin:120px 0 0;
  padding:5px 0;
  width:910px;
}
#scroller-body {
  width:910px;
}
#mask {
  margin:0 auto;
  overflow:hidden;
  width:910px;
}
#panel {
}
#panel div {
  float:left;
  height:340px;
}
/* Extra styling for each panel*/

#panel ul {
  list-style:none;
  margin:0;
  padding:0;
  width:550px;
}
#panel ul li {
  color:#557482;
}
#panel h2 {
  color:#666666;
  font-size:30px;
  margin-top:25px;
}
#panel h3 {
  font-weight:normal;
  font-size:18px;
  margin-bottom:10px;
  padding-bottom:10px;
}
#panel p {
  color:#666666;
  font-family:Arial, Helvetica, sans-serif;
  
}
#panel ul li.last {
  border-bottom:none !important;
}
#panel-1 { background: url('/images/product-creator.jpg') right top no-repeat;}
#panel-2 {  background: url('/images/product-advocate.jpg') right top no-repeat;}
#panel-3 {  background: url('/images/product-communicator.jpg') right top no-repeat;}
#panel-4 {  background: url('/images/product-asset.jpg') right top no-repeat;}


/*-----------------------Biz Section------------------------*/
#bizInquiry {  width:910px;  }
#bizInquiry p{  font-size: 13px;  border-bottom:1px solid #EEEEEE;  padding-bottom: 8px;}
#bizInquiry h2 {  color:#555;  font-family:verdana, arial, sans-serif;  font-size:16px;  padding:5px 0;  border-bottom:1px solid #eee;  border-top:1px solid #eee;
}

.bizColumn {
  margin:30px 20px 0;
  width:166px;
  height:300px;
}
.bizColumn h3 {
  color:#336699;
font-size:15px;
font-weight:bold;
line-height:16px;
}

.bizColumn h3 img {
margin:0 0 -20px 50px;}


/*-----------------------Footer------------------------*/
#footer {
  width:100%;
  margin:60px 0 0;
  border-bottom:1px solid #DDDDDD;
  border-top:1px solid #DDDDDD;
  padding:10px 0;
  float:left;
}
#footer p {
  display:inline;
  padding-right:10px;
}

#footerMainNav {  margin-bottom:10px;}
#footerMainNav li, #footerMainNav li ul {  display:inline;  font-size:12px;font-weight:bold;}
#footerTerms a {	  margin: 0 10px;}
#footerMainNav li, #footerMainNav li a {  margin-right:10px;}


.showcaseHold {  width:750px;   margin-top:20px;  margin-bottom:40px;  }
.showcaseText {  margin-left:30px;  padding-top:330px;  }
.showcase {  }
.showcase2 {  background:url(/images/showcase-2.jpg) no-repeat;}
.showcase3 {  background:url(/images/showcase-3.jpg) no-repeat;}
.showcase4 {  background:url(/images/showcase-4.jpg) no-repeat;}
  
/*.launchSlideShowcase {
  display:none;
height:300px;
margin-bottom:20px;
margin-left:120px;
margin-top:0;
width:530px;
}

.launchSlideShowcase:hover {
  background: url(/images/icon-details-launch.png) no-repeat center;
  cursor:default;
}

.launchSlideHoverShowcase {
  background:url(/images/icon-details-launch-hover.png) no-repeat center;
  height:130px;
  margin:85px 0 0 150px;
  width:230px;
  cursor:pointer;
}*/

.productHold {  width:375px;   margin:50px 35px 40px 35px;  }
.productPage, .detailPage {  width:750px;   margin-top:14px;}
.productPage ul li{font-size:12px;margin:0 0 10px; } 
.detailPage ul li{margin:0 0 10px;  }
.productPage ul li p, .detailPage ul li p{margin:0 0 20px;padding:0 0 5px;}
.productPage ul li h5, .detailPage ul li h5 {  float:none;  font-size:14px;  margin-bottom:10px;  font-weight:bold;}
.productPage ul li h3, .detailPage ul li h3 {border-bottom:1px solid #EFEFEF;color:#436C98;line-height:21px;margin:0 10px 10px 0;padding:0 0 5px 0;}
.productDetail {margin-top:10px;width:205px; }
.productImageColumn {  width:300px;  margin-top:115px;  float:left;}
.productImageColumn img {  margin:0 0 20px 50px;}
  
ul.blueArrow li {  background:url(/images/icon-small-blue-arrow.jpg) no-repeat left top;  padding:0px 15px 0px 15px;}
ul.blueArrow {height:200px;width: 172px;margin: 5px;border-right:1px solid #EFEFEF;}
ul.blueArrow li.clientLogo {list-style:none;background: none;padding:0 0 0 0px;margin: 0px 0px 0px 0px;width:172px;}

#detailPageSlider {border:1px solid #EFEFEF;height:440px;}
#detailPageSliderNav {font-size:12px;font-weight:bold;height:30px;margin-left:-15px; }
#detailPageSliderNav a {border-right:1px solid #EEEEEE;color:#CCCCCC;padding:0 15px;}
#detailPageSliderNav a.activeSlide { background: #fff; color:#666; }
#detailPageSliderNav a:focus { outline: none; }

.pics { height: 440px; width: 750px; padding:0; margin:0; overflow: hidden }
.pics img { height: 440px; width: 750px; top:0; left:0 }

.showcaseSmall, .aboutUsRow {border-bottom:1px solid #EFEFEF;float:left;margin:20px 0 25px;padding:0 0 20px;}
.aboutUsRow p {  float:left;  width:650px;}
.showcaseSmallPic {  width:340px;  height:199px; }
.showcaseSmallText { float:left;margin:0 0 0 25px;overflow:hidden;width:395px;}

.formUl {
background:none;
border:none;
list-style-type:none;
margin:0;
width:500px;
padding:0px;
-moz-box-shadow: none; 
-webkit-box-shadow: none; 
-webkit-transition: all 0.1s ease-out;
}

.formUl li {
  margin:0;
  padding:0;}
  
  
#formWrapper input {
color:#A2A2A2;
margin-bottom:20px;
font-size:11px;
font-weight:bold;
margin-bottom:15px;
margin-right:20px;
background:none repeat scroll 0 0 #F9F9F9;
border:1px solid #DDDDDD;
padding:0 5px;
width:230px;}


#formWrapper textarea {
color:#a2a2a2;
background:none repeat scroll 0 0 #F9F9F9;
border:1px solid #DDDDDD;
float:left;
font-size:11px;
font-weight:bold;
padding:5px;
height:150px;
width:230px;}

.buttonRight {  background:blue;  color:#fff;}
  
label {color:#5A6A9A;  margin:10px 10px 10px 0;  width:200px;}

.serverSideError {color:red;font-size:12px;height:50px;}

  
  /*-----------------------Toggle Section ------------------------*/
ul.services  {  margin-top:10px;width:185px;}
ul.services li {  margin:0 0 15px;}
.servicesIcon {  margin-bottom:-12px;margin-right:10px;}
li.toggle:hover {  position:relative;  top:1px;  cursor:pointer;  color:#222;  }	
li.toggle:active {  position:relative;  top:2px;  cursor:pointer;  }	
.togglebox {  overflow:hidden;padding-left:42px;width:120px;font-size:13px;}
.togglebox .block {  padding: 20px;}
li.toggle {color:#555555;font-size:14px;}


.detailMainContent {width:100%;height:425px;}
.detailMainContent p {width:500px;}
.tyraBackground {background:url(/images/details-medium-tyra.jpg) right top no-repeat;}
  
  /*-----------------------Facebook Social Plugin------------------------*/
#facebookPluginHold { display: none;width: 270px;padding: 10px 10px 10px 10px;}
#facebookPluginTitle {
  padding: 10px 10px 10px 10px;
  background-color: #6D84B4;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #6D84B4;
}
#facebookPluginTitle:hover {
  color: #fff;
  background-color: #59719F;
  cursor: pointer;
  border-bottom: 1px solid #6D84B4;}
#facebookLoginWrapper {
  margin: 35px 0px 0px 15px;
  width: 165px;}
#facebookWrapper {
  position: fixed;
  bottom: 0px;
  right: 0px;
  border-left: 1px solid #3F6999;
  border-top: 1px solid #3F6999;
  border-right: 1px solid #3F6999;
  background-color: #ffffff;
  z-index: 10000;
}


.headerSubPages {
  background:url(/images/bg-header-sub-pages.jpg) no-repeat;
  height:86px;
  width:1000px;
  margin:-36px 0 0 0;}
  
.headerSubPages h1 {
  color:#666666;
  padding-top:20px;
  margin-left:500px;
  font-size:11px;
  text-transform: uppercase;
  font-weight:normal;
  letter-spacing:1px;
}
  
.headerSubPages h2 {
border-bottom:medium none;
  text-transform: uppercase;
border-top:2px solid #49749b;
padding-top: 5px;
margin-top: 5px;
width: 300px;
font-size:15px;
font-weight:normal;
  color:#aaaaaa;
  margin-left:500px;
  }
.tagline {  border-left:1px solid #666;padding: 5px 0px 0 25px;margin-top:35px;font-size:14px;letter-spacing:0.5px;}
.confirmWrapper {  width:540px;  font-family:Verdana, Geneva, sans-serif;  line-height:20px;  margin:150px auto 0;  text-align:center;}
.confimWrapper a, .confirmWrapper a:visited {color:#5A6A9A;}
.confirmWrapper a:hover {color:#666;}
.column h5, .column h2, .column h3{float:left;border:none;line-height:20px;margin:0 ;text-shadow:0 1px 0 #FFFFFF;padding:0 0 0 30px;;width:100%;}
.column h2 {color:#555;font-size:15px;margin-top:10px;font-weight:normal;}
.column h3 {color:#555;font-size:15px;font-weight:normal;}
.column h5 { color:#777;font-size:15px;font-weight:normal;margin-bottom:10px;}
.column {float:left; width:475px;}

.googleMap {	margin:0 0 25px 25px;}

#legalCopy p{
       font-size: 10px;
}

#creatorDiv {
	width:759px;
	height:720px;
	float:left;
	background:url(/ca_twopointo_cms_tt/images/bg-creator-div.jpg) no-repeat;}
	
.creatorScreen {
margin:0 0 0 20px;
width:230px;
float:left;
	}
	
.creatorText {
	float:left;
font-size:14px;
margin-left:20px;
font-weight:bold;
margin-top:-170px;
width:470px;
	}