/* CSS Document */


/* Original Author: James Kumar */


/*****01:Reset ----------------------------------------------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

fieldset,img{border:0; border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
textarea {line-height:1.25;} 
label {cursor:pointer;}
form {margin:0;padding:0;}
blockquote {margin:22px 40px;padding:0;}
small {font-size:0.85em;}


body {font-family: Helvetica, verdana, Arial, san-serif; font-size: 12px;line-height: 18px;}

a {border:none; text-decoration: none;}
img {border:0px; margin:0px; padding:0px;}
a {color: #DF6262; font-family: Helvetica, Arial, san-serif; text-decoration: none;}

p {font-family: Helvetica, verdana, Arial, san-serif; font-size: 12px;line-height: 18px;margin-right:10px;margin-bottom:10px;}

/*****02:Header Styles -------------------------------------------------------------------------------*/ 
#header_container {width:1000px;margin-left: auto;margin-right: auto;}

#left {width:34px;float:left; background-image: url(../images/shadow_left.gif); background-repeat: repeat-y;min-height: 118px;}
#middle {width:932px;float:left;background-color:#000000;}
#right {width:34px;float:right;background-image: url(../images/shadow_right.gif); background-repeat: repeat-y;min-height: 118px;}
#clearheader {clear:both;}


#header_container2 {width:1000px;margin-left: auto;margin-right: auto;}
#left2 {width:34px;float:left; background-image: url(../images/shadow_left.gif); background-repeat: repeat-y;min-height: 25px;}
#middle2 {width:932px;float:left;background-color:#fff;height:25px;}
#right2 {width:34px;float:right;background-image: url(../images/shadow_right.gif); background-repeat: repeat-y;min-height: 25px;}




#logo {width:257px;float:left;}
#topnav {width:659px; float:right; color:#000000;text-align: right;font-family: Helvetica, Verdana, Arial, san-serif; font-size: 12px;text-transform:capitalize; margin-right:16px;}
#tagline {width:659px; float:right; color:#ffffff;text-align: right;font-family: Helvetica, Verdana, Arial, san-serif; font-size: 12px;text-transform:capitalize; }
#tagline img {margin-right:60px;}
#bannerclearcontent {clear:both;}

#banner_container {width:1000px;margin-left: auto;margin-right: auto;}
#banner_left {width:34px;float:left; background-image: url(../images/shadow_left.gif); background-repeat: repeat-y;min-height: 292px;}
#banner_middle {margin-left:16px;width:916px;float:left; background-color:#ffffff; margin-top:9px;}
#banner_right {width:34px;float:right;background-image: url(../images/shadow_right.gif); background-repeat: repeat-y;min-height: 292px;}
#bannerclear {clear:both;}

/*****03:Navigation Styles -------------------------------------------------------------------------------*/ 


#topNav                       {float:right;margin-right:20px;font-family: Helvetica, verdana, Arial, san-serif; }
#topNav ul                    {list-style:none;padding-top:8px;margin:0px;font-family: Helvetica, verdana, Arial, san-serif; }
#topNav li                    {list-style:none;float:left;text-transform:uppercase; border-right:1px solid #000;color:#000; font-size:12px;font-family: Helvetica, verdana, Arial, san-serif;}
#topNav li a                  {padding:0px 10px;font-family: Helvetica, verdana, Arial, san-serif; font-size:12px;font-weight:bold;color:#000;}
#topNav li a:hover            {color:#E90004;height:20px;}
#topNav ul a:active           {color: #E90004;font-family: Helvetica, verdana, Arial, san-serif; }

/*****04:Body Styles -------------------------------------------------------------------------------*/ 

#body_container {width:1000px;margin-left: auto;margin-right: auto;}
#body_left {width:34px;float:left; background-image: url(../images/shadow_left.gif); background-repeat: repeat-y;min-height: 210px;}
#body_middle {width:932px;float:left; background-color:#ffffff; margin-top:9px;}
#body_right {width:34px;float:right;background-image: url(../images/shadow_right.gif); background-repeat: repeat-y;min-height: 210px;}
#bodyclear {clear:both;}

#services-1 {width:274px; float:left; margin-left:16px;margin-right:39px;}
#image-1 {width:274px; float:left;}
#content-1 {width:274px; float:left;margin-top:10px;margin-bottom:10px;}
#readmore-1 {width:274px; float:left;margin-bottom:10px;margin-top:10px;}

#services-2 {width:274px; float:left;}
#image-2 {width:274px; float:left;}
#content-2 {width:274px; float:left;margin-top:10px;margin-bottom:10px;}
#readmore-2 {width:274px; float:left;margin-bottom:10px;margin-top:10px;}

#services-3 {width:274px; float:right;margin-right:16px;}
#image-3 {width:274px; float:right;}
#content-3 {width:274px; float:right;margin-top:10px;margin-bottom:10px;}
#readmore-3 {width:274px; float:right;margin-bottom:10px;margin-top:10px;}

#clearservices {clear:both;}

#services-4 {width:900px; float:left; margin-left:16px;margin-right:39px;margin-top:15px;}
#image-4 {width:900px; float:left;}
#content-4 {width:900px; float:left;margin-top:15px;margin-bottom:10px;}


#services-5 {width:274px; float:left;margin-top:15px;}
#image-5 {width:274px; float:left;}
#content-5 {width:274px; float:left;margin-top:15px;margin-bottom:10px;}

#services-6 {width:274px; float:right;margin-right:16px;margin-top:15px;}
#image-6 {width:274px; float:right;}
#content-6 {width:274px; float:right;margin-top:15px;margin-bottom:10px;}


/***** #clearservices6 {clear:both;margin-bottom:0px;}


/*****04:Products Page Styles -------------------------------------------------------------------------------*/ 
#product_body_middle {width:932px;float:left; background-color:#ffffff; margin-top:9px;}
#productcontent {width:900px; margin-left:16px;}

#colleft1		{width:571px; margin-right:20px;float:left;}
#colright2		{width:309px; float:right;}

#projectscolleft1		{width:621px; float:left;}
#projectscolright2		{width:259px; float:right;margin-right:15px;}

#projectscollefts1		{width:500px; float:left;}
#projectscolrights2		{width:259px; float:right;margin-right:150px;}

#category-title	{margin-top:31px; margin-bottom: 35px;}
#projectstitlecontainer {width:900px;}
#projects-title	{margin-top:31px; margin-bottom: 35px;float:left;}
#testimonials	{margin-top:31px; margin-bottom: 35px;float:right;width:259px;}
#testimonials2	{margin-top:31px; margin-bottom: 35px;float:right;width:279px;}

.hdtestimonial	{padding-top:31px; padding-bottom:30px;}

#productimage1	{margin-left:23px;}
#productimage2	{margin-left:23px;margin-top:15px;}
#productimage3	{margin-left:23px;margin-top:15px;}

#projecttest1	{margin-right:23px;}
#projecttest2	{margin-right:23px;margin-top:15px;}
#projecttest3	{margin-right:23px;margin-top:15px;}

#product_body_left {width:34px;float:left; background-image: url(../images/shadow_left.gif); background-repeat: repeat-y;min-height: 592px;}
#product_body_middle {width:932px;float:left; background-color:#ffffff; margin-top:9px;}
#product_body_right {width:34px;float:right;background-image: url(../images/shadow_right.gif); background-repeat: repeat-y;min-height: 592px;}

#projects_body_left {width:34px;float:left; background-image: url(../images/shadow_left.gif); background-repeat: repeat-y;min-height: 592px;}
#projects_body_middle {width:932px;float:left; background-color:#ffffff; margin-top:9px;}
#projects_body_right {width:34px;float:right;background-image: url(../images/shadow_right.gif); background-repeat: repeat-y;min-height: 592px;}


/*****05:Footer Styles -------------------------------------------------------------------------------*/ 

#footer_container {width:1000px;margin-left: auto;margin-right: auto;}
#footer_left {width:34px;float:left; background-image: url(../images/shadow_left.gif); background-repeat: repeat-y;min-height: 74px;}
#footer_middle {width:932px;float:left; background-color:#ffffff; margin-top:9px;min-height: 74px;background-image: url(../images/footer_bdg.gif); background-repeat: repeat-x;}
#footer_right {width:34px;float:right;background-image: url(../images/shadow_right.gif); background-repeat: repeat-y;min-height: 74px;}
#footerclear {clear:both;}


#footer_terms {margin-left:15px;margin-top:25px;font-family: Helvetica, Verdana, Arial, san-serif; font-size: 12px;color: #ffffff; float:left;}
#developers {margin-top:25px;font-family: Helvetica, Verdana, Arial, san-serif; font-size: 12px;color: #ffffff; float:right;margin-right:15px;}
#footerclear {clear: both;}
#developers a {color:#ffffff;}
#developers a:hover {color:#DF6262;}




/*****06: Projects Page Styles -------------------------------------------------------------------------------*/ 
h2 {padding-bottom:10px;}
h3 {padding-bottom:3px;padding-top:0px;}

.col-1 {
float: left;
overflow: hidden;
}




.list-2 {
width: 100%;
padding: 0 0 7px 0;
overflow: hidden;
}

.list-2 li {
width: 100%;
margin: 0 0 13px 0;
padding: 0 0 13px 0;
overflow: hidden;
vertical-align: top;
line-height: 1.417em;
font-size: 1em;
color: #000000;
list-style:none;
}
.list-2 li.extra {
background: none;
margin: 0;
}
.list-2 li img {
float: left;
margin: 0 18px 0 0;
}
.list-2 li strong {
display: block;
padding: 8px 0 12px 0;
color: #000000;
}
.list-2 li strong a {
text-decoration: none;
color: #000000;
}
.list-2 li strong a:hover {
text-decoration: underline;
}
.list-2 li p {
padding: 0 0 17px 0 !important;
}
.list-2 li b {
display: block;
font-weight: normal;
}
.list-2 li b a {
display: inline-block;
height: 18px;
float: left;
overflow: hidden;
line-height: 16px;
text-decoration: none;
color: #000000;
}
.list-2 li b a span {
display: inline-block;
}
.list-2 li b a span span {
display: inline-block;
height: 18px;
overflow: hidden;
margin: 0 2px 0 11px;
padding: 0 8px 0 5px;
}
.list-2 li b a:hover {
cursor: pointer;
color: #000000;
}


.colLeft {width:150px;float:left;}
.colRight {width:450px;}
.form       {width:550px;}
.inputfield {margin-left:150px;}

.paging {float:right;}

/*** set the width and height to match your images **/
#slideshow {
    position:relative;
    height:283px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    border-radius: 10px 10px 0px 0px 
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#clientquote {margin-left:0px;}

.blockquote {margin:0px;}

#author {padding-top:5px;padding-bottom:10px;color:#666;}