/* CSS Document */

html, body, div, span, small, object, iframe, h1, h2, h3, h4, h5, h6, pre, a, abbr, blockquote, acronym, address, code, del, dfn, dl, dt, dd, em, img, q, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, b, p {
	border : 0;
	font-size : 100%;
	font-family : inherit;
	line-height:inherit;
}
body {
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#787878;
	margin:0;
}
cite {
	font-weight:bold;
	font-size:14px;
	color:#333333;
}
.testimonial p {
	margin-left:0px;
}
.leftalign {
	float:left
}
.rightalign {
	float:right
}
.headerbar {
	width:100%;
	height:110px;
}
.header {
	background:url(../images/header.jpg) left no-repeat;
	height:110px;
}
.homepage {
	width:100%;
	margin:0;
	padding:0;
	background:#FFF url(../images/headerbg.gif) repeat-x;
}
.newsletterpage {
	width:700px;
	margin:0;
	padding:0;
	background:#FFF url(../images/headerbg.gif) repeat-x;
}
.newstitle {
	color:#CCCCCC;
	font:normal 200% Arial, Helvetica, sans-serif;
}
.clearfix:after {
	content : ".";
	display : block;
	clear : both;
	visibility : hidden;
	line-height : 0;
	height : 0;
}
.clearfix {
	display : inline-block;
}
html[xmlns] .clearfix {
	display : block;
}
* html .clearfix {
	height : 1%;
}
a {
	color: #959da4;
	text-decoration:none;
}
a:hover {
	color: #808080;
	text-decoration:none;
}
.small {
	font:normal 80% Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
.disclaimer {
	font:normal 9px/10px Arial, Helvetica, sans-serif;
	color:#b8b8b8;
}
.topmenu {
	background: url(../images/menubg.gif) repeat-x;
	width:100%;
	margin:auto;
	height:39px;
	margin-bottom:10px;
}
.slogan {
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:40px 0 0px 40px;
	letter-spacing:-2px;
	padding:0;
	text-align:right;
}
.slogan p {
	font:italic bold 12px georgia, Helvetica, sans-serif;
	color:#fff;
	letter-spacing:0;
}
.logo {
	margin:20px 0 0 0;
}
.logosmall {
	margin:20px 0 0 0;
}
.gallerypart {
	height:auto;
	margin:0;
	padding:0;
}
.box {
	padding:10px;
}
h1 {
	font:normal 250% Arial, Helvetica, sans-serif;
	color:#777777;
	margin:0;
	line-height:30px;
	letter-spacing:-1px;
	padding:0 0 10px 0;
}
h2 {
	font-size:24px;
	color:#090;
	margin:0;
	padding:5px 0 0 0;
}
h3 {
	font-size:20px;
	font-style:italic;
	color:#777777;
	margin:0;
	padding:5px 0 0 0;
}
h4 {
	font-size:18px;
	color:#777777;
	margin:0;
	padding:5px 0 0 0;
	letter-spacing:-1px;
}
h5 {
	font-size:14px;
	color:#777777;
	margin:0;
	padding:5px 0 0 0;
}
p {
	color:#787878;
	margin-bottom: 10px;
}
.icontxt {
	padding-left:10px;
}
blockquote {
	border-top:6px solid #a0a0a0;
	padding: 5px 15px;
	margin:10px 0;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
}
a.read {
	font-size:13px;
	letter-spacing:-1px;
	color:#b5bdc4;
	padding:5px 0;
	text-decoration:none;
	font-weight:bolder;
	float:right;
}
a.read:hover {
	color:#959da4;
	padding:5px 0;
	float:right;
}
.linebg {
	height:1px;
	margin:10px 0;
	border-bottom:1px solid #e3e3e3;
}
.grayline {
	height:3px;
	margin:10px 0;
	background: url(../images/grayline.gif) bottom left no-repeat;
	clear: both;
	margin-top: 20px;
}
.breadcrumb a {
	font:normal 12px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}
.content {
	padding:0 10px;
}
/*--------- FOOTER ----------------*/
.footer {
	height:100px;
	font-size:12px;
	color:#808080;
	padding:15px 0px;
	margin:auto;
	width:100%;
}
/*--------- FOOTER ----------------*/

#featured {
	width:960px;
	margin:auto;
	height:244px;
	padding:0px;
}
.featuredimg {
	border:1px solid #dbd6d2;
	background:#FFFFFF;
	width:413px;
	padding:8px;
}
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 960px; /*Width of Carousel Viewer itself*/
	height: 244px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 8px 0px 0px 8px; /*margin around each panel*/
	width: 940px;
	color:#333333;/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.panel .stepbottom {
	float:right;
	width:550px;
	padding:20px 0;
	color:#666666;
	font:italic 17px Georgia, Tahoma, "Times New Roman", Times, serif;
}
.stepcarousel .corner {
	position:relative;
	top:7px;
	left:7px;
	width:85px;
	height:85px;
}
.centeralign {
	text-align:center;
}
.panel h1 {
	font:italic 30px Georgia, "Trebuchet MS", Tahoma, "Times New Roman", Times, serif;
	color:#0094c4;
	background:none;
	padding-bottom:10px;
}
a.readmore:link, a.readmore:visited, a.readmore:active {
	background:url(../images/readmore.png) 0% 100% no-repeat;
	padding:0 15px;
	float:right;
	font:normal bold 12px Arial, Tahoma, "Times New Roman", Times, serif;
	text-decoration:none;
}
a.readmore:hover {
	background:url(../images/readmore.png) 0% 100% no-repeat;
	padding:0 15px;
	color:#000;
	float:right;
	font:normal bold 12px Arial, Tahoma, "Times New Roman", Times, serif;
	text-decoration:none;
}
.photobg {
	background:url(../images/bgimg.gif) no-repeat;
	width:337px;
	height:210px;
}
div.photobg img {
	position:relative;
	left:30px;
	top:32px;
}
.date {
	color:#ef5c0c;
	font-size:10px;
	font-weight:bold;
	float:left;
}
ul.newslist {
	padding:0;
	margin:10px 0;
}
ul.newslist li {
	border-bottom:1px solid #ccc;
	padding:10px 0;
	margin:0;
}
/*- SUB MENU --------------------------- */
#submenu {
	margin:10px 0;
}
#submenu ul {
	margin:0;
	padding:0 0 0 20px;
	list-style:url(../images/circle.gif);
}
#submenu ul li a {
	font:normal 12px Arial, Helvetica, sans-serif;
	voice-family:inherit;
	margin:0;
	height:18px;
	background:url(../images/s2.gif) bottom left no-repeat;
	text-decoration:none;
	padding:6px 10px 6px 10px;
}
#submenu ul li a:link, #submenu ul li a:visited {
	color:#a5a5a5;
	display:block;
}
#submenu ul li.current a {
	color:#090;
	font-weight:bold;
}
#submenu ul li a:hover {
	color:#808080;
}
/*- SUB End --------------------------- */
.servicebox {
	width:100%;
	overflow:auto;
	height:100%;
}
.rightpara {
	margin-left:250px;
	padding:0 0 0 20px;
}
.rightpara2 {
	margin-left:120px;
	padding:0 0 0 20px;
}
ul.listitems {
	margin:0;
	padding:0;
}
ul.listitems li {
	font:normal 12px Arial, Helvetica, sans-serif;
	voice-family:inherit;
	margin:0;
	height:18px;
	background:url(../images/circle.gif) 0% 50% no-repeat;
	text-decoration:none;
	padding:3px 10px 3px 20px;
}
.portfolioitem .details {
	color:#787878;
	float:right;
	line-height:16px;
	width:535px;
}
.portfolioitem h2 {
	font:normal 200% Arial, Helvetica, sans-serif;
	color:#777777;
	font-style:normal;
	padding-bottom:10px;
	border-bottom:1px solid #e3e3e3;
	letter-spacing:-1px;
	margin:0 0 10px 0;
}
.portfolioitem {
	background:#fff;
	margin:10px 0;
}
a.rightalign {
	color:#006b87;
	font-size:12px;
	text-decoration:underline;
}
a.rightalign:hover {
	color:#333333;
	text-decoration:none;
}
.bordersub {
	border:1px solid #bce6f2;
	background:#e5f7fc;
	padding:8px;
	margin:10px;
}
.borderimg {
	border:1px solid #ddd;
	background:#fff;
	padding:10px;
}
.description {
	background:#f6f6f6;
	border-left:3px solid #d1d1d1;
	padding:5px 10px;
	width:100%;
	margin:0 0 1px 0;
}
.description2 {
	background:#e5f7fc;
	border-left:3px solid #bce6f2;
	padding:5px 10px;
	width:100%;
	margin:0 0 1px 0;
}
.descriptionm2m {
	background:#78C551;
	border-left:3px solid #0c0;
	padding:5px 10px;
	width:100%;
	margin:0 0 10px 0;
	color: #FFF;
}
ul.logoslist {
	margin:0;
	padding:0;
	display:inline;
}
ul.logoslist li {
	display: inline;
}
/* ================================================= */
/* 	 INPUT FIELD CSS                                 */
/* ================================================= */

form input {
	background-color: #FAFAFA;
	background-image: url("../images/bg_box.gif");
	color: #484848;
	padding: 2px;
	border-radius:5px;
	-moz-border-radius:5px;
}
form textarea {
	vertical-align:top;
}
form input[type=radio], form input[type=checkbox] {
	border: none;
}
input[type=text], input[type=password], textarea {
	border-radius:5px;
	-moz-border-radius:5px;
	background: #fff url('../images/bg_box.gif') repeat-x top left;
	border: 1px solid #b8b8b8;
	padding: 5px 8px;
	margin: 2px 0px;
}
input[type=text]:focus, input[type=password]:focus {
	background: #fff url('../images/bg_box.gif') repeat-x top left;
}
input[type=submit], input[type=button], input[type=image], input[type=reset], textarea:focus {
	background:none;
}
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
	width: auto;
	margin: 2px 10px;
}
* input[type=image] {
	background:none;
}
/*********************   BLOG PAGE CSS  ************************/

.blogbox {
	width:auto;
	margin:1px;
	background:#ffffff url(../images/blogbg.gif) top left repeat-x;
	padding:20px;
	border-top:1px solid #ccc;
	height:100%;
}
.blogbox p {
	width:auto;
	margin:10px 0 0 0;
	padding:0;
}
.blogbox h3 {
	margin:10px 0;
	padding:0 0 0 0px;
	text-align:left;
	font:normal 200% Arial, Helvetica, sans-serif;
	color:#191919;
	letter-spacing:-1px;
	line-height:inherit;
}
.blogbox b {
	margin-bottom:3px;
	color:#000;
}
.blogbox img {
	margin-left:5px;
}
.blogbox span.details {
	font:normal 12px/10px Arial, Helvetica, sans-serif;
	background:#eaeaea;
	color:#484848;
	width:auto;
	padding:5px 15px;
}
a.blogread:link, a.blogread:visited, a.blogread:active {
	background:#090;
	padding:3px 15px;
	color:#ffffff;
	font:normal 9px Arial, "Times New Roman", Times, serif;
	float:right;
	text-decoration:none;
}
a.blogread:hover {
	background:#000;
	padding:3px 15px;
	color:#fff;
	float:right;
	font:normal 9px Arial, "Times New Roman", Times, serif;
	text-decoration:none;
}
.bottombar {
	height:auto;
	font-size:9px;
	margin:0 0 10px 0;
	padding:8px 10px;
	background:#e5f7fc;
	border-top:3px solid #bce6f2;
}
.comment {
	font-size:12px;
	font-weight:bold;
}
/* ================================================= */
/*               PAGINATION CSS                      */
/* ================================================= */
.pagelink {
	width:10px;
	color:#333;
	background:#ffffff url(../images/pagebg.gif) bottom left repeat-x;
	border:1px solid #c9c9c9;
	clear:both;
	line-height:35px;
	text-decoration:none;
}
a.pagelink:active, a.pagelink:visited, a.pagelink:link {
	width:10px;
	border:1px solid #c9c9c9;
	background:#ffffff url(../images/pagebg.gif) bottom left repeat-x;
	color:#9c9c9c;
	padding:6px;
}
a.pagelink:hover {
	width:10px;
	background:#ffffff url(../images/pagebg.gif) bottom left repeat-x;
	border:1px solid #9c9c9c;
	color:#484848;
	padding:6px;
}
.pagecurrent {
	width:10px;
	background:#ffffff url(../images/pagebg.gif) bottom left repeat-x;
	border:1px solid #9c9c9c;
	color:#000;
	padding:6px;
}