/* -- default style -- */

* {

	padding:0;

	margin:0;

}

html {

	height:100%;

	margin-bottom:1px;

}

body {

	padding:17px 0;

	color:#7c7c71;

	background-color:#fbfbf2;

	font:15px/21px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

}

img, fieldset {

	border:0;

}

p {

	padding-bottom:12px;

}

ul {

	padding-bottom:4px;

}

ul li {

	padding-bottom:11px;

	list-style:none;

}

/* -- anchore style -- */

a {

	color:#272727;

	background-color:inherit;

	text-decoration:underline;

}

a:hover {

	text-decoration:none;

}

a.greenBtn {

	font:bold 15px/36px Arial, Helvetica, sans-serif;

	color:#fff;

	background:#5f9e23 url(images/green-btn-right.gif) no-repeat 100% 0;

	display:block;

	float:left;

	width:auto;

	text-decoration:none;

}

a.greenBtn span {

	background:url(images/green-btn-left.gif) no-repeat 0 0;

	display:block;

	cursor:pointer;

	float:left;

	width:auto;

	padding:0 29px 0 16px;

}

a.greenBtn:hover {

	background-position:100% 100%;

}

a.greenBtn:hover span {

	background-position:0 100%;

}

a.smallGreenBtn {

	font:bold 12px/27px Arial, Helvetica, sans-serif;

	color:#fff;

	background:#5f9e23 url(images/small-green-btn-right.gif) no-repeat 100% 0;

	display:block;

	float:left;

	width:auto;

	text-decoration:none;

}

a.smallGreenBtn span {

	background:url(images/small-green-btn-left.gif) no-repeat 0 0;

	display:block;

	cursor:pointer;

	float:left;

	width:auto;

	padding:0 20px 0 12px;

}

a.smallGreenBtn:hover {

	background-position:100% 100%;

}

a.smallGreenBtn:hover span {

	background-position:0 100%;

}



/* -- heading style -- */

h2 {

	font:bold 18px/20px Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	color:#dc4646;

	background-color:inherit;

	padding-bottom:8px;

}

h3 {

	font:bold 15px/18px Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	color:#dc4646;

	background-color:inherit;

	padding-bottom:8px;

}

h3 img { margin-right:5px;}



/* -- wrapper style -- */

.wrapper {

	width:960px;

	margin:auto;

}



/* -- top panel style -- */

.topPanel {

	height:100%;

	overflow:hidden;

	padding-bottom:22px;

}

.topPanel img {

	float:left;

	width:auto;

}

.topPanel ul {

	float:right;

	width:auto;

	margin-top:56px;

}

.topPanel ul li {

	float:left;

	width:auto;

	padding:0 0 0 2px;

}

.topPanel ul li a {

	background:url(images/top-nav-bg.gif) no-repeat 0 0;

	width:75px;

	height:0;

	padding-top:29px;

	overflow:hidden;

	display:block;

	font-size:0;

	line-height:0;

}

.topPanel ul li.what a 	{ background-position:0 0;}

.topPanel ul li.why a 	{ background-position:-75px 0;}

.topPanel ul li.how a 	{ background-position:-150px 0;}

.topPanel ul li.when a 	{ background-position:-225px 0;}

.topPanel ul li.who a 	{ background-position:-300px 0;}

.topPanel ul li.where a { background-position:-375px 0;}

.topPanel ul li.portfolio a { background-position:-450px 0; width: 105px;}

.topPanel ul li.what a:hover 	{ background-position:0 -29px;}

.topPanel ul li.why a:hover 	{ background-position:-75px -29px;}

.topPanel ul li.how a:hover 	{ background-position:-150px -29px;}

.topPanel ul li.when a:hover 	{ background-position:-225px -29px;}

.topPanel ul li.who a:hover 	{ background-position:-300px -29px;}

.topPanel ul li.where a:hover 	{ background-position:-375px -29px;}

.topPanel ul li.portfolio a:hover { background-position:-450px -29px; }

.topPanel ul li.what a.active 	{ background-position:0 -58px;}

.topPanel ul li.why a.active 	{ background-position:-75px -58px;}

.topPanel ul li.how a.active 	{ background-position:-150px -58px;}

.topPanel ul li.when a.active 	{ background-position:-225px -58px;}

.topPanel ul li.who a.active 	{ background-position:-300px -58px;}

.topPanel ul li.where a.active 	{ background-position:-375px -58px;}

.topPanel ul li.portfolio a.active { background-position:-450px -58px; }


/* -- header style -- */

.header {

	height:100%;

	overflow:hidden;

	padding-bottom:47px;

	position:relative;

}

.header h1 {

	color:#fbfbf2;

	background-color:inherit;

	background:url(images/home-header-text.gif) no-repeat 0 0;

	height:0;

	padding-top:138px;

	overflow:hidden;

	font-size:0;

	line-height:0;

}

.header ul.link {

	position:absolute;

	right:0;

	top:33px;

	font-size:12px;

	line-height:18px;

}

.header ul.link li {

	float:left;

	padding:0 12px 0 23px;

	background-position:0 1px;

	background-repeat:no-repeat;

}

.header ul.link li.twitter { background-image:url(images/small-twitter-ico.gif);}

.header ul.link li.blog    { background-image:url(images/small-blog-ico.gif);}

.header ul.link li.email   { background-image:url(images/small-email-ico.gif);}

.header ul.link li a {

	text-decoration:none;

}

.header ul.link li a:hover {

	text-decoration:underline;

}

.innerHeader {

	padding-bottom:0px;

	margin-bottom:40px;

}

.innerHeader h1 {

	color:#fbfbf2;

	background-color:inherit;

	background:url(images/inner-header-text.gif) no-repeat 0 0;

	height:0;

	padding-top:70px;

	overflow:hidden;

	font-size:0;

	line-height:0;

} 

/* -- container style -- */

.container {

	padding:52px 0 63px;

	border-top:1px solid #d3d3c7;

	height:100%;

	overflow:hidden;

}

.homeBg  { background:url(images/home-header-img.jpg) no-repeat 0 0;}

.innerBg { background:url(images/inner-header-img.gif) no-repeat 0 0; padding-top:31px;}

/* -- content section style -- */

.content {

	width:460px;

	float:left;

	text-align:justify;

}

.content a {

	color:#448bb4;

	background-color:inherit;

}

.innerCntent {

	width:710px;

}

.innerLeftContent {

	width:360px;

	float:left;

}



/* -- right-left style -- */

.rightLeft {

	padding-top:202px;

	width:460px;

	float:right;

}

ul a {

	color:#7c7c71;

	background-color:inherit;

}

.left,

.right {

	font-size:11px;

	line-height:16px;

}

.left  { width:210px; float:left;  text-align:justify;}

.right { width:210px; float:right; padding-top:40px;}

.innerRight { padding-top:0;}

.blogLinks,

.twitterLinks {

	padding-bottom:18px;

}



/* -- contact form style -- */

.generalContact {

	width:300px;

	padding:0 0;

	float:right;

	color:inherit;

}

.generalContact label {

	display:block;

	font-weight:bold;

	margin-bottom:3px;

}

.generalContact label span {

	color:#ff2a2a;

	background-color:inherit;

	position:relative;

	top:-1px;

}

.generalContact label.msg {

	margin-top:0 !important;

	float:left;

}



.generalContact input,

.generalContact textarea {

	width:288px !important;

	padding:2px 4px;

	margin-bottom:8px;

	font:12px/18px Arial, Helvetica, sans-serif;

}

.generalContact input.btn {

	width:75px !important;

	height:25px;

	float:right;

	padding:0;

	margin:0;

}



/* -- footer style -- */

.footer {

	color:#767668;

	background-color:inherit;

	border-top:1px solid #d5d4c3;

	padding:18px 0 10px;

	font-size:11px;

	line-height:24px;

	text-align:center;

}

.footer ul {

	width:auto;

	height:24px;

	margin:auto;
	
	text-align: center;


}

.footer ul li {
	display: inline;

	width:auto;

	padding:0 14px 0 10px;

	background:url(images/footer-divider.gif) no-repeat 100% 50%;

}

.footer ul li.nobg{background:none; padding-right:0;}

.footer ul li.noPafL{padding-left:0;}

.footer a {

	color:#767668;

	background-color:inherit;

	text-decoration:none;

}

.footer a:hover {text-decoration:underline}



/* -- misc style -- */

.underlineText {

	text-decoration:underline;

}

.botBorMar {

	border-bottom:1px solid #d5d4c3;

	margin-bottom:12px;

}

.yellowText {

	color:#e59b0b;

	background-color:inherit;

}

.blueText {

	color:#448bb4;

	background-color:inherit;

}



.innerRight li, .innerRight li li{ list-style-type:none}

.innerRight li ul{ padding-bottom:27px} 

.innerRight li li{padding:0 0 11px 0;}

h3.widgettitle, li h3.widgettitle{ color:#E59B0B; background-color:inherit;}

h3#comments{ border-top:1px solid #D3D3C7; padding-bottom:0;}

/* Blog */

.blogPost{ padding-bottom:6px} 

.blogPost h3{ 

	background:url(images/square-bullet.gif) 0 4px no-repeat; 

	margin-bottom:3px;

	font:bold 18px/20px Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	color:#dc4646;

	background-color:inherit;

	padding:0 0 8px 20px;

}

.blogPost h3 a{

	text-decoration:none; 

	border-bottom:0; 

	color:#dc4646;

	background-color:inherit;

} 

.blogPost span{ 

	/*font-size:11px; */

	color:#448bb4;

	font-weight:bold; 

	margin-bottom:10px; 

	display:block;

	background-color:inherit;

}

.blogPost p a{ font-weight:bold}

.postmetadata{ padding-top:5px}



.navigation .alignleft, .navigation .alignright{ 

	width:auto; 

	float:left; 

	font-weight:bold; 

	font-size:11px; 

	padding:10px 0

}

.navigation .alignright{float:right}

.navigation .alignleft, .navigation .alignright a{ font-size:13px}



input, textarea{ font-size:12px; margin:5px 0 }

.postmetadata{ line-height:27px}

.postmetadata a{ text-decoration:none}

.postmetadata a:hover{ text-decoration:underline}

/* Blog */



/* Comments */

#respond{ clear:both;}

h3.blog{ padding:20px 0 10px 0;}

ol.commentlist{ margin:0; padding:0}

.commentlist li{

	list-style:none; 

	padding:15px 0 5px 0;

	font-style:normal;

	float:left; width:99%;

	font:15px/21px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

	color:#7c7c71;

	background-color:inherit;

	border-bottom:1px solid #D3D3C7;

}

.commentlist li a{ font-weight:bold}

.commentlist li .avatar { 

	float: left;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

	color:#fff;

	margin-right:10px;

}

.commentlist li p{ 

	position:relative;

	background-color:inherit;

	font:15px/21px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

	padding-top:5px;  

	color:#7c7c71;

	clear:both;

	line-height:18px;

}

.commentlist li a{ 

	padding-bottom:10px; 

	color:#60A7D5; 

	font-size:13px;

	background-color:inherit;

}

.reply{

	padding:4px 0 0 0; 

	font:15px/21px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

	color:#619828; 

	background-color:inherit;	

}

.cancel-comment-reply small{ font-size:11px}

.commentlist cite{ font-style:normal}

#commentform input, #commentform label, #commentform p{margin:0 0 5px 0; padding:0}

#commentform input{ width:200px}

#commentform label small{ font-weight:bold; font-size:12px !important;}

.comment-author{ 

	color:#DC4646;

	font-weight:bold; 

	background-color:inherit;

}



#submit{

	padding:4px !important; 

	font:15px/21px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

	color:#fff; 

	border:0; 

	cursor:pointer; 

	margin-bottom:10px;

	background:#619828;

	text-align:center;

}

/* Comments */