@charset "utf-8";
/* CSS Document */
img { 
	border: none; 
} 

body,td,th {
	color: #77797c;
	font-family: tahoma,verdana,sans-serif;
	font-size: 11px;
	line-height: 16px;
}
body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-repeat: repeat-x;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	color: #31b6e9;
	font-size: 18px;
	margin-top: 4px;
	margin-bottom: 4px;
}
h2 {
	font-size: 14px;
	color: #23b1e8;
	margin-top: 6px;
	margin-bottom: 6px;
}
.clearer {
	clear: both;
}

a:link {
	color: #16ace6;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #16ace6;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #16ace6;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #16ace6;
	font-weight: bold;
}
#main-wrapper {
	background-image: url(images/main-bg.jpg);
	background-repeat: repeat-x;
	height: auto;
	width: 100%;
	min-width: 942px;
}
#main-footer {
	height: 205px;
	width: 100%;
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
}
#inner-footer {
	height: 186px;
	width: 937px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 19px;
	padding-left: 5px;
	background-image: url(images/footer-bg.jpg);
}
.footer-titles {
	font-size: 14px;
	color: #23b1e8;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#footer-left-col {
	float: left;
	height: 128px;
	width: 213px;
	background-image: url(images/footer-title-1.jpg);
	background-repeat: no-repeat;
	padding-top: 22px;
	padding-left: 5px;
}
#footer-left1-col {
	float: left;
	height: 114px;
	width: 243px;
	background-image: url(images/footer-title-2.jpg);
	background-repeat: no-repeat;
	padding-top: 22px;
	padding-left: 5px;
}
#footer-left2-col {
	float: left;
	height: 114px;
	width: 213px;
	background-image: url(images/footer-title-3.jpg);
	background-repeat: no-repeat;
	padding-top: 22px;
	padding-left: 5px;
}
.phone-num-1 {
	float: right;
	height: 31px;
	width: 206px;
	background-image: url(images/ph1.jpg);
	background-repeat: no-repeat;
}
.phone-num-2 {
	float: right;
	height: 36px;
	width: 206px;
	background-image: url(images/ph2.jpg);
	background-repeat: no-repeat;
}
.footer-logo {
	background-image: url(images/footer-logo.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 26px;
	width: 600px;
	color: #FFF;
	padding-top: 10px;
	padding-left: 30px;
}







#main-container {
	height: auto;
	width: 942px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 114px;
	width: 942px;
}


#menu {
	height: 37px;
	margin-left: 10px;
	padding-top: 6px;
}


/* Navigation */
#menu ul {
	list-style-type:none;
	padding:0px;
	color: #FFF;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-variant: normal;
	font-weight: normal;
	margin-top: 5px;
	float: left;
} 
.top-logo {
	float: left;
	height: 91px;
	width: 250px;
}
.head-tel {
	float: right;
	height: 91px;
	width: 271px;
}


#menu ul li {
	float:left;
	color: #FFF;
	margin-right: 10px;
} 

#menu ul li a {
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #FFF;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 11px;
}

#menu ul li.active {
	font-weight: bold;
	background-image: url(images/navlink_bgstart.png);
	background-repeat: no-repeat;
}

#menu ul li a.active {
	background-position: 100% 0%;
	background-image: url(images/navlink_bgend.png);
	background-repeat: no-repeat;
}

#menu ul li:hover {
	background-image: url(images/navlink_bgstart.png);
	background-repeat: no-repeat;
}
#menu ul li a:hover {
	background-position: 100% 0%;
	background-image: url(images/navlink_bgend.png);
	background-repeat: no-repeat;
}

#crumbs {
	height: 17px;
	width: 934px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #424549;
	padding-top: 5px;
	padding-left: 8px;
	font-size: 10px;
}
#main-content {
	height: auto;
	width: 942px;
	margin-bottom: 10px;
}
#left-content {
	float: left;
	height: auto;
	width: 608px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
	padding-right: 8px;
	margin-bottom: 10px;
}
#right-content {
	float: right;
	height: auto;
	width: 308px;
}
#quick-message {
	background-image: url(images/quick-message-bg.jpg);
	background-repeat: no-repeat;
	height: 238px;
	width: 308px;
}
.right-info-box {
	padding: 5px;
	height: auto;
	width: 298px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.web-design-serv {
	height: 41px;
	width: 543px;
	padding-left: 62px;
	background-image: url(images/web-design-icon.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
}
.ecomm-design-serv {
	height: 39px;
	width: 543px;
	padding-left: 62px;
	background-image: url(images/ecommerce-icon.jpg);
	background-repeat: no-repeat;
	padding-top: 12px;
}
.logo-design-serv {
	height: 41px;
	width: 543px;
	padding-left: 62px;
	background-image: url(images/logo-design-icon.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
}
.seo-design-serv {
	height: 41px;
	width: 543px;
	padding-left: 62px;
	background-image: url(images/seo-icon.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
}
.banner-design-serv {
	height: 41px;
	width: 543px;
	padding-left: 62px;
	background-image: url(images/banner-design-icon.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
}




.service-info {
	height: auto;
	width: 605px;
	margin-bottom: 30px;
}
.main-portfolio-item {
	float: left;
	height: 167px;
	width: 287px;
	border: 5px solid #e2e0e0;
	margin-right: 14px;
}
.main-portfolio-item-r {
	float: left;
	height: 167px;
	width: 287px;
	border: 5px solid #e2e0e0;
}
.main-portfolio-left-text {
	float: left;
	height: 35px;
	width: 297px;
	margin-right: 14px;
	padding-top: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #23b1e8;
}
.main-portfolio-right-text {
	float: left;
	height: 35px;
	width: 297px;
	text-align: center;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #23b1e8;
}

#navlist
{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	margin-top: 0px;
}
.list {
	float: left;
	height: 200px;
	width: 300px;
}


#navlist li 
{
	padding-left: 30px;
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	height: 20px;
	margin-left: 50px;
	padding-top: 5px;
}
#navlist1 {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	margin-top: 0px;
	float: left;
	height: auto;
	width: 265px;
}
#navlist1 li 
{
	padding-left: 30px;
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	height: 20px;
	margin-left: 50px;
	padding-top: 5px;
}

#navlist2 {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	margin-top: 0px;
	float: left;
	height: auto;
	width: 340px;
}
#navlist2 li 
{
	padding-left: 30px;
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	height: 20px;
	margin-left: 20px;
	padding-top: 5px;
}.banner-list {
	float: left;
	height: auto;
	width: 200px;
	font-weight: bold;
}
.right-samples {
	height: 167px;
	width: 287px;
	border: 5px solid #e2e0e0;
	margin-bottom: 10px;
}
.right-testimonials {
	height: 132px;
	width: 287px;
	margin-bottom: 10px;
	background-image: url(images/quote-bg.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

.clearfix {
	display: block;
}
#slider-holder {
	height: 350px;
	width: 942px;
	margin-bottom: 10px;
}
#slider {
	height: 330px;
	width: 942px;
	margin-top: 20px;
	background-color: #edecec;
}



/* CAROUSEL
---------------------------------------------*/

/* robs
---------------------------------------------*/

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 942px; /*Width of Carousel Viewer itself*/
	height: 310px; /*Height should enough to fit largest content's height*/
	margin-top:20px;
}

.stepcarousel .panel{
	float: left;
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 942px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:360px;
	position:relative;
	background-position: 0 0;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top: 1px;
	height: 359px;
}


.stepcarousel .panel .projectDetails {
	float:left;
	width:255px;
	height: 227px;
	margin-top: 35px;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: 25px;
}


.stepcarousel .panel .projectDetails .title {
	font-size:16px;
	font-weight:bold;
}


.stepcarousel .panel .projectImg {
	top:15px;
	right:14px;
	width: 613px;
	height: 297px;
	float: right;
	margin-top: 20px;
	margin-right: 10px;
	border: 1px solid #CCC;
	
}
a.footLink:link {
	color: #77797c;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

a.footLink:visited {
	color: #77797c;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
a.footLink:hover {
	color: #FFF;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
}
a.footLink:active {
	color: #77797c;
	font-size: 11px;
	font-weight: normal;
}
.page-numbers {
	height: 20px;
	width: 608px;
	padding-top: 10px;
	text-align: center;
}



#sub {
	height: 37px;
	padding-top: 6px;
	width: auto;
	float: left;
	padding-left: 5px;
}


/* Navigation */
#sub ul {
	list-style-type:none;
	color: #FFF;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-variant: normal;
	font-weight: normal;
	margin-top: 5px;
	padding: 0px;
	float: left;
} 


#sub ul li {
	float:left;
	color: #FFF;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-image: url(images/foot_bgstart1.jpg);
} 

#sub ul li a {
	background-position: 100% 0%;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #FFF;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 11px;
	background-image: url(images/foot_bgend1.jpg);
	background-repeat: no-repeat;
}

#sub ul li.active {
	font-weight: bold;
	background-image: url(images/foot_bgstart.png);
	background-repeat: no-repeat;
}

#sub ul li a.active {
	background-position: 100% 0%;
	background-image: url(images/foot_bgend.png);
	background-repeat: no-repeat;
}

#sub ul li:hover {
	background-image: url(images/foot_bgstart.png);
	background-repeat: no-repeat;
}
#sub ul li a:hover {
	background-position: 100% 0%;
	background-image: url(images/foot_bgend.png);
	background-repeat: no-repeat;
}

/* Leave us a Message */
 .contact_form {
                        padding-left: 15px;
                        padding-top: 36px;
                        color:#77797C;
                }
        .contact_form input, textarea {
                        border: none;
                        width: 266px;
                        padding: 6px 6px 0px;

  font-family:Tahoma,Geneva,sans-serif;
  font-size: 10px !important;
                }
        .contact_form input {
                margin-bottom: 6px;
                        height: 16px;
                }
        .contact_form textarea {
                        border: none;
                        height: 64px;
                }
                .send_button {
                        float: right;
                        margin-right: 10px;
                        width: 109px !important;
                        height: 30px !important;
                }
                .contact_thankyou {
                        padding: 80px 6px 0px;
  font-family:Tahoma,Geneva,sans-serif;
  font-size: 16px !important;
                }
                
#left-content2 {
	float: left;
	height: auto;
	width: 900px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
	padding-right: 8px;
	margin-bottom: 10px;
}

/*Added by Design4Coding*/
#content {float: left; font-size: 11px}
#sidebar {float:left;margin-left:45px;padding:20px 0 10px;width:250px;}
.narrowcolumn {padding: 10px 10px 0 10px !important; width: 600px !important;}
#sidebar .navigation {text-align: left !important;}
#sidebar .navigation  li ul li a{color: #777777; font-weight: normal !important;}
#main-container {overflow: hidden;}
h2 {margin: 0 0 1em}
h2 a {font-size: 22px; color: #15ACEE; line-height: 20px !important; }
h2 a:hover {text-decoration: underline; color: #15ACEE}
#sidebar #searchform #s {border:1px solid #16ACE6;margin-right:5px;padding:5px;width:130px;}
#sidebar #searchsubmit {background-color:#CCE7F5;border:1px solid #16ACE6;color:#000000;cursor:pointer;padding:4px;width:90px;}
#sidebar #searchsubmit:hover {background-color:#1987C2;border:1px solid #16ACE6;color:#000000}
.commentlist li {border: 1px solid #15ACEE; background-color: #CCE7F5}
.comment-author img {display: none;}
.commentmetadata {display: none;}
#commentform input  {border:1px solid #D7B5C7;margin-right:5px;padding:5px;width:200px;}
#commentform input:focus, #commentform textarea:focus, #sidebar #searchform #s:focus  {background-color: #F6EFF3}

#commentform textarea {border:1px solid #D7B5C7;margin-right:5px;padding:5px;}
#commentform #submit {float:left;margin:9px 0 0 auto;width:133px;background-color:#F6EFF3;border:1px solid #D7B5C7;color:#000000;cursor:pointer}
#commentform #submit:hover {background-color:#1987C2;border:1px solid #D7B5C7;color:#000000}
.entry p a {color: #15ACEE !important;}
#main-footer {margin-top: 20px !important;}
.post {border-bottom:1px solid #D7B5C7;padding-bottom:20px;}
.cufon {height:32px !important;}
.commentlist li, #commentform input, #commentform textarea {font-family: tahoma,verdana,sans-serif;font-size: 11px;}
.single .post{border: none;}