/*****************************

COPYRIGHT 9THWAVE NEW MEDIA 2009
PLEASE CREDIT THE OWNER IF USING ANY OF
THIS CODE FOR YOUR OWN PROJECTS...

IT'S ONLY POLITE AFTER ALL.

******************************/
/* General Page Structure
-------------------------------------------------------------------------------------- */
body {
	background: #fff;
	color: #262833;
	font: 75%/150%  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#wrapper {
	background: #fff;
	margin: 0 auto;
	width: 960px;
}
html>body {font-size:12px}

/* General
-------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
.clear:after {
    clear: both; 
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */

/* General Typography and Headings
-------------------------------------------------------------------------------------- */
p { margin-bottom: 11px; }
h2 { color: #601366; }
h3, h4 { color: #601366;}
h2{font-size: 130%; margin: 0 0 15px ;}
h3{font-size: 125%; margin: 0 0 15px ;}
h4{font-size: 120%;}
h4, h5, h6, p, ol, ul { margin: 0; }
a img {	border: none; }
a, a:link, a:active {
    color: #601366;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
    color: #041f56;
	text-decoration: none;
}
img {border: 1px solid #041f56; }
img.leftalign, img.justifyleft {float: left; margin: 2px 10px 10px 0; display: block;}
img.rightalign, img.justifyright {float: left; margin: 2px 0 10px 10px; }

a.readmore {
    background:url(images/readmore.gif) no-repeat 69px 6px;
    padding: 0 15px 0 0;
	line-height: 14px;
}
/*a.twitter {
    background:url("images/twitter.png") no-repeat scroll 10px 0px;
    height:25px;
    line-height:25px;
    padding:0 0 0 40px;
	display: block;}
a.linkedin {
    background:url("images/linkedin.png") no-repeat 10px 0px;
    height:25px;
    line-height:25px;
    padding:0 0 0 40px;
	display: block;}*/
.smaller {font-size: 80%;}
.divider {background: url(images/bg-dots-slice.gif) repeat-y top left; height: 1px; display: block;}
.divider-small {background: url("images/bg-dots-slice-pink.gif") repeat-x scroll left top transparent;width: 280px;margin:0 auto;}
.newproject {background: url(images/bg-dots-slice.gif) repeat-x top left; height: 1px; display: block; clear: both; width: 628px; padding: 10px 0;}
ul {list-style: none; margin: 5px 0 0 15px;}
li {list-style:none; background: url(images/bullet.gif)no-repeat 0px 7px;padding: 0 0 0 12px;}
.pdf { background: url(images/iconPDF.gif) no-repeat 0px 0px; height: 20px; padding: 0 0 0 24px;}
.word { background: url(images/iconWord.gif) no-repeat 0px 0px; height: 20px; padding: 0 0 0 24px;}
/* Header
-------------------------------------------------------------------------------------- */
#header {
	height: 149px;
	width: 960px;
}
#header h1 {
	background: url(images/logo.gif) no-repeat top left;
	float: left;
	height: 110px;
	width: 250px;
	margin: 19px 0 0 0;
}
#header h1 a {
	display: block;
	height: 110px;
	overflow: hidden;
	width: 250px;
	}
#header h1 a span {
	cursor: pointer;
	display: block;
	margin-left: 1000px;
}
/*#rss {
	font: bold 11px/15px Verdana, Arial, Helvetica, sans-serif;
	float: right;
	margin:99px 0 0;
	padding: 0;
	height: 25px;
	text-align: right;
}
#rss a {
    background: url(images/rss.gif) no-repeat top right;
    color: #601366;
	text-decoration: none;
	font-weight: normal;
	padding: 12px 30px 0 10px;
	height: 25px;
	display: block;
}
#rss a:hover {
    color: #041f56;
	text-decoration: none;
}*/
ul.social-nav {float: right;margin: 110px 0 0 0; width: 100px;}
ul.social-nav li {float: left; list-style: none;background: none; width: 25px; margin: 0 0 0 5px; padding: 0;}
ul.social-nav li a {
display:block;
height:25px;
text-indent:-9999px;
width:25px;
}
ul.social-nav li a.twit {background: url(images/twitter.gif) no-repeat 0px 0px;}
ul.social-nav li a.linkedin {background: url(images/linkedin.gif) no-repeat 0px 0px;}
ul.social-nav li a.rss {background: url(images/rss.gif) no-repeat 0px 0px;}
ul.social-nav li a.twit:hover, ul.social-nav li a.linkedin:hover, ul.social-nav li a.rss:hover
{background-position: 0px -25px;}

/* Navigation
-------------------------------------------------------------------------------------- */
#nav {
    width: 960px;
	height: 31px;
	background: url(images/nav-slice.gif) repeat-x;
	position: relative;
	font-weight: bold;
}
#nav .select, #nav .current {margin:0; padding:0; list-style:none;}

#nav ul li  { display:inline; margin:0; padding:0; height:auto;}
#nav .select a,
#nav .active a {display:block; height:31px; float:left; background:transparent; padding:0 15px 0 0; margin:0;text-decoration:none; line-height:31px; white-space:nowrap; color:#601366;}
* html #nav .select a, * html #nav .current a {width:1px; height:32px;}

#nav .select a:hover, 
#nav .select li:hover a {background:#transparent; cursor:pointer; color:#041f56;}

#nav .sub {display:none;}
/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .active a {background:transparent; color:#041f56;}
#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#e7dce8; color:#041f56;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:transparent; color:#041f56;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:960px; top:31px; left:0; background:transparent; margin-top:0; padding:0; z-index:100; color:#041f56; }

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:960px; top:31px; left:0; background:transparent; margin-top:0; padding:0; z-index:10; font-size: 90%;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:31px; text-decoration:none; line-height:25px; white-space:nowrap; display:block; float:left; background:transparent; padding:3px 15px 3px 0px; margin:0; white-space:nowrap; border:0; color:#601366; font-size: 90%;}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; background:#e7dce8; padding: 0px 15px 0 5px; margin:0; white-space:nowrap; border:0; color:#601366;font-size: 90%;}


/* Main Structure
-------------------------------------------------------------------------------------- */
#content { width: 960px; margin: 30px 0 20px;}
#main { width: 628px; float: left;}
#sidebar { width: 300px; float: right;}
.project-container{
}
.projects {
    width: 628px;
	background: url(images/bg-dots-slice.gif) repeat-x bottom left;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}
.projects img {width: 200px; float: left; margin: 0 0 10px 0;}
.projects p, .projects h2 {margin: 0 0 0 210px;}
/* Home page elements
-------------------------------------------------------------------------------------- */
#home-images { width: 628px; height: 180px; padding: 0; margin: 0; }
#home-boxes {width: 960px; padding: 20px 0 0 0; clear: both;}
.box1 { width: 300px; margin: 0 30px 0 0; float: left;}
.box2 {width: 300px; padding: 0; float: right; background:url(images/testimonials.gif) no-repeat top left; height: 207px;}
.box2 h3 {padding: 10px 32px 0 38px; }
.box2 p {padding: 0px 32px 10px 38px;}
#tvscroller {overflow: hidden; width: 100%; height: 140px; position: relative;}
/* Home Page - News
------------------------------------------- */
.news {
width: 300px;
background: url(images/bg-dots-slice.gif) repeat-x bottom left;
height: 60px;
}
.news .date {
background: url(images/date.gif) no-repeat;
height: 38px;
width: 38px;
text-align: center;
float: left;
}
.news .date p {
color: #fff;
font-size: 11px;
margin: 0;
padding: 8px 0 0 0;
line-height: 11px;
text-transform: uppercase;
}
.news .date p span { font-weight: bold;}
.news .article {
  width: 250px;
  float: right;
}
.article img {border: none;}
/*------------------------------------------*/
.news-pink {
width: 280px;
background: url(images/bg-dots-slice-pink.gif) repeat-x bottom left;

margin: 0 0 0 9px;
overflow:hidden;
padding:5px 0;
}
.news-pink .date {
background: url(images/date-pink.gif) no-repeat 1px 0px;
height: 38px;
width: 38px;
text-align: center;
float: left;
padding: 6px 1px 0 0;
}
.news-pink .date p {
color: #fff;
font-size: 11px;
margin: 0;
padding: 8px 0 0 0;
line-height: 11px;
text-transform: uppercase;
}
.news-pink .date p span { font-weight: bold;}
.news-pink .article {
  width: 220px;
  float: right;
}
/* News Page
------------------------------------------- */
.newsmain {
width: 628px;
background: url(images/bg-dots-slice.gif) repeat-x bottom left;
min-height: 38px;
padding: 5px 0;
}
.blog {
width: 628px;
background: url(images/bg-dots-slice.gif) repeat-x bottom left;
padding: 5px 0;
overflow: hidden;
margin-bottom: 10px;
}
.newsmain .date, .blog .date {
background: url(images/date.gif) no-repeat;
height: 38px;
width: 38px;
text-align: center;
float: left;
}
.newsmain .date p, .blog .date p {
color: #fff;
font-size: 11px;
margin: 0;
padding: 8px 0 0 0;
line-height: 11px;
text-transform: uppercase;
}
.newsmain .date p span, .blog .date p span { font-weight: bold;}
.newsmain .article, .blog .article {
  width: 570px;
  float: right;
}
.posted-info {clear: both;background: url(images/bg-dots-slice.gif) repeat-x top left; padding: 5px 0;}
.posted-info p {margin-left: 60px;}
.posted-info-blog {clear: both;background: url(images/bg-dots-slice.gif) repeat-x top left; padding: 5px 0;}
#comments {background: url(images/bg-dots-slice.gif) repeat-x top left; padding: 5px 0;}

/* Sidebar 2
------------------------------------------------------------------------------------*/
#sidebar2{
   width: 300px;
   float: right;
}
#sidebar2 img.side-top {
   display: block;
   border: none;
}
#sidebar2 p, #sidebar2 h2, #sidebar2 h3 {
	padding: 0 10px 0 10px;
}
#sidebar2 h2 {
   /* background: #f5f0f5;*/
	margin: 0 10px 10px 0px;
	}
#sidebar2 .text {
    width: 300px;
	background: #e7dce8 url(images/sidebar2-slice.gif) repeat-y 0 0;
	padding: 0 0 10px 0;
}
#sidebar2 .bottom {
    width: 300px;
	background: url(images/sidebar2-bottom.gif) no-repeat 0 0;
	height: 12px;
	display: block;
	padding: 0;
	margin:0 0 10px 0;
}
#sidebar2 .divider { 
    padding: 0 0 5px 0;
    margin: 0;
    background: transparent url(images/sidebar2-divider.gif) repeat-x top left;	
    line-height: 9px;
	height: 9px;
}
#sidebar2 .text ul {margin-bottom: 10px;}
#sidebar2 .text ul li {list-style: none;background: url(images/bullet-small.png) no-repeat 0px 6px;}
#sidebar2 .text ul li a {font-weight: normal;}

/* Breadcrumbs
-------------------------------------------------------------------------------------- */
#breadcrumbs {
	font-size: 12px;
	margin: 20px 0 10px 0px;
}
#breadcrumbs a {
	color: #9f9f9f;
}
#breadcrumbs a:hover {
	color: #041F56;
}
/* Blog form
-------------------------------------------------------------------------------------- */


/*form errors*/
.error{border-top:#1152ba 1px solid; border-bottom:#1152ba 1px solid; background:#6bb000; padding:10px; margin-bottom:10px; text-align:center; color:#f1ffdb; }
.errors strong{color: #F00;}
/*captcha */
.captcha { float:left; margin-top:5px;}
.captcha img {border:#eaf3fd 2px solid; margin-top:0; float:left;}
.captcha input { margin:0 auto 12px 12px;color:#477500;border:2px solid #ddd;outline:none;padding:3px; width:92px;}
.ditto_item {margin-bottom: 10px;}
h3.ditto_pageTitle{margin: 0;}


/* Footer
-------------------------------------------------------------------------------------- */
#footer {
    background:url(images/bg-dots-slice.gif) repeat-x bottom left;
	width: 960px;
	clear: both;
	padding: 0;
	font-size: 100%;
	padding: 30px 0 0 0;
}
#footer div.top{
	background:url(images/bg-dots-slice.gif) repeat-x top left;
	height: 100px;
	padding: 5px 8px 0 8px;
	color: #A3A8AC;
}
#footer div.top p { float: left;}
#footer div.top ul { list-style: none; float: left; clear: left;text-align: right; margin: 5px 0 0 0;}
#footer div.top ul li {list-style: none; display: inline; background: none; margin: 0; padding: 0;}
#footer div.top ul li a {text-decoration: none; margin: 0 8px 0 0px; color: #A3A8AC; font-weight: normal; }
#footer div.top ul li a:hover, #footer div.top ul li a.current { color: #041F56; }
#footer div.top img { padding: 0 2px; }
#footer .left {float: left; width: 408px; padding: 0 0 0 8px;}
#footer .right {float: right; width:408px; text-align: right; padding: 0 8px 0 0;}

/* Form
-------------------------------------------------------------------------------------- */
form {
	margin: 0;
}
fieldset{
	width: 550px;
	border: 0px #000;
	}	
.fieldset label{ 
	width: 100px; 
	text-align: left; 
    padding:0px;
    margin:0px;
	}

/*.fieldset .nobr {
     display:none;
}  */

.fieldset .textfield {
     margin:0 0 3px 0;
     height:20px;
     width:250px;
	 border: 1px #d8d4ca solid;
}	
.fieldset .textfield-veri {
     margin:0 0 3px 0;
     height:20px;
     width:200px;
	 border: 1px #d8d4ca solid;
}	
.fieldset .textarea {
     margin:0 0 3px 0;
     height: 60px;
     width:250px;
	 border: 1px #d8d4ca solid;
}	
.fieldset .select {
     margin: 3px;
     height: 20px;
     width: 150px;
}
legend{
	font-size: 95%;
	color: #666;
	font-weight: bold;
	margin: 20px 0 0 0;
}
.address{
	padding: 15px 0 0 0;
	float: left;
	width: 230px;
}
.submitbutton{
  background-color: #f36f21;
  font-weight: bold;
  width: 100px;
  font-size: 90%;
  border: 1px solid #000;
  color: #fff;
  display: block;
}
.submitbutton:hover{
  color:#000;
}
.submitbutton:active{
  color:#000;
}
.required {
   color: #FF0000;
}



#sitemap {
    border: 1px solid #bfe0b3;
	width: 550px;
	padding: 20px 0 20px 40px;
	margin-left: 20px;
}
#sitemap ul {
  list-style: none;
  margin: 0;
  padding:0;
}
#sitemap li {
     list-style-type: none;
	 display: block;
}
#sitemap li a{
	text-decoration:none;
	height:25px;
	line-height:25px;
}

div.social { margin: 16px 0; }

span.social_tagline { position: relative; }
span.social_tagline span { display: none; width: 14em; }
span.social_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.social span {
	display: block;
}
.social ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.social ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.social ul li:before { content: ""; }
.social img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.social-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.social-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}