/*  
Theme Name: Faber08
Theme URI: http://www.indoxyldesigns.com
Description: Design08.
Version: 2.0.0.8
Author: Paul Potnuru
*/

* {
	font-style: normal;
	margin: 0;
	border: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
	min-width: 0;
}
#menucontact {
	position: relative;
	left: 612px;
	top: -22px;
	margin-right: 14px;
	color: #ccc;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
#menucontact:hover {
	color: #fff;
}
a {
	position: relative;
}
body {
	background: url(images/page_bg.png) repeat-x #14222b;
	text-align: center;
	font: 12px 'Trebuchet MS', sans-serif;
}
#page {
	text-align: left;
	width: 700px;
	margin: 0 auto;
	padding-bottom: 25px;
}
#logo a {
	position: relative;
	line-height: 400px;
	display: block;
	height: 130px;
	background: transparent  url(images/logo.png) no-repeat top center;
	overflow: hidden;
}
#menu {
	background: url(images/menu.png) top left;
	height: 48px;
}
#menu ul {
	list-style-type: none;
	padding: 10px 0 0 24px;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	color: #ccc;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	margin-right: 28px;
}

#menu ul li a em {
	text-decoration: underline;
}

#menu ul li a:hover {
	color: #fff;
}
.content * {
	line-height: 24px;
}
.content h1 {
	color: #83c000;
	margin-bottom: 8px;
	font: normal 20px Trebuchet MS, sans-serif;
	text-transform: capitalize;
}
h2 {
	color: #83c000;
	margin-bottom: 8px;
	font: normal 18px Trebuchet MS, sans-serif;
}
#pagebox {
	position: relative;
	background: #3c4c57;
	height: 136px;
}
#pagebox .box {
	position: absolute;
	line-height: 450px;
	display: block;
	width: 346px;
	height: 136px;
	overflow: hidden;
}
.services {
	background: url(images/pagebox_services.png) no-repeat top left;
	left: 0;
}
.portfolio {
	background: url(images/pagebox_portfolio.png) no-repeat top left;
	right: 0;
}
#pageboxbottom {
	height: 7px;
	line-height: 1px;
	background: url(images/pagebox_bottom.png) no-repeat bottom center;
}
#main {
	background: #fff;
	padding: 7px;
	margin: 25px 0 0 0;
	position: relative;
	
}
.content {
	display: block;
	padding: 7px;
	font: 11px Verdana, sans-serif;
}
.lightBlueCornersContainer {
	padding: 0;
	position: relative;
	background: #d3e3ee;
}
.lightBlueCornersContainer h1 {
	color: #424c52;
	padding: 20px;
	font-size: 20px;
	font-weight: bold;
	background: url('images/darkblueheader_line.png') bottom center no-repeat #b4cfe2;
}
.content p {
	padding: 7px 20px;
	line-height: 24px;
}
.content p a, .content ul a {
	color: #4b8fbe;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px dotted #4b8fbe;
}
.content p a:hover, .content ul a:hover {
	border-bottom: 1px solid #4b8fbe;
}
.content ul {
	padding: 0 0 0 16px;
}
.content ul li {
	padding: 0 0 0 10px;
}
#cmsservices {
        padding: 0 0 7px 34px;
}
#cmsservices a {
	font: 14px 'Trebuchet MS', sans-serif;
	font-weight: bold;
}
#cmsservices li {

}
#sidebar {
	float: right;
	width: 190px;
	background: #d3e3ee;
}
#toggleSidebar {
	height: 78px;
	width: 28px;
	display: block;
	position: relative;
	top: 5px;
	float: right;
	text-indent: -12345px;
	background: url(images/sidebar_button.png) no-repeat top right;
}
#sidebar .top {
	height: 5px;
	width: 5px;
	line-height: 5px;
	background: url(images/sidebar_top.png) no-repeat top left;
}
#sidebarcontent {
	padding: 0 10px;
	height: 400px;
}
#sidebar .bottom {
	height: 5px;
	width: 5px;
	line-height: 5px;
	background: url(images/sidebar_bottom.png) no-repeat top left;
}
#sidebar h2 {
	color: #455d6f;
}
#sidebar ul {
	list-style-type: none;
}
#sidebar ul li a {
	display: block;
	text-decoration: none;
	color: #698192;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 10px;
	background: url(images/sidebar_li_a_border.png) bottom repeat-x;
}
#sidebar ul li a:hover {
	color: #fff;
	background: #bbcedb;
}

.ddsg-wrapper {
	padding: 0 20px 20px 20px;
}

.ddsg-wrapper ul {
	padding: 0 0 0 10px;
}
.ddsg-wrapper ul ul {
	padding: 0 0 0 40px;
}
.ddsg-wrapper ul ul ul {
	padding: 0 0 0 60px;
}
#footer {
	margin-top: 10px;
}
#footertop {
	background: url(images/footer_top.png) no-repeat bottom center;
	height: 12px;
}
#footercontent {
	background: #041623;
	color: #5b6770;
	padding: 0 12px;
	height: 25px;
	position: relative;
}
#footerbottom {
	background: url(images/footer_bottom.png) no-repeat bottom center #041623;
	height: 12px;
}
.footerbutton {
	position: absolute;
	display: block;
	line-height: 345px;
	height: 25px;
	top: 5px;
	overflow: hidden;
}
#validxhtml {
	width: 83px;
	margin-left: 100px;
	background: url(images/xhtml_button.png) no-repeat top center;
	right: 221px;
}
#validcss {
	background: url(images/css_button.png) no-repeat top center;
	width: 68px;
	right: 137px;
}
#backToTop {
	background: url(images/backToTop_button.png) no-repeat top center;
	width: 105px;
	right: 16px;
}
#sitewidemessage {
	position: absolute;
	width: 100%;
	display: block;
	z-index: 99;
	top: 0;
	left: 0;
	background: url(images/application_error.png) 8px 7px no-repeat #ffffe1;
	border-bottom: 1px solid #a7a6aa;
	font: 11px Tahoma;
}
#sitewidemessage p {
	padding: 6px 10px 9px 30px;
}
#contactform input, #contactform textarea {
	border: 1px solid #ccc;
	padding: 3px;
	font: 10px Verdana, sans-serif;
}
#contactform dd {

}
#homewhyme {
	padding: 48px;
	margin: 0;
	font: 16px/22px 'Calibri', serif;
}

/*-----------*/
/* PORTFOLIO */
/*-----------*/

#portfolio {
	overflow: auto;
}

#portfolio-content {
	width: 5250px;
}

.portfolioItemLeft {
	float: left;
	margin-left: 30px;
}
.portfolioItemRight {
	padding-top: 14px;
	float: left;
	margin-left: 30px;
}
.portfolioItemRight h2 {
color: #424b52;
font-size: 20px;
font-weight: bold;
}

.tooltip {
	background: #ffff80;
	padding: 20px;
	width: 150px;
	position: relative;
	float: left;
	z-index: 99;
	margin-left: 200px;
}

.key {
	background: #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-family: 'Courier New', serif;
	font-size: 11px;
	color: #666;
	padding: 1px 2px;
}

.corner {
	position: absolute;
	width: 5px;
	height: 5px;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
}

.tl {	top: 0;	left: 0; float: left;}
.tr {	top: 0; right: 0;}
.bl {	bottom: 0; left: 0;}
.br {	bottom: 0; right: 0;}

.whitetl {background: url(images/rounded_corners.png)  0px  0px;}
.whitetr {background: url(images/rounded_corners.png) -5px  0px;}
.whitebl {background: url(images/rounded_corners.png)  0px -5px;}
.whitebr {background: url(images/rounded_corners.png) -5px -5px;}

.lightbluetl {background: url(images/rounded_corners.png)  0px -13px;}
.lightbluetr {background: url(images/rounded_corners.png) -5px -13px;}
.lightbluebl {background: url(images/rounded_corners.png)  0px -18px;}
.lightbluebr {background: url(images/rounded_corners.png) -5px -18px;}

.darkbluetl {background: url(images/rounded_corners.png)  0px -26px;}
.darkbluetr {background: url(images/rounded_corners.png) -5px -26px;}
.darkbluebl {background: url(images/rounded_corners.png)  0px -31px;}
.darkbluebr {background: url(images/rounded_corners.png) -5px -31px;}

ol {
 list-style-type: lower-roman;
 padding-left: 25px;
}

ol li {
 padding-left: 20px;
 line-height: 24px;
}

#pricing-table-container {
	text-align: center;
}

#pricing-table {
	width: 400px;
	padding: 0;
	margin: 0 auto 15px auto;
	border-collapse: collapse;
	text-align: left;
}

th {
	color: #83c000;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
}

td {
	background: #bcd5e5;
	padding: 6px 6px 6px 12px;
	color: #3f6881;
	border-bottom: 1px solid #85b1cf;
}

td.alt {
	margin: 1px 0px;
	background: #cadbe8;
	color: #424c52;
}

tr {
	padding: 0;
	margin: 0;
}

.paulClear {
	clear: both;
	float: none;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
}