/*

Site Colors:

bg - #303030

----------------------------------------------- */

@import "flexible_buttons.css";

html body {
  margin:0  padding:0;
  background:#303030 url("images/ani_per_bg.gif") repeat-y center top;
  text-align:center;
  font:small "Century Gothic",Verdana,Tahoma,Sans-Serif;
  line-height:10pt;
  color:#333;}
  
body.pop {
  background:#F5EDE3;
  }

/* Page Structure
----------------------------------------------- */
#body {
  width:850px;
  padding:20px 0 15px;
  margin:0 auto;
  text-align:justify;
  left:-20px;
  }

#body_"intro {width:850px;
  			 padding:0 0 0;
  			 margin:0 auto;
  			 text-align:justify;
			 left:-20px;}
    
.pop #body {
  width:auto;
  padding:10px 15px 15px;
  }

#main {
  background:#fff url("../img/c_top.gif") no-repeat left top;
  padding-top:15px;
  float:left;
  width:100%;
  }

#m2 {
  background:url("../img/c_bot.gif") no-repeat left bottom;
  padding-bottom:15px;
  float:left;
  width:100%;
  }
#m3 {
  border:5px solid #E1D4C0;
  border-width:0 5px;
  padding:0 15px;
  float:left;
  width:670px;
  }
.pop #main, .pop #m2, .pop #m3 {
  background:none;
  padding:0;
  margin:0;
  border-width:0;
  }

#primary {
  width:400px;
  float:left;
  margin-right:20px;
  }
body.sp #primary {
  float:right;
  margin-right:0;
  }
#secondary {
  width:245px;
  }
body #secondary {
  float:right;
  }
.sp #secondary {
  float:left;
  padding-right:20px;
  }

#newsblock {
  float:left;
  width:395px;
  padding-left:20px;}
  
#promoblock {
  float:right;
  width:245px;
  padding-right:20px;
  }
  
#addedblock {margin:0 20px;}

#sidebar {display:none;}
.ms #main-wrap, .sm #main-wrap {width:490px;}
.ms #sidebar, .sm #sidebar {width:200px; display:block;}
.ms #main-wrap, .sm #sidebar {float:left;}
.ms #sidebar, .sm #main-wrap {float:right;}
.ms #main, .sm #main {
  background-image:url("../img/c490_top.gif");
  float:left;
  width:490px;
  }
.ms #m2, .sm #m2 {
  background-image:url("../img/c490_bot.gif");
  }
.ms #m3, .sm #m3 {
  width:450px;
  }

/** Random Content
-----------------------------------------------*/

.group1 {visibility: hidden;}

/** Mobile
-----------------------------------------------*/

#cs {background-color:#ffffcc;
	 border:1px solid #cccccc;
	 width:650px;
	 padding:20px 0 15px;
	 margin:0 auto;
	 text-align:justify;
	 padding:2px;}
  
/* Links
----------------------------------------------- */
a {
  font-weight:bold;
  color:#36c;
  }
  
a:hover {text-decoration:underline;
  		 color:#f60;}
  
a img {border-width:0;}

a#services {
  text-decoration:none;
  font-weight:normal;
  color:#36c;}
  
a#services:hover {
  text-decoration:underline;
  color:#f60;
  }

a#privacy {
  text-decoration:none;
  font-weight:normal;
  color:#36c;
  }
  
a#privacy:hover {
  text-decoration:underline;
  color:#f60;
  } 
  
a#services1 {
  text-decoration:none;
  font-weight:normal;
  font-size:8pt;
  color:#36c;}
  
a#services1:hover {
  text-decoration:underline;
  font-weight:normal;
  font-size:8pt;
  color:#f60;
  }
   
/* Header
----------------------------------------------- */
html #header {
  position:relative;
  top:0;
  border-width:0;
  padding:0;
  }

/* Header/Footer Links
----------------------------------------------- */
a#hLinks {text-decoration:none;
  font-weight:normal;
  font:7pt "Century Gothic",Verdana,Tahoma,Sans-Serif;
  text-align:right;
  color:#3C3B51;
  }
  
a#hLinks:hover {
  text-decoration:underline;
  font:7pt "Century Gothic",Verdana,Tahoma,Sans-Serif;
  text-align:right;
  color:#f60;
  }
  
/* Header/Footer Masthead Links
----------------------------------------------- */
#header1    {position:relative;
			 left:-4.5px;
			 top:-20px;
			 border-width:0;
			 padding:0;}

a#masthead {text-decoration:none;
		    font-weight:normal;
		    font:8pt "Century Gothic",Verdana,Tahoma,Sans-Serif;
			font-weight:bold;
		    text-align:right;
		    color:#ffffff;}
  
a#masthead:hover {text-decoration:none;
				  font-weight:normal;
				  font:8pt "Century Gothic",Verdana,Tahoma,Sans-Serif;
				  font-weight:bold;
				  text-align:right;
				  color:#ffff00;}  

a#mastheadt {text-decoration:none;
		     font-weight:normal;
		     font:7pt "Century Gothic",Verdana,Tahoma,Sans-Serif;
		 	 font-weight:normal;
		     text-align:right;
		     color:#0054a6;}
  
a#mastheadt:hover {text-decoration:none;
				   font-weight:normal;
				   font:7pt "Century Gothic",Verdana,Tahoma,Sans-Serif;
				   font-weight:normal;
				   text-align:right;
				   color:#0d004c;}
				  
/* Gallery
----------------------------------------------- */
body.gal {background:#3d7bbb url("images/ani_bg.gif") repeat-y center top; font:10px/16px verdana; color: black; text-align:center;} 
a {color:#000000;}
a:hover {color:#3d7bbb;}
div {margin:20px;}
#pic {border:1px solid black;}
#pic:hover {border:1px solid #cc0000;}
#heading {font-size:9pt;
	font-weight:bold;}

/** Random Content
-----------------------------------------------*/

#get_started {position:relative; 
			  left:250px;
			  top:10px;}

#get_started1 {position:relative; 
			  left:140px;
			  top:10px;}
			  
/** Newsletter Promo Image
-----------------------------------------------*/

#newsletter {position:relative; 
			  left:10px;
			  top:-7px;
			  padding:10px;
			  float:right;}
			  
/* Featured Site
----------------------------------------------- */
#fSite {
  position:relative;
  left:-70px;
  width:400px;
  padding:0 0 15px;
  margin:0 auto;
  text-align:justify;
  font:x-small "Century Gothic",Verdana,Tahoma,Sans-Serif;
  line-height:12pt;
  color:#000;
  }

/* Nav
----------------------------------------------- */
.nav {
  margin:0 0 9px;
  }
.nav strong, .nav a {
  float:left;
  width:80px;
  margin-right:10px;
  }
#navtour strong, #navtour a {
  margin-right:14px;
  width:70px;
  }
#navtour strong.last, #navtour a.last {
  margin-right:0;
  }
.nav a:hover {
  background:#fff;
  }
.nav strong img, .nav a img {
  display:block;
  }


/* Titles
----------------------------------------------- */
h1 {
  margin:0 0 15px;
  font-size:220%;
  line-height:1.2em;
  font-weight:normal;
  color:#666;
  }
#home h1 {
  font-size:240%;
  }
h1 strong {
  color:#000;
  }
h1 em {
  font-style:normal;
  font-weight:bold;
  color:#f60;
  }
h2 {
  margin:1em 0 .5em;
  font-size:130%;
  line-height:1.3em;
  color:#826C55;
  font-weight:normal;
  }
.first {
  margin-top:0;
  }
#main h2 strong {
  color:#f60;
  }
#sidebar .mod h2, #addedblock h2 {
  margin-top:0;
  color:#333;
  }
#sidebar h2 strong, #addedblock h2 strong {
  color:#826C55;
  }
#sidebar .bmod h2 {
  margin-top:0;
  color: white;
}
#sidebar .bmod h2 strong {
  color: #036;
}
h3 {
  margin:1em 0 .25em;
  padding:.25em 0;
  font-size:93%;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#BAA68E;
  }
h4 {
  margin:1em 0 .25em;
  font-size:100%;
  }

.pop h1 {
  font-size:160%;
  margin-bottom:.5em;
  }
.pop h2 {
  font-size:110%;
  }

/* Tab
----------------------------------------------- */

#tab {
  background: white url("../img/t_mid.gif") top;
  margin-top:-33px;
  margin-bottom:10px;
}

#t2 {
  background: url("../img/c_bot.gif") bottom left no-repeat;
}
 
#t3 {
  background: url("../img/t_top_s.gif") top left no-repeat;
  padding:10px 20px 10px 30px;
  margin:0;
}

#tab h1 {
  font-size:150%;
  _font-size:130%;
  position:relative;
  z-index:3;
  width:240px;
  margin:0;
  padding:0;
  height:30px;
}

#tab h3 {
  margin:0;
  padding:0;
  color: #666;
  background:#fff;
  line-height:18px;
  _position:relative;
}

#tab h3 strong {
  color:#000;
}

#tab ul {
  margin:0;
  padding:0;
  position:relative;
  overflow:hidden;
  list-style:none;
}

#tab li {
  display:block;
  position:relative;
  background:none;
  padding:0;
  margin:0;
  line-height:18px;
  height: 18px;
  width:100%;
  overflow:hidden;
  float:left;
  clear:left;
}

/* Tables
----------------------------------------------- */
table {}
  
/*th, td {
  border-top:1px solid #CABBA9;
  border-width:1px 0 0 0;
  padding:5px 10px;
  font-size:93%;
  line-height:1.5em;
  }
th {
  background:#fff;
  padding-left:5px;
  font-size:100%;
  color:#664E38;
  text-align:left;
  } */
  
.head th {
  background:#036;
  border-width:0;
  padding-left:10px;
  padding-top:3px;
  padding-bottom:3px;
  text-transform:uppercase;
  vertical-align:bottom;
  color:#fff;
  font-size:85% !important;
  font-size:10px !important;
  line-height:1.2em;
  white-space:normal;
  }
  
.head th.first {
  padding-left:5px;
  }

.date, .time, .num {
  text-align:right;
  }

.date, .time {
  white-space:nowrap;
  }

tr .icon {
  padding-left:5px;
  padding-right:5px;
  text-align:center;
  width:4%;
  }

td.icon {
  background:#fff;
  }

td.noposts {
  text-align:center;
  font-size:150%;
  }

th.shadowed,
td.shadowed {
  color:rgb(102, 102, 102);
  }

#sb_table {
  border-width:0;
  color:#fff;
  width:600px;
  margin:0 auto;
  text-align:justify;
}

/* Case Studies
--------------------------------*/ 
#caset {font-size:9pt;
		font-weight:bold;
		color:#000000;} 
		
#case  {font-size:8pt;
		font-weight:normal;
		color:#000000;}

#caseb {font-size:8pt;
		font-weight:bold;
		color:#000000;}  
  
/* BUTTON: "Create a blog" 
--------------------------------*/          
#create-btn {
    margin-left:0px !important;
    width:184px;
    margin-top:5px;
  }
  
#create-btn .i {
    _line-height:0;
  }
  
#create-btn p {
    margin-left:-3px !important; 
    margin-top:-5px !important;
    padding-bottom:.1em !important;
    font-size:13px !important;
    line-height:13px !important;
    
    /* IE */

    _padding-top:2px !important;
    _margin-top:-4px !important;
    _line-height:10px !important;
  }

html>body #create-btn p {
    padding-top:2px !important;
    margin-top:-4px !important;  
    line-height:81% !important;
    
    /* TODO: remove after fix for 1px artifacts are found */
    line-height:70% !important;
  }
  
#create-btn .b {
    margin-top:-1px !important;
  }


/* BUTTON: "Continue" 
--------------------------------*/
#cont-tour-btn {
  width:105px;
  margin-top:-2px;
  margin-left:-2px;
}  
html>body #cont-tour-btn .i div {
		padding-top:13%;
}  

/* BUTTON: "Back" 
--------------------------------*/
#back-btn {
  width:85px;
  margin-top:-4px;
}  
#back-btn .i div {
  text-align:right;
  padding-right:16px;
  padding-top:15px;
  _padding-top:14px;
}

/* News
----------------------------------------------- */
.news dt a {
  color:#000;
  text-decoration:none;
  font-weight:bold;
  }
.news dt a:hover {
  text-decoration:underline;
  }
#home .news dd {
  margin-bottom:0;
  }
.posted {
  color:#BAA68E;
  font-style:normal;
  margin-right:.5em;
  }

/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:250px 0 0;
  background:transparent url("images/ani_footer.gif") no-repeat center bottom;
  /*position:absolute;
  bottom:500px;*/	
  height:100%;
  overflow:hidden;
  padding-bottom:176px;
  z-index:-1;
  }

/* Buttons
----------------------------------------------- */
button
  {
    padding:0.5em;
    cursor:pointer;
  }

.button	{
	font-family:"Century Gothic" Verdana,Tahoma,Sans-Serif;
	font-size:8pt;
	border:1px solid;
	border-color:#000000;
	/* Border color option #0054a6; */
	}
  
/* Miscellaneous
----------------------------------------------- */
p {
  margin:0 0 .75em;
  line-height:1.5em;
  }
#newsblock p, #promoblock p, #sidebar p {
  font-size:93%;
  }
p strong {
  color:#000;
  }
ul {
  margin:0 0 1em;
  padding:0;
  list-style:none;
  }
#main ul {
  margin-left:.5em;
  }
#main table ul {
  margin-left:0;
  }
li {
  margin:0 5px .5em;
  padding:3px 5px 5px 12px;
  background:url("images/bullet.gif") no-repeat -3px .45em;
  line-height:1.2em;
  }
dl {
  margin:0;
  font-size:93%;
  line-height:1.5em;
  }
dt {
  float:left;
  margin-right:.5em;
  }
dd {
  margin:0 0 .75em 0;
  }
.nowrap {
  white-space:nowrap;
  }
form {
  margin:10px;
  position:absolute;
  left:350px;
  }
.txt {
	font-family:"Century Gothic" Verdana,Tahoma,Sans-Serif;
	font-size:8pt;
  	color:#000000;
  }
.signUp	{
	font-family:"Century Gothic" Verdana,Tahoma,Sans-Serif;
	font-size:8pt;
	border:1px solid;
	border-color:#0d004c;
	background:transparent;
	}

select	{
	font-family:"Century Gothic" Verdana,Tahoma,Sans-Serif;
	font-size:8pt;
	color:#000000;
	border:1px solid;
	background:transparent;
	}
					 
.next {
  margin:1.5em 0 0;
  text-align:right;
  font-size:93%;
  }
.next input {
  color:#36c;
  text-decoration:underline;
  font-weight:bold;
  }
.back {
  float:left;
  margin:1.5em 0 0;
  font-size:93%;
  }
img.left, p.left {
  float:left;
  margin:0 10px 3px 0;
  }
img.right, p.right {
  float:right;
  margin:0 0 3px 10px;
  }
p.left img, p.right img {
  display:block;
  }
table label {
  margin-right:5px;
  }
label:hover {
  cursor:pointer;
  }
.r {
  clear:both;
  display:block;
  margin:0;
  padding:0;
  height:1px;
  line-height:1px;
  font-size:1px;
  }
.hide {
  visibility:hidden;
  }
.b-msg {
  border: 1px solid black; 
  background-color: #FFF9BF;
  margin-top: 10px;
  margin-bottom:1.4em;
  font-size:95%;
  }
.b-msg p {
  padding: .8em; 
  margin:0;
 }
  
/* Breadcrumb Navigation */
#crumbnav 
  {
    text-align:left;
    border-bottom:solid 1px #F5EDE3;
    margin-bottom:2em;
    font-size:85%;
    padding-bottom:10px;
  }
  
#crumbnav a
  {
    font-weight:normal;
  }

/* Levin image replacement technique */
.voice {
  position:relative;
  overflow:hidden;
  margin:0;
  padding:0;
}

.voice .voice-hide {
  position:absolute;
  top:0;
  width:100%;
  z-index:1;
  background:white;
}

.voice, .voice .voice-hide {
  height:12px;
}