/* CSS Document */

/*###################################### LAYOUT.CSS ####################################### */

/* TAGs */

body {
	margin:0px;
	padding:0px;
	background-color:#DAD8D8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #4E4E4E;
}

/* DIVs */

#frame {
	width: 960px;
	margin: 0px auto;
}

#container {
	float: left;
	width: 950px;
	padding:0px 5px;
	background-image: url(../images/shadow_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

/* -- header -- */

#header {
	width: 950px;
	height: 65px;
	background-color: #515252;
	color: #ffffff;
}

#nav {
	float: left;
	width: 685px;
	height: 40px;
	padding:22px 0px 0px 20px;
	border-right: 1px dashed #ffffff;
}

#phone {
	float: left;
	width: 200px;
	padding: 10px 0px 4px 25px;
}

#pic {
	width: 950px;
	height: 168px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #9A9A9A;
	background-color: #ffffff;
	/* background-color: #CDECF9;
	background-image: url(../images/header/slend90.jpg);
	background-position: center;
	background-repeat: no-repeat; */
}

/* -- home --*/

#homeMain {
	float: left;
	background-color: #ffffff;
	background-image: url(../images/home_bg.gif);
	background-position: top left;
	background-repeat:repeat-y;
	padding: 0px 0px;
}

#homeBulk {
	float: left;
	width: 672px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 25px;
}

#homeCol1, #homeCol2, #homeCol3 {
	float: left;
	width: 211px;
	padding-bottom: 15px;
}

#homeCol1, #homeCol2 {
	margin-right: 15px;
}

#homeSideCol {
	float: left;
	width: 195px;
	padding: 10px 25px 0px 17px;
}

#homePreview2 {
	margin: 15px 0 5px 0;
}

/* -- internal --*/

#breadcrumbs {
	width: 925px;
	height: 20px;
	padding: 5px 0px 0px 25px;
	background-color: #F0F0F0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #9A9A9A;
	margin: 0px;
}

#main {
	float: left;
	width: 950px;
	background-image: url(../images/main_bg.gif);
	background-position: top left;
	background-repeat:repeat-y;
	padding: 10px 0px 25px 0px;
	margin: 0px;
}	

#navCol {
	float: left;
	width: 165px;
	padding: 5px 10px 0px 25px;
}

#content {
	float: left;
	width: 463px;
	padding: 0px 15px 0px 35px;
}

#fullwidthContent {
	float: left;
	width: 685px;
	padding: 0px 15px 0px 35px;
}

#contentSubCol1, #contentSubCol2 {
	float: left;
	width: 220px;
}

#contentSubCol1 {
	margin: 0px 20px 0px 0px;
}	

#extraCol {
	float: left;
	float: left;
	width: 205px;
	padding: 0px 15px 0px 17px;
}

/* -- footer --*/

#clients {
	clear: both;
	width: 900px;
	padding: 15px 25px;
	border-top: 1px dashed #CCCBCC;
}

#services {
	clear: both;
	width: 900px;
	padding: 10px 25px 15px 25px;
	border-top: 1px dashed #CCCBCC;
}

#footer {
	float: left;
	width: 950px;
	padding:0px 5px 7px 5px;
	background-image: url(../images/footer_bg.gif);
	background-position: bottom left;
	background-repeat: repeat-y;
}

#footLinks {
	float: left;
	width: 450px;
	padding: 10px 0px 10px 25px;
	border-top: 1px solid #B2B2B2;
}

#copyright {
	float: left;
	width: 450px;
	text-align: right;
	padding: 10px 25px 10px 0px;
	border-top: 1px solid #B2B2B2;
}

/*###################################### GLOBAL.CSS ####################################### */

/* TAGs */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #4E4E4E;
}

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 15px 0px;
}

h1 {
	font-size: 200%;
	font-weight: normal;
	color: #7FC31C;
}

h2 {
	color: #FF6600;
	font-size: 165%;
	font-weight: normal;
	line-height: 125%;
}

h2.purple {color:#C21F8E;}
h2.green {color:#7FC31C;}
h2.orange {color:#EF3D23;}

#homeCol1 h2.orange a {color:#FF6600;}
#homeCol2 h2.green a {color:#08276A;}
#homeCol3 h2.purple a {color:#E44B50;}

h3 {
	font-size: 125%;
	font-weight: bold;
}

h4 {
	font-size: 110%;
	font-weight: bold;
}

h5 {
	font-size: 100%;
	font-weight: bold;
}

p {
	margin: 10px 0px;
}

hr {
	border-top: 1px dashed #CCCBCC;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	margin: 10px 0px;
}

ul {
}

li {
	list-style-type: disc;
	margin: 0px;
	padding: 2px 0px;
}

form ol {
	margin: 0px;
	padding: 0px;
}

form li {
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px;
}

fieldset {
	padding: 10px;
}
	

/* LINKs */

a {
	color: #ff6600;
	text-decoration: underline;
}

a:hover {
	color: #ff6600;
	text-decoration: none;
}

a.plain {text-decoration: none;}
a.plain:hover {text-decoration: underline;}

a.plain2 {text-decoration: none;}

a.bareLink {
	color: #4e4e4e;
	text-decoration: none;
}

a.bareLink:hover {
	color: #ff6600;
	text-decoration: underline;
}

a.more {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-size: 125%;
	line-height: 200%;
}	

a.more:hover {
	text-decoration: underline;
}

/* -- FORMs  -- */

input, select {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
}

fieldset {
	border: 1px solid #DBD9D9;
	padding: 10px;
	margin: 5px 0px;
}

legend {
	color: #FF6600;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#errorbox {
	border: 1px solid #F71842;
	padding: 15px;
	margin: 20px 0px;
	color: #F71842;
}

.conform {
	padding: 15px;
}

.conform2 {
	padding: 15px;
}

.conform label {
	float: left;
	margin: 2px 0px 3px 0px;
	width: 150px;
	font-weight: normal;
}

.conform2 label {
	float: left;
	font-weight: bold;
}

.conform select,input,textarea {
	margin: 0px 0px 7px 0px;
	vertical-align: middle;
}

input.register {
	margin: 10px 0px;
	padding: 3px;
}

.dl {
	padding: 15px;
}

.dl2 {
	padding: 15px;
}

.dl label {
	float: left;
	margin: 2px 0px 3px 0px;
	width: 150px;
	font-weight: normal;
}

.dl2 label {
	display: inline;
	vertical-align: middle;
	font-weight: bold;
	padding: 0 0 2px 5px;
}

.dl select,input,textarea {
	margin: 0px 0px 7px 0px;
	vertical-align: middle;
}

/* DIVs */

#header {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ffffff;
}

#header ul {
	margin: 0px;
	padding: 0px;
	font-size: 140%;
}

#header li {
	display: inline;
	list-style-type: none;
	border-right: 1px solid #ffffff;
	padding: 0px 15px;
}

#header li.firstLink {
	list-style-type: none;
	border-right: 1px solid #ffffff;
	padding: 0px 15px 0px 0px;
}

#header li.end {
	display: inline;
	list-style-type: none;
	padding: 0px 15px;
	border-right: none;
}

#header a {
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-size: 110%;
}

#header a:hover {
	color: #EB891B;
	text-decoration: underline;
}

#phone {
	font-size: 135%;
}

#phone span.coastTop {
	display: none;
}

#phone span.tel {
	font-size: 120%;
	line-height: 175%;
}

#pic h1 {
	display: none;
}

#homeSideCol ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#homeSideCol li {
	list-style: none;
}

#homeCol1 a, #homeCol2 a, #homeCol3 a {
	color: #4E4E4E;
	text-decoration: none;
}

#homeCol1 a:hover, #homeCol2 a:hover, #homeCol3 a:hover {
	color: #ff6600;
	text-decoration: underline;
}

#homeCol1 ul, #homeCol2 ul, #homeCol3 ul {
	margin: 0px;
	padding: 0px;
}

#homeCol1 li, #homeCol2 li, #homeCol3 li {
	list-style-type: none;
}

#homePreview2 h2 {
	margin: 0 0 0 0;
}


#homePreview2 h2 span {
	display: none;
}

#services img {
	vertical-align: middle;
	margin-right: 35px;
	border: 0px;
}

#footer {
	font-size: 90%;
	color: #666666;
}

#footer a {
	text-decoration: none;
	color: #666666;
}

#footer a:hover {
	text-decoration: underline;
}

#main {
	line-height: 150%;
}

#content {
	color: #4e4e4e;
}

#clear {
	clear: both;
}

#breadcrumbs {
	font-family: Georgia, "Times New Roman", Times, serif;
}

#breadcrumbs a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #4e4e4e;
	padding: 0px 5px;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

#breadcrumbs span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#homeBulk, #homeSideCol {
	line-height: 140%;
}

#sitemap a {
	color: #4E4E4E;
	text-decoration: none;
}

#sitemap a:hover {
	text-decoration: underline;
}



/* SIDE NAVigation */

#navCol {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
}

#navCol p.navTitle {
	color:#ff6600;
	font-size: 125%;
}

#navCol ul {
	list-style-type: none;
	padding: 0px;
	margin: 15px 0px 0px 0px;
}

#navCol ul li {
	list-style-type: none;
	margin: 0px;
	padding: 8px 0px;
	border-bottom: 1px dashed #CCCBCC;
}

#navCol ul li a {
	color: #4e4e4e;
	text-decoration: none;
}

#navCol ul li a:hover {
	text-decoration: underline;
}

#navCol ul.nav2 {
	margin: 8px 0px 0px 15px;
	padding: 0px;
}

#navCol ul.nav2 li {
	list-style-type: circle;
	margin: 3px 0px;
	padding: 3px 0px;
	border-bottom: none;
	font-size: 90%;
}

#navCol ul.nav2 a {
	color: #6e6e6e;
}



#navCol ul.nav3 {
	margin: 3px 0px 0px 15px;
	padding: 0px;
}

#navCol ul.nav3 li {
	list-style-type: disc;
}






/* CLASSes */

.homeIntro {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 170%;
	line-height: 125%;
	color: #4E4E4E;
	letter-spacing: -1px;
	margin: 22px 0px 5px 0px;
}

img.clientLogo {
	margin: 0px 20px 20px 0px;
}

img.clientLogoEnd {
	margin: 0px 0px 20px 0px;
}

p.logos img {
	vertical-align: middle;
	padding: 10px;
}

.related ul {
	margin: 0px;
	padding: 0px;
}

.related li {
	margin: 0px;
	list-style-type: none;
}

table.hosting_table {
	width:100%;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #999999;
	border-collapse: collapse;
	background-color: #999999;
}

table.hosting_table thead tr td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #999999;
	background-color: #ff6600;
	-moz-border-radius: ;
}

table.hosting_table tbody tr td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #999999;
	background-color: #FFFFFF;
	-moz-border-radius: ;
}

table.hosting_table tbody th {
	color: #ff6600;
	text-align: left;
	font-weight : bolder;
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: #999999;
	background-color: #f0f0f0;
	-moz-border-radius: ;
}

.georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
}

/* filter */

form.filter  {
	margin: 0 0 20px 0;
	padding: 8px 0;
	border: 1px solid #dedede;
	background-color: #ffffff;
}

form.filter fieldset {
	margin: 0;
	padding: 0 10px;
	border: none;
}

form.filter fieldset legend {
	color: #666;
	font-weight: bold;
	margin: 0 0 0 -6px;
	padding: 0;
}

form.filter fieldset ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

form.filter fieldset ol li {
	margin: 4px 0 0 0;
	padding: 0;
	clear: both;
	list-style: none;
}

form.filter fieldset ol li label {
	margin: 3px 0 0 0;
	padding: 0;
	float: left;
	width: 110px;
}

form.filter fieldset ol li select {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

/* News modules */

#newsPreview ul, li {
	margin: 0px;
	padding: 0px;
}

#newsPreview li {
	list-style-type: none;
	padding: 3px 0;
}

ul.itemList {
	list-style: none;
	margin: 0;
	padding: 0;	
}

ul.itemList li {
	list-style: none;
	border-top: 1px dashed #ffffff;
	border-bottom: 1px dashed #ffffff;
}

ul.itemList li:hover {
	background-color: #EFFAFE;
	cursor: hand;
	border-top: 1px dashed #9A9A9A;
	border-bottom: 1px dashed #9A9A9A;
}

ul.itemList li.main {
	margin: 0;
	padding: 15px 8px;
	border-top: 1px dashed #ffffff;
	border-bottom: 1px dashed #9A9A9A;
	list-style: none;
}

ul.itemList li.main:hover {
	background-color: #EFFAFE;
	cursor: hand;
}

ul.itemList li.main h3 {
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 115%;
}

ul.itemList li h3 {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 100%;
}

ul.itemList li h3 a {
	color: #4e4e4e;
	text-decoration: none;
	border-bottom: 1px dashed #4e4e4e;
}

ul.itemList li h3 a.archive {
	color: #4e4e4e;
	text-decoration: none;
	border-bottom: 1px dashed #ffffff;
}

ul.itemList li h3 span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	margin: 0px 0px 0xp 20px;
}

ul.itemList li span {
	font-size: 90%;
	color: #666;
}

ul.itemList li div {
	margin-top: 4px;
}

h3.itemList {
	text-transform: uppercase;
	color: #666;
	font-size: 120%;
	margin: 10px 0;
	padding: 0;
}

h4.itemList {
	text-transform: uppercase;
	color: #ff6600;
	font-size: 100%;
	margin: 20px 0 10px 0;
	padding: 0;
}

ul.itemList li div.itemImg {
	float: left;
	width: 100px;
}

ul.itemList li div.itemTxt {
	float: left;
	width: 345px;
}

ul.itemList li div.itemDl {
	clear: both;
}

ul.itemList2 {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.itemList2 li {
	list-style: none;
	border-top: 1px dashed #ffffff;
	border-bottom: 1px dashed #ffffff;
}

ul.itemList2 li:hover {
	background-color: #EFFAFE;
	cursor: hand;
	border-top: 1px dashed #9A9A9A;
	border-bottom: 1px dashed #9A9A9A;
}

ul.itemList2 li h3 {
	color: #4e4e4e;
	margin: 0px;
	padding: 8px 8px;
}

ul.itemList2 li h3 a {
	color: #4e4e4e;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	/* border-bottom: 1px dashed #4e4e4e; */
}

ul.itemList2 li h3 span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	margin: 0px 0px 0xp 20px;
}

/* Case study modules */

#clients, #services {
	font-size: 90%;
	line-height: 140%;
	color: #999999;
}

#clients, #services h2 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

#clients, #services p {
	margin: 0px;
	padding: 0px;
}

#clients, #services a {
	text-decoration: none;
	color: #333333;
}

#clients, #services a:hover {
	text-decoration: underline;
}

#csContainer h2 {
	padding: 15px 0px;
}

.csPreview {
	margin: 0px 0px 15px 0px;
}

.csPreview a img {
	border-color: #cccccc;
}

#listCasestudies {
	padding: 15px 0px 0px 0px;
}

#listCasestudies ul, li {
	margin: 0px;
	padding: 0px;
}

#listCasestudies li {
	list-style: none;
}

.cStudyRow {
	float: left;
	width: 99%;
	padding: 12px 0px 12px 0px;
	border: 1px solid #cccccc;
	margin: 0px 0px 20px 0px;
}

.cStudy1 {
	float: left;
	width: 215px;
	padding: 0px 15px 0px 10px;
}

.cStudy2 {
	float: left;
	width: 210px;
	padding: 0px 5px 0px 0px;
	margin: 0px;
}

.cStudyRow h2 {
	padding: 0px 0px 5px 0px;
	margin: 0px;
}
.cStudyRow img {
	padding: 0px;
}

.csFilterResults {
	float:left;
	width:100%;
}

.csResults {
	 float:left;
	 width:49%;
}

.csPages {
	float:left;
	width:49%;
	text-align:right;
}

/* -- BLOG -- */

#blogContent {
	float: left;
	width: 463px;
	padding: 0px 10px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#blogMenu {
	float: left;
	width: 190px;
	padding: 0px 0px 0px 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.rightMenu {
	border-bottom: 1px dashed #cccccc;
	padding: 10px 0;
}

.menuTitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 125%;
	font-weight: bold;
	margin:0 0 10px 0;
}

.menuBody form {
	padding:0px;
	margin: 0px;
}

.body form {
	padding:0px;
	margin: 0px;
	width: 463px;
}

div.commentForm	{
	width: 463px;
	padding-top: 25px;
	border-top: 1px solid #cccccc;
}

fieldset#commentForm {
	padding: 0px 10px 15px 10px;
}

fieldset#commentForm legend {
	padding: 10px;
}

fieldset#commentForm label {
	display: block;
	float: left;
	width: 200px;
}

div#comments {
	border-top: 1px solid #cccccc;
	margin: 15px 0px;
	padding: 15px 0px;
}

.byline {
	padding: 15px 0px 10px 0px;
}

.commentHeader {
	padding: 0px 0px 15px 0px;
}

span.comment {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 125%;
	font-weight: bold;
	display: block;
}	

.commentBody {
	border-top: 1px dashed #cccccc;
	padding: 15px 0px;
}

.commentAlt {
	padding: 0px 0px 20px 0px;
}

#blogContent h2 {
	margin: 30px 0px 15px 0px;
	font-size: 170%;
}

#blogContent h2 a {
	color: #4E4E4E;
}

.byline img {
	vertical-align: middle;
}

.entry, .entryLast {
	border-top: 1px solid #cccccc;
	margin: 20px 0px;
	
}
/* blog css */
    .smallestTag { font-size: 9px; }
         .smallTag { font-size: 11px; }
         .mediumTag { font-size: 13px; }
         .largeTag { font-size: 16px; }
         .largestTag { font-size: 20px; }
		 
div.rightMenu div.menuBody ul.blogList {
line-height:115%;
list-style:none;
margin:0;
padding:0;
}

.highlight { background-color: yellow; }

div.rightMenu div.menuBody ul.blogList li {
list-style:none;
margin:0;
padding:3px 0;
}