/* Brightspark Stylesheet */
/* author: stewart curry www.irishstu.com */

/* ====================================================================== <<<< Global Definitions */
* {
	margin:0;
	padding:0;
}

img {
	display: block;
	border:0;
}

.divider{width:95%; margin:10px 0 0 0; border-top:1px dashed #ccc; clear:both}
body {
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size:80%;
	background: #14635A url(../img/bg.jpg) repeat-x;
	color:#666;
	margin:0 auto;
	text-align:center;
}

.clear {
	width:100%;
	font-size: 1px;
	line-height: 1px;
	height:1px;
	clear:both;
}

a {
	/*color: #14635A;*/
	color:#009999;
}

a:HOVER {
	color:#C62A47;
}

#mainwrap {
	background:#fff;
	width:740px;
	margin:0 auto;
	text-align:center;
}

.ifl { float:left; margin:0 10px 10px 0; border:1px solid #659DA3; }
.ifr { float:right; margin:0 0 10px 10px ; border:1px solid #659DA3; }


.w100px{width:100px}
/* ====================================================================== >>>> Global Definitions */
/*blog defs*/
.commentDivider{height:2px; background:#D4E9E7; width:100%}

/* ====================================================================== <<<< Header */
#header {
	border-bottom:9px solid #C62A47;
	margin:0 0 1px 0;
}
/* ====================================================================== >>>> Header */


/* ====================================================================== <<<< left column */
#lcol {
	float:left;
	width:555px;
	text-align:left;
}
/* ====================================================================== >>>> left column */

#centerFrame { background: url(../img/centrebg.gif) repeat-y; _height:100px; /* hack for IE6 */ }

/* ====================================================================== <<<< middle */
#content {
	padding:0 15px 0 0;
}`

#homecontent {
	padding:0 10px 0 0;
}

.split {
	float:left; width:47%; margin:0 10px 0 0;
}

/*---------------------------------------------------------------------------------*/
#homeFeature{margin:0; padding:0; background:#C62A47; width:534px;}
#homeFeature .box{margin:14px 5px 0 0; padding:0; width:165px; height:280px; float:left; background:url(../img/bg_homeFeature.gif) repeat-x #F9E7C1}
#homeFeature .box.first{margin-left:14px}
/* */
* html #homeFeature .box.first {margin-left:7px  /* hack for IE */ }
/* */
.dummy { }
#homeFeature .box .hed{margin:5px 5px 5px 10px; border-bottom:1px dotted #A0DFD7}
#homeFeature .box h4{margin:8px 5px 5px 10px; padding:0; color:#025E68; font-size:0.95em}
#homeFeature .box h4 a{text-decoration:none}
#homeFeature .box p{margin:5px 5px 5px 10px; padding:0; font-size:0.95em; line-height:1.2em;}
#homeFeature .bottom{height:60px; clear:both}
/*---------------------------------------------------------------------------------*/
#homeFeature_websites{margin:0; padding:0; background:#C62A47; width:534px;}
#homeFeature_websites .box{margin:14px 5px 0 0; padding:0; width:165px; height:290px; float:left; background:url(../img/bg_homeFeature.gif) repeat-x #F9E7C1}
#homeFeature_websites .box.first{margin-left:14px}
* html #homeFeature_websites .box.first {margin-left:7px  /* hack for IE */ }
.dummy { }
#homeFeature_websites .box .hed{margin:5px 5px 5px 10px; border-bottom:1px dotted #A0DFD7}
#homeFeature_websites .th{margin:5px 0 5px 4px; padding:2px; border:2px solid #ccc}
#homeFeature_websites .box h3{margin:5px; color:#C62A47; font-size:1.2em}
#homeFeature_websites .box h3 a{color:#C62A47; text-decoration:none}
#homeFeature_websites .box h3 img{margin:0 5px 0 0; float:left}
#homeFeature_websites .box h4{margin:8px 5px 5px 10px; padding:0; color:#025E68; font-size:0.95em}
#homeFeature_websites .box h4 a{text-decoration:none}
#homeFeature_websites .box p{margin:5px 5px 5px 10px; padding:0; font-size:0.95em; line-height:1.2em;}
#homeFeature_websites .bottom{height:60px; clear:both}
/*---------------------------------------------------------------------------------*/

#middle { padding:5px 0 20px 20px; }
#homemiddle { padding:5px 0 20px 11px; }

#middle h1 { font-size:1.8em; margin:0 0 5px 0; color:#C62A47;  }
#homemiddle h1.home { font-size: 40px; margin:0 0 20px 10px; color:#C62A47; font-weight:normal; }
#middle h2 { font-size:1.8em; margin:0 0 12px 0; color:#14635A; }
#middle h3 { font-size:1.4em; margin:0 0 10px 0; color:#009999; }
#middle h4 { font-size:1.4em; margin:0 0 10px 0; color:#009999; }
#middle h5 { font-size:1.2em; margin:0 0 10px 0; color:#009999; }
#middle .split h5 { font-size:1.2em; margin:5px 0 0 0; color:#009999; }
#middle h6 { font-size:1em; margin:0 0 10px 0; color:009999; }
#middle h6.alternate {color:#c62a47}

#middle p { padding:0 0 15px 0; line-height:1.3em; }
#middle q { padding:0 10px 10px 0; line-height:1.3em; color:#14635A;  }
#middle acronym, #middle abbr { border-bottom:1px dotted #666699; }

#middle ul { margin:0 0 20px 18px; }
#middle ul li { margin:0 0 10px 0; list-style-image: url(../img/bullet.gif); }
#middle ul ul { margin:5px 0 5px 18px; }
#middle ul ul li {  list-style-image: url(../img/bullet_2.gif); }
#middle ol { margin:0 0 10px 25px; }
#middle ol li { margin:0 0 4px 0; }

#middle dl { margin:0 0 10px 0; }
#middle dt { font-weight: bold; }
#middle dd { margin:0 0 5px 0; }

#middle blockquote { margin:0 0 10px 0; padding:10px 20px; border-left:2px solid #DEDEDE; }

#middle fieldset { border:1px solid #E1DE9A; padding:10px 0; margin:0 0 10px 0; }
#middle legend { margin:0 0 10px 0; color:#14635A; padding:0 5px; font-weight: bold; font-size:1.2em; voice-family:"\"}\""; voice-family:inherit; font-size:1.4em; }


#middle img.screenshot{margin:5px 20px 10px 0; border:3px solid #ccc; float:left}
#middle img.screenshot2{margin:5px 10px 10px 0; border:3px solid #ccc; float:left}


.dummy {}

.formtable { width:490px; color:#14635A; margin:0 10px; border-collapse:collapse; }
.formtable td { border:1px solid #F9F6F6; border-width:1px 0; padding:5px; font-size:0.7em; voice-family:"\"}\""; voice-family:inherit; font-size:1em; }
.dummy {}
.formtable .lbl { width: 140px; padding:8px 10px 2px; vertical-align: top; }
.formtable .inp { width: 340px; padding:5px; vertical-align: top; }
.formtable .alt { background:#F9F6F6; }
.formtable .action { background:#E7DEDE; text-align:center;  }
.formtable tr.error{color:#fff; background-color:#C62A47}

.formtable input, .formtable select, .formtable textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em; width:200px; padding:3px; border:1px solid #AFA9A9; }
.formtable img { background:#659DA3; }
.formtable input:focus, .formtable select:focus, .formtable textarea:focus { border:1px solid #C62A47; font-weight: bold; color:#C62A47; }
.formtable .nb { border: 0; }
.formtable .submitButton { background: #C62A47; color: #fff; font-weight: bold; border:2px outset #FFCCCC; padding:2px 5px; }
.formtable .submitButton:focus { border:2px inset #FFCCCC; color:#FFCCCC; }
#middle #impnote { margin:0 10px; padding:4px 8px; background:#E1DE9A; color:#605923; }
#conformsub { padding:0 10px; text-align:center; }

p.error{padding:3px; color:#fff; background-color:#C62A47}

.datatable { width:520px;  margin:0 0 10px 0;  border-top:1px solid #D4E9E7; border-collapse:collapse; }
.datatable caption { text-align:left; padding:0 0 5px 0; color:#14635A; font-weight: bold; font-size:1.1em; voice-family:"\"}\""; voice-family:inherit; font-size:1.3em; }
.dummy {}
.datatable td { border-bottom:1px solid #D4E9E7; padding:4px 5px; font-size:0.7em; voice-family:"\"}\""; voice-family:inherit; font-size:1em; }
.dummy {}
.datatable td:HOVER  { background:#D4E9E7; }
.datatable th { border-bottom:1px solid #14635A; background:#009999; color:#fff; vertical-align:top; text-align:left; padding:4px 5px; font-size:0.9em; voice-family:"\"}\""; voice-family:inherit; font-size:1.1em; }
.dummy {}
.datatable .alt { background:#F9F6F6; }

/* callout boxes  */
#callout { padding:10px; margin:0 0 20px 0; }
#callout h2 { margin:5px 0 10px 0; color:#fff;  }
#callout h2.blue{color:#14635a}
#callout cite { font-size:0.75em;  font-style: normal;  }

#middle .general { background: #E1DE9A; margin:0 15px 20px 0; padding:10px 10px 20px 20px;}
#middle .general p { color:#099; font-size:1.2em; padding:0; }
.general a { color:#099; border-bottom:1px solid #6cc; text-decoration:none; }
.general a:HOVER { color:#14635A;  border-bottom:1px solid #099; }
.general img { float:right; margin:0 0 0 10px; }

#middle .case { background: #C62A47; margin:0 15px 20px 0; padding:10px 10px 20px 20px; }
#middle .case p { color:#FFCCCC; font-size:1.2em; padding:0; }
.case a { color:#FFCCCC; border-bottom:1px solid #FF99CC; text-decoration:none; }
.case a:HOVER { color:#FF99CC;  border-bottom:1px solid #FFCCCC; }
.case img { float:right; margin:0 0 0 10px; }


#middle .service { background: #035F69; margin:0 15px 20px 0; padding:10px 10px 20px 20px; height:130px}
/*div>.service { height:115px;  hack for IE  }*/
#middle .service p { color:#99FFFF; font-size:1.2em; padding:0;}
.service a { color:#99FFFF; border-bottom:1px solid #66CCCC; text-decoration:none; }
.service a:HOVER { color:#66CCCC;  border-bottom:1px solid #99FFFF; }
.service img {margin:0 10px 0 0; float:left;}
.service #calloutinfo {float:right; width:320px}

#homeintro { color:#099; font-size:1.2em; padding:0 10px 20px 10px; }
#homeintro a { color:#099; border-bottom:1px dotted #6cc; text-decoration:none; }
#homeintro a:HOVER { color:#14635A;  border-bottom:1px dotted #099; }

.client { padding:6px 10px ; margin:0 10px 10px 0; border:1px solid #C6E5E8; }
.client:HOVER { border:1px solid #14635A; }

#logo_list{margin:10px 0 0 3px; padding:0; border:1px dotted #ccc; border-width:0 0 1px 1px; height:auto}
#logo_list .logo{margin:0 0 0 0; padding:0 10px 0 10px; width:150px; height:220px; float:left; border:1px dotted #ccc; border-width:1px 1px 0 0}
#logo_list .logo .cap{margin:0; padding:0; width:150px} 
#logo_list .logo .cap ul li{margin:0; padding:0; font-size:0.9em} 
/* ====================================================================== >>>> middle */

/* ====================================================================== <<<< right column */
#rcol {
	float:right;
	width:184px;
	text-align:left;
	word-wrap: break-word;
}

#rcol ul#menu { width:184px;  }
#rcol ul#menu li { list-style:none; }

#rcol ul#menu a { display:block; color:#fff; text-decoration:none; background: url(../img/menubg.gif); padding:4px 0 5px 26px; width:184px; voice-family:"\"}\""; voice-family:inherit; width:158px; }
.dummy {}
#rcol ul#menu a:HOVER { background-position: 0 -25px; }
#rcol ul#menu a.on { background-position: 0 -50px; font-weight: bold; }

#rcol ul#menu ul { width:184px; background: url(../img/submenubg.gif) repeat-y;  margin:-2px 0 0 0; }

#rcol ul#menu ul li a {  display:block; color:#D4E9E7; text-decoration:none; background: none; padding:0 0 0 32px; width:164px; voice-family:"\"}\""; voice-family:inherit; width:152px; }
.dummy {}
#rcol ul#menu ul li a:HOVER { background:none; color:#fff; }
#rcol ul#menu ul li a.on { background:none; color:#fff; font-weight: bold; }

/* \*/
* html ul#menu li {  float:left; display:block;  /* hack for IE */ }
/* */
#rcol ul.links {margin:0 0 10px 10px; padding:0}
#rcol ul.links li { margin:0 0 4px 0; list-style-image: url(../img/bullet.gif); }

.dummy { }

#casestudy { border-top:1px solid #fff; margin:0 0 1px 0; padding:15px; background: #C62A47 url(../img/casestudybg.gif) repeat-y; }
#casestudy h4 { margin:0 0 8px 0;  color:#fff; font-size:1.4em; font-weight:normal}
#casestudy h4 a{color:#fff; text-decoration:none}
#casestudy h4 a:hover{color:#fff}
#casestudy h5 {color:#fff; margin:0 0 5px 0;}
#casestudy h5 a { color:#fff; display:block; _height:20px;   padding:0 10px; background: url(../img/cs_mainlink.gif) no-repeat; }
div>#casestudy h5 a { font-size:1.4em; }
#casestudy h5 a:hover { color:#f9c; } 
#casestudy .imglink { border: 5px solid #fff; display:block; margin:0 0 5px 0;}
#casestudy .imglink:hover { border: 5px solid #f9c; }
#casestudy p { color:#f9c; margin:0 0 5px 0;}
#casestudy p.highlcs { color:#fff; }
#casestudy a.viewall { color:#fff; display:block; margin:0 0 5px 0;  padding:0 10px; text-decoration:none; background: url(../img/cs_sublink.gif) no-repeat; }
#casestudy a.viewall:hover { color:#f9c; }

#casestudy ul { color:#f9c; margin:0 0 5px 20px;}

#contact { border-top:1px solid #fff; margin:0 0 1px 0; padding:15px; background: #F3F4BA url(../img/contactbg.gif) repeat-y; }
#contact h4 { margin:0 0 8px 0; }
#contact p { color:#605923; margin:0 0 5px 0; }

#bloghome{border-top:1px solid #fff; margin:0 0 1px 0; padding:5px 15px 15px 15px; background: #659DA3 url(../img/blogbg.gif) repeat-y; }
#bloghome h3{margin:0 0 10px 0; color:#035F69; font-size:1.5em}
#bloghome h3 a{color:#fff; border:0; text-decoration:none}
#bloghome a{color:#fff;}

#bloghome p{margin:3px 0 3px 0; padding:0; font-size:0.9em; color:#fff}
#bloghome ul{margin:3px 0 3px 0; padding:0; font-size:1em; list-style:none}
#bloghome ul li{margin:10px 0 3px 0; padding:0; list-style:none; color:#fff}
#bloghome ul li div{font-size:0.9em}
#bloghome p.date{margin:0; padding:0; color:#ABE3E9; font-size:0.8em}

#bloghome #creditfooter{display:none}

#content h2.blogTitle{margin:10px 0 0 0; padding:5px 0 5px 0; border-top:1px dashed #ccc}

#blog { border-top:1px solid #fff; margin:0 0 1px 0; padding:15px; background: #659DA3 url(../img/blogbg.gif) repeat-y; }
#blog h4 { margin:0 0 8px 0; color:#fff}
#blog h5 a { color:#fff; display:block; font-weight:normal; text-decoration:none; _height:20px; margin:0; }
div>#blog h5 a { font-size:1.4em; }
#blog h5 a:hover { color:#C6E5E8; } 

#blog a { color:#fff; text-decoration:none;  }
#blog a:hover { color:#C6E5E8; } 

#blog h4.blogTL { margin:10px 0 1px 0; color:#C6E5E8; font-size:1.2em; }
#blogSButt { font-size:0.9em; background:#14635A; color:#fff; }

#blog input { background:#fff; color:#14635A; padding:2px; border:0; }

#blog p {color:#C6E5E8; margin:0 0 20px 0; font-weight:normal}
#blog a.viewall { color:#fff; display:block; margin:0 0 5px 0;  padding:0 10px; text-decoration:none; background: url(../img/blog_sublink.gif) no-repeat; }
#blog a.viewall:hover { color:#99FFFF; }

div.blogentryfooter { background:#D4E9E7; padding:3px 5px; margin:5px 0 20px 0; }

/* ------------------ NEW -------------------------- */

.study {border-bottom:1px dotted #ccc; padding-bottom:10px;padding-top:15px;}
.clients {padding-top:5px}
#middle #content .study .clients {margin-left:375px;}
#middle #content .study .clients li {list-style-position:outside;padding-top:0; padding-bottom:0; margin:2px 0 2px 5px;}

img.featured{margin-bottom:25px; float:left; margin-right:5px;}
img.featThumb{display:inline; float:left; margin-right:5px; margin-bottom:10px;}
#middle #content .study h2.nb {font-size:18px; border:none; }
#middle #content .study h3.additional{margin-bottom:5px; font-size:14px; color:#666666;}
.addThumbs{border-top: 1px dotted #ccc; margin-right:160px; padding-top:10px;}



/* additional classes */

.awards img {display:inline;}

/* ====================================================================== >>>> right column */

/* ====================================================================== <<<< footer */
#footer { background: url(../img/footerbg.gif) repeat-x; padding:15px; font-size:10px; }
#footerleft { float:left; width:450px; text-align:left; }
#footerright { float:right; width:250px; text-align:right;}
#footercenter { float:center; width:700px; text-align:center; font-size:10px;padding-bottom:5px}
/* ====================================================================== >>>> footer */

/* These are standard sIFR styles... do not modify */

/*.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}*/


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash #middle h1 { visibility: hidden; font-size: 32px; width:500px; letter-spacing: -1px; }
.sIFR-hasFlash #homemiddle h1.home { font-size: 40px; margin:0 0 20px 10px; color:#C62A47; font-weight:normal; }
.sIFR-hasFlash #middle h2 { visibility: hidden; letter-spacing: -9px; font-size: 28px;  }
.sIFR-hasFlash #middle h3 { visibility: hidden; font-size: 24px;  }
.sIFR-hasFlash #middle .split h3 { visibility: hidden; font-size: 16px;  }
.sIFR-hasFlash #middle h2.generalh2 { width:300px; }
.sIFR-hasFlash #middle h2.caseh2 { width:300px; }
.sIFR-hasFlash #middle h2.serviceh2 { width:300px; }
.sIFR-hasFlash #homeFeature h2{font-size: 18px; margin:5px; color:#C62A47; font-weight:normal;}*/