/* CSS Document */

body, html, h1, h2, h3, h4, h5, table, tr, td, ul, li{	margin:0;	padding:0; color:#333;}

body {font-family:"News Gothic Std","Lucida Sans Unicode", "Lucida Grande","Helvetica", "Arial", sans-serif; background-color:#000; color:#808080;font-size:15px;}
table td {vertical-align:top;}
h1 { font-size:21px; font-weight:normal !important;margin:0px 25px 0px 13px; padding:10px 0px 5px 5px;border-bottom:1px solid #e7e7e7;
letter-spacing:-1px;  }

h2 { color:#808080;font-size:23px; font-weight:normal !important;;padding-bottom:15px;letter-spacing:-1px;line-height:23px !important;
	}
#home h2.blog {color:#333;}
#home h2 {color:#fff;line-height:normal !important;}
h3 { font-size:19px; font-weight:normal !important;;color:#000;padding-bottom:5px;}
h4 { font-size:15px; font-weight:normal !important;;padding-bottom:5px;}
h5 { font-size:11px; font-weight:normal !important;;padding-bottom:15px;}

h1 .sub {float:right;padding-right:20px;}
em {font-style:normal;font-weight:normal !important;}
a {text-decoration:none;color:#888888;}
hove {text-decoration:underline;}
p {font-weight:normal;font-size:14px;}
.quoted p  {padding-bottom:0px;font-style:italic;}
/*defines highlight colors for each individual page category*/
#about h1, #about em, #about .ldquo , #about .rdquo, #about .selected, #about a:hover , #about h4,#about .questions li a{color:#23ba00;}
#products   h1,#products   h1 a, #products em, #products .ldquo , #products .rdquo, #products .selected, #products a:hover, #products h4,#products questions li a {color:#FF9900;}


#news   h1,#news   h1 a, #news em, #news .ldquo , #news .rdquo, #news .selected, #news a:hover, #news h4,#news questions li a {color:#6699FF;}
#news h4 a {color:#6699FF;}
#clients    h1, #clients h1 a, #clients em, #clients .ldquo , #clients .rdquo, #clients .selected, #clients a:hover, #clients h4,#clients .questions li a   {color:#50ba0a;}
#contact    h1, #contact em, #contact .ldquo , #contact .rdquo, #contact .selected, #contact a:hover, #contact h4,#contact .questions li a   {color:#c70101;}
#services h1, #services em, #services .ldquo , #services .rdquo, #services .selected, #services a:hover, #services h3, #services h4,#services .questions li a   {color:#0083fd;}
#products.business    h1,#products.business    h1 a, #products.business em, #products.business .ldquo , #products.business .rdquo, #products.business .selected, #products.business a:hover , #products.business h4,#products.business .questions li a {color:#9675c4;}
#products.people    h1,#products.people    h1 a, #products.people em, #products.people .ldquo , #products.people .rdquo, #products.people .selected, #products.people a:hover , #products.people h4,#products.people .questions li a {color:#FF9900;}

#logo {width:283px;height:108px;}
#logo a {width:283px;height:108px;}
#wrap { background-image: url(/img/bg/middle.png); background-repeat: repeat-y;background-position: center top;background-color:#000;width:100%;}
/**/
#content {clear:both;width:955px;margin:0px auto 0px auto; color:#333; background-color:#000;padding:0px;     background-image: url(/img/bg/top.png); background-repeat: no-repeat;	background-position: center top;}
#footer { clear:both;width:955px;margin:0px auto 40px auto;color:#fff; background-color:#000;padding-top:35px;background-image: url(/img/bg/bottom.png);background-repeat: no-repeat;	background-position: center top;}

#home h2 ,#home h1 {color:#fff; font-size:20px; font-weight:normal;margin-bottom:4px;}
#home-temp h2 ,#home-temp h1 {color:#fff; font-size:20px; font-weight:normal;margin-bottom:4px;}
#home h2 {padding:10px 0px 0px 12px;}
#home h1 {padding:10px 0px 0px 12px;border:none;}
#home-temp h1 {padding:10px 0px 0px 12px;border:none;}
/*#home #header {height:120px;}*/
#home-temp #header {height:125px;}

/*
#header { height:130px;width:954px;}
#header ul { float:right;margin:35px 25px 0px 0px ;width:320px;height:80px;list-style: none;font-size:12px;}
#header ul li { float:left;width:80px;height:80px;text-align:center; }
#header ul li a {z-index: 100;float:left;display:block;color:#fff;text-align:center; padding-top:60px; width:80px; height:15px;text-decoration:none; background-repeat: no-repeat; background-position: center top;}
#header ul li.about a { background-image: url(/img/icons/icon-green.png);} 
#header ul li.contact a { background-image: url(/img/icons/icon-red.png);}
#header ul li.clients a { background-image: url(/img/icons/icon-blue.png);}
#header ul li.products a { background-image: url(/img/icons/icon-orange.png);}
#header ul li.selected {font-weight:bold;}
*/


#header { height:125px;width:954px;}
#header ul { float:right;margin:80px 05px 0px 0px ;width:520px;height:20px;list-style: none;font-size:16px;}
#header ul li { float:left;width:100px;height:20px;text-align:center; }
#header ul li a {z-index: 100;float:left;display:block;color:#fff;text-align:center; padding-top:0px; width:100px; height:20px;text-decoration:none; background-repeat: no-repeat; background-position: center top;}
/*
#header ul li.about a { background-image: url(/img/icons/icon-green.png);} 
#header ul li.contact a { background-image: url(/img/icons/icon-red.png);}
#header ul li.clients a { background-image: url(/img/icons/icon-blue.png);}
#header ul li.products a { background-image: url(/img/icons/icon-orange.png);}
*/
#header ul li.selected {font-weight:bold;}


#product_list {text-align:center;}
#product_list ul {list-style: none;font-size:12px;width:100%;margin:0px;padding:0px;}
#product_list ul li {float:left;height:80px;text-align:center; margin:0px;padding-top:15px;}
#product_list ul li a {z-index: 100;float:left;display:block;color:#333;text-align:center; 
width:90px; height:10px;text-decoration:none; background-repeat: no-repeat; background-position: center top;}
#product_list ul li.selected {font-weight:bold;}

#body { margin:0px 20px;}


#footer ul { list-style:none;margin-left:25px;}
#footer ul li { float:left;}
#footer ul li a { color:#fff;text-decoration:none;margin-right:30px;}
#footer ul li a:hover { text-decoration:underline;}

#footer .copyright { float:right;font-size:10px;margin-right:25px;}

.quote { margin:0px 40px -20px 70px;}
.quote span.ldquo { display:block;float:left;height:200px;font-size:180px;margin-left:-70px;margin-top:-40px;margin-bottom:-140px;	}
.quote span.rdquo { display:block;float:right;font-size:180px;height:20px;/*margin-left:280px;*/	margin-top:-55px;margin-bottom:-180px;	}

.quoted  { font-size:12px;float:left;	margin:0px 0px 0px 70px;	}

#copy    {  height:auto !important; height:396px; min-height:396px; }
#copy p  { padding-bottom:20px; }
#copy ul { list-style:none; margin:0px 0px 20px 10px;}

#template1 #copy  { margin-left:25px;width:480px; }
#template1 .image { float:right;width:356px;margin-right:20px; }

#template2 #copy  { margin-left:335px;width:480px; }
#template2 .image { float:left;width:335px; }

#template3 #copy  { margin-left:25px;width:350px;}
#template3 .image { float:right;width:506px;margin-right:20px;}
#news .image { float:right;margin-right:20px;}

#side-nav {width:200px;}
#side-nav ul{list-style:none;margin:25px 0px 0px 25px;line-height:2.2em;}

#layout-table {width:100%;}
#layout-table td {vertical-align:top;}
#layout-table #copy{padding:0px 20px;}

#products #layout-table #col1 {width:50%;height:416px;background-image: url(/img/products/bg_business.jpg);background-repeat: no-repeat;background-position: right top;}
#products #layout-table #col1 div.blurb {margin:25px 32px 0px 195px;text-align:right;width:240px;height:270px;}
#products #layout-table #col2 div.blurb {margin:25px 40px 0px 32px; text-align:left;height:270px;}
#products #layout-table #col1 h3,#products #layout-table #col1 em {color:#9675c4;}
#products #layout-table #col2 h3,#products #layout-table #col2 em {color:#FF9900;}
#products #layout-table em {font-weight:bold;}
#products #layout-table #col1 .btn { margin-left:50px;margin-top:30px;}
#products #layout-table #col2 .btn { clear:both;margin-left:0px;margin-top:30px;float:left;}

#products #layout-table #col2 {width:50%;border-left:1px solid #e7e7e7;height:416px;background-image: url(/img/products/bg_people.jpg);background-repeat: no-repeat;background-position: left top;}

.productList { padding:0px;margin:0px !important; height:70px !important; width:300px;margin-top:20px;margin-left:24px;}
.productList ul { margin-top:0px;list-style: none;height:70px;font-size:10px;width:300px;}
.productList ul li { float:left;width:75px;height:70px;text-align:center; margin-right:10px;margin-left:0px;}
#products #layout-table #col1 div.productList { float:right;margin-right:14px;}
#products #layout-table #col1 div.productList ul li { float:right;  margin-right:10px;}

.productList ul li a img {margin-bottom:5px;}
.productList ul li a {z-index: 100;float:left;display:block;color:#333;text-align:center; width:70px; height:15px;text-decoration:none; background-repeat: no-repeat; background-position: center top;}
.productList ul li a:hover {color:#333 !important;}

.nav3 {height:60px;list-style:none;margin:0px;padding:10px 0px;}
.nav3 li {float:left;margin:0px;padding:25px 0px 0px 0px;margin-right:20px;}
.nav3 li.icon {
	text-align:right;font-size:11px;float:right;padding:0;margin-right:0px;
}
.nav3 li.talk a{	color:#0081d3;}

.feature-table td {padding-bottom:20px;}
.feature-table .col1{width:180px;}

.screens-table .col1 {width:210px;}
.screens-table .col1 ul {list-style:none;}
.screens-table .col1 li {float:left;width:93px;}
.screens-table .col2 {text-align:center;padding-bottom:15px;}

.news-table .col1 {width:100px;color:#333;font-size:10px;vertical-align:top;padding-top:4px;}
.news-table .col2 {font-size:14px;vertical-align:top;}
.news-table .col2 img {margin-bottom:15px;}
.questions,.questions li {padding:0; margin:0;}
.questions {list-style:none;padding-bottom:15px;}
.questions li a {color:#FF9900;}
.mtop10 {margin-top:10px;}
.mtop20 {margin-top:20px;}
.mtop30 {margin-top:30px;}
.ptop20 {padding-top:10px;}
.ptop20 {padding-top:20px;}
.ptop20 {padding-top:30px;}
.mtop-15 {margin-top:-15px;}
.required {color:#990000;}

.feed {
list-style:none;
margin:0px 0px 0px -12px;}
.feed li {padding-left:10px;border-bottom:1px solid #333;}
.feed .feed_date {
	width:70px;
	font-size:10px;
	float:right;
	text-align:right;
}
.feed .feed_body {
	width:200px;
	font-size:10px;
	float:left;
}

#layout_one {width:100%;}
#layout_one #column_one {float:left;width:580px;padding:0px 20px 0px 0px;}
#layout_one #column_two {float:right;width:315px;}

#layout_two {width:100%;}
#layout_two #column_one {float:left;width:400px;padding:0px 20px 0px 15px;}
#layout_two #column_two {float:right;width:430px;padding:0px 20px 0px 0px;}

#layout_three {width:100%;}
#layout_three #column_one {float:left;width:120px;padding:0px 15px 0px 0px;}
#layout_three #column_two {float:right;width:780px;padding:0px 0px 0px 0px;}
#layout_three #column_two .product_content { padding:0px 20px 0px 15px;}

#layout_four {width:100%;}
#layout_four #column_one {float:left;width:370px;padding:0px 20px 0px 15px;}
#layout_four #column_two {float:right;width:450px;padding:10px 20px 0px 0px;}

#services #layout_two #column_one {width:350px}
#services #layout_two #column_two {padding:70px 20px 0px 0px;width:430px}
#services #layout_two #column_two h3 {font-size:15px; }
#services #layout_two #column_two p { }
#services #layout_two #column_two ul {list-style:none; padding-bottom:0px;width:210px;float:left; }
#services #layout_two #column_two ul li {font-size:13px;width:205px;line-height:15px;padding-bottom:6px;}

ul.client-list {
	margin:0px;
	list-style:none;
	color:#333;
	}
	ul.client-list li{
	color:#333;
	}
/* DEBUG SETTINGS */
.cake-sql-log {
	width:935px;
	margin:100px auto 10px auto;
	border:1px solid #333;
	border-bottom:none;
	background-color:#fff;
	color:#333;
}
/* DEBUG SETTINGS */
.cake-sql-log td,.cake-sql-log th{
	vertical-align:top;
	text-align:left;
	font-size:11px;
	padding:4px;
	border-bottom:1px solid #333;
}
.cake-sql-log th{vertical-align:bottom;}




.input label {
	width:150px;
	font-size:10px;
	display:block;
	float:none;
}
.input {
	font-size:11px;
	margin-bottom:12px;
	/*margin-left:20px;*/
}
#cd {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	width:450px;
	padding:10px;
}
#ic{
	padding-top:10px;
	height:410px;
	width:450px;
}