/*calm digital default stylesheet*/
/*All design and combination of ideas are copyright 2005 calm asylum communications and may not be reproduced.*/
/* Last updated: 01.12.05 */

body {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size:0.7em;
	color: #000000;
	margin: 0px;
	background:#FCFCFC url("../images/main_bg.gif") repeat-x top;
}

p.date {
   color:#666;
   font-size:90%;
   margin:3px 0;
}

#testimonial-content p {
    margin:5px 0;
}

#testimonial-content p.testimonial-description {
    margin:0 0 15px 0;
}

a img {
    border:none;
}

img.feed-icon {
    float:right;
}


a:link, a:visited {
	text-decoration:underline;
	color: #0066CC;
}
a:hover, a:active {
	text-decoration: none;
	color:#336699;
}

.quote, .pullquote {
    font-style:italic;
}

.discreet {
    color:#9f9f9f;
}

.callout {
    font-weight:bold;
}

.alignCenter {
    text-align:center;
}

.alignRight {
    text-align:right;
}

h1 {
	font-size:120%;
}

h2 {
    font-size:110%;
}

h3 {
    font-size:100%;
}

h4 {
    font-size:90%;
}

h1, h2, h3, h4 {
    text-transform:uppercase;
}

p.description {
    font-weight:bold;
}

acronym {
 	border-bottom:1px dashed #336699;
	cursor:help;
}

/*-------------------site layout----------------------*/
#container {
	position:relative;
	margin: 0 auto;
	text-align:left;
	width:860px;
	background: url("../images/top.jpg") no-repeat top;
	padding-top:38px;
}

#wrapper {
	background: url("../images/bottom.gif") no-repeat bottom;
padding-bottom:175px;
}

/*-------------------topnav------------------------*/
#topnav{
	position:relative;
	margin: 0 auto;
	text-align:right;
	width:700px;
	padding:5px 0;
}

#topnav a {
	color:#666666;
}

#topnav li {
	display:inline;
	margin-left:10px;
}

#topnav ul {
	margin:0px;
}


#topnav li.hidden {
    display:none;
}

/*-------------------header------------------------*/
#header {
	height:330px;
	background:url("../images/header.gif") no-repeat left top;
}

#flash {
	float:left;
	width:480px;
}

/*-----------------content area------------------------*/
#contentArea {
	margin:0px 24px 0px 85px;
	background:url(../images/maincontent.gif) repeat-y right top;
		padding-top:10px;
}

* html #contentArea {height:1%}

#contentArea #casestudies h2 {
	margin-top:0px;
	line-height:0px;
    font-size:0;
	text-indent: -10000px;
}

#contentArea #navnews h2 {
	margin-top:0px;
	line-height:0px;
    font-size:0;
	text-indent: -10000px;
}

#maincontent {
    background:none;
    text-align:left;
    line-height:1.5em;
    font-size:110%;
}

#menu {
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-left:80px;
}

#menu ul{
	margin:0px;
	margin-left:-56px;
}

#menu ul li{
	text-transform:uppercase;
	text-align:center;
	margin: 0;
	padding: 0;
	display: block;
	float:left;
	margin-left:5px;
}

#menu ul li a {
	color:#FFFFFF;
	background-color: transparent;
	text-decoration : none;
	font-weight: bold;
	display: block;
	background: url(../images/menu_bg.gif) no-repeat left top;
	height: 30px;
	width: 106px;
	line-height: 30px;
	margin:0px;
}

#menu ul li a.extended {
    width: 150px;
	background: url(../images/menu_bg-extended.gif) no-repeat left top;

}

#menu a:hover {
	color:#99CC66;
}

#content {
	width:275px;
	text-align:justify;
	float:left;
}


#calltoaction {
    width: 100%;
}

#calltoaction .action {
    float:left;
    padding-right: 30px;
}

#calltoaction .last {
    float:left;
    padding-right: 0;
}


/*---------------------footer-----------------------------*/
#end {
	clear:both;
	width:275px;
	margin-left:0px;
}
#end ul {
	margin:0px;
	margin-left:-40px;
}
#end ul li {
	white-space : nowrap;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:5px;
	list-style:none;
}

#end a {
	color:#999999;
}


#footer {
	padding:25px 0px 0px 120px;
	clear:both;
	position:relative;
	top:-110px;
	margin:0 auto;
	width:720px;
}

#footer #bottom-buttons .button {
    float:left;
}

/*---------------------casestudies-----------------------*/

#casestudies {
	width:220px;
	float:left;
	color:#333333;
	padding:0px 20px 0px 10px;
	position: relative;
}

#casestudies a.rss {
    position:absolute;
    right: 20px;
    top:0;
}

#casestudies a{
	text-align:right;
	color:#336699;
	font-weight:bold;
}

#casestudies h2 {
	background: url(../images/casestudies.gif) no-repeat top left;
	height:44px;
	margin-bottom:10px;
}

.casetitle {
	font-size:140%;
	line-height: 20px;
	font-weight:bold;
}
.caseicon {

}
.casetext {
	margin:10px 0px;
	padding-bottom:5px;
	clear:both;
	border-bottom:1px dotted #999999;
}


/*---------------------homenews-----------------------*/

#navnews {
	width:220px;
	float:left;
    position: relative;
	color:#333333;
	padding:0px 20px 0px 10px;
}

#navnews a.rss {
    position:absolute;
    right:20px;
    top:0;
}

#navnews a{
	text-align:right;
	color:#336699;
	font-weight:bold;
}

#navnews h2 {
	height:44px;
	margin-bottom:10px;
	background: url(../images/headlines.gif) no-repeat top left;
}

.casetitle {
	font-size:140%;
	line-height: 20px;
	font-weight:bold;
}
.caseicon {

}
.casetext {
	margin:10px 0px;
	padding-bottom:5px;
	clear:both;
	border-bottom:1px dotted #999999;
}



/*--------------------headlines----------------------*/
#news {
	width:180px;
	float:left;
}

#news p {
	border-bottom:1px dotted #999999;
	padding-bottom:5px;
}

.newsdate{
	color:#336600;
}

#news a {
	color:#000000;
	text-decoration:none;
}

#news a:hover{
	color:#333333;
	text-decoration:underline;
}

#news h2 {

	height:44px;
}

/*-------------------------navigation----------------------------*/

#navbox {
	float:left;
	background: url(../images/navigation/nav2.gif) no-repeat top right;
	width:250px;
	margin-left:80px;
}

#navbox ul{ margin:0px; padding:0px;}

ul#nav {
    list-style-type:none;
    line-height:0px;
    font-size:0;
	width:235px;
	height:330px;
}

ul#nav li { text-indent: -10000px; margin-left:18px;}
ul#nav li a { display: block; text-decoration:none; }

a#nav-design { background: url(../images/navigation/design.gif) no-repeat; height:40px; width:150px; margin:0px;}
a#nav-development { background: url(../images/navigation/development.gif) no-repeat; height:18px; width:195px;}
a#nav-cms { background: url(../images/navigation/cms.gif) no-repeat; height:35px; width:230px;}
a#nav-ecommerce  { background: url(../images/navigation/ecommerce.gif) no-repeat; height:31px; width:230px;}
a#nav-accessibility { background: url(../images/navigation/accessibility.gif) no-repeat; height:26px; width:190px;}
a#nav-creative { background: url(../images/navigation/creative-services.gif) no-repeat; height:28px; width:240px;}
a#nav-marketing { background: url(../images/navigation/marketing.gif) no-repeat; height:42px; width:240px;}
a#nav-optimisation { background: url(../images/navigation/optimisation.gif) no-repeat; height:17px; width:211px;}
a#nav-hosting { background: url(../images/navigation/hosting.gif) no-repeat; height:35px; width:240px;}
a#nav-viral { background: url(../images/navigation/viral.gif) no-repeat; height:29px; width:240px;}


a#nav-design:hover, a#nav-design.active, a#nav-development:hover, a#nav-development.active, a#nav-linkbuilding:hover, a#nav-linkbuilding.active,
a#nav-marketing:hover, a#nav-marketing.active, a#nav-cms:hover, a#nav-cms.active,
a#nav-optimisation:hover, a#nav-optimisation.active, a#nav-hosting:hover, a#nav-hosting.active, a#nav-ecommerce:hover, a#nav-ecommerce.active, a#nav-creative:hover, a#nav-creative.active, a#nav-viral.active, a#nav-viral:hover
{ background-position:0 -40px; }

 a#nav-accessibility:hover, a#nav-accessibility.active { background-position:0 -40px; }

.hide {
	display:none;
}

/*--------------------newsstuff-------------------------*/
#newsheadlines {
	border-bottom:1px dashed #666666;
	margin-bottom:10px;
}

#newsheadlines h2{
	background: url(../images/headlines2.gif) no-repeat top left;
	height:20px;
	margin:20px 0px 10px 0px;
}

#newsheadlines h5 {
	font-size:100%;
	margin:0px 0px 5px 0px;
	font-weight:bold;
}

.news {
	padding:5px;
	border-top:1px dashed #666666;
}


.news:hover {background:#ADD684;}
.news a {text-decoration:none; font-weight:bold;}

#wrapper {
	background: url("../images/bottom_page.gif") no-repeat bottom;
}
#contentArea {
	background:url(../images/maincontent_page.gif) repeat-y right top;
}
#content {
	width:500px;
    float:left;
}



#share {
    float:right;
    padding: 5px 25px;

}

#right-content {
    float:right;
    width:230px !important;
    padding-right: 10px;
}

.signup {
    position:absolute;
    z-index: 20;
    left: -5px;
    top: 20px;
    padding: 5px;
    text-align: left;
    background-color: #333;
}

.signup a {
    color: #fff !important;
    text-decoration: none;
}


#livesearch_box {
	width: 180px;
    position:absolute;
    z-index: 20;
    left: -5px;
    top: 20px;
}

#livesearch_box label {
    color: #333;
    font-size: 110%;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 8px;
    float:left;
}

#livesearch_box input {
    border: 1px solid #7c7c7c;
    color: #7c7c7c;
    float:left;
    margin-right: 5px;
}

#livesearch_box #submit {
    border: 0;
    width: 19px;
    height: 18px;
    background:url(../images/addressGo.gif) repeat-y right top;
    float:left;
}

#links {

}

#links ul {
    padding-left: 12px;
}

#links ul li {
    padding: 3px 0;
}

#livesearch_box .hidden{
    display: none !important;
}


#end {
clear:both;

}

.success,
.msginfo,
.msgerror{
 background-position:10px 50%;
 background-repeat:no-repeat;
 padding: 5px 20px 5px 35px;
 border-width:2px 0px;
 border-style:solid;
 position:relative;
 height:1%;
 color:#000;
}
.msgerror{
 background-color:#fff6bf ;
 background-image:url(../images/icons/exclamation.gif);
 border-color:#ffd324;
}
.msginfo {
 background-color:#F8FAFC ;
 background-image:url(../images/icons/information.gif);
 border-color:#B5D4FE;
}
.success{
 background-color: #ebf4e6;
 background-image:url(../images/icons/accept.gif);
 border-color:#72B95B;
}
.msgerror h2{color:#E25F53; margin:0}
.msgerror ul{margin:0}

/* TEXT EDITOR */
body#maincontent {
    background:#fff;
    text-align:left;
    font-size:12px ;
    margin:5px ;
    width:auto ;
    padding:0;
}