/* 
CSS for Testing two column layout site 
*/ 
#footerwrapper {width:100%; background-image:url(../images/footer.jpg); background-position:bottom; background-repeat:no-repeat; }
#wrapper {width:1000px; margin: 0 auto; padding:0; min-height:100%;} 
#container {width:1000px; min-height:100%; margin-bottom: -50px; position: relative;}
#layout {width:1000px;}

html, body {font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0px; padding:0px;background: url(../images/bg.gif) repeat-x;}
.portfolio_text {font-family:Arial, Helvetica, sans-serif;font-size:12px; margin:0px; padding:0px; width:178px;}

/*----header one----*/
#header {width: 1000px;height: 231px;padding:0px;margin:0px;background: no-repeat url(../images/header1.png) center;}
#headerservices {width: 1000px;height: 231px;padding:0px; margin:0px;background: no-repeat url(../images/header3.jpg) center;}
#headersupport {width: 1000px;height: 231px;padding:0px;margin:0px;background: no-repeat url(../images/header7.gif) center;}
#headertesti {width: 1000px;height: 231px;padding:0px;margin:0px;background: no-repeat url(../images/header4.jpg) center;}
#menu {float:left; width:650px;height:16px;margin:0px;margin-top:165px;}
#menuright {float:right; width:100px;height:16px;margin:0;color: #000;}
#menuright a{text-decoration:none; color:#000;}
#menuright a:hover{text-decoration:none; color:#FFF;}
#menuright ul {list-style: block;margin:0px;}
#menuright li{float:right;font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;margin: 165px 20px 0;display:inline;}

/*-----header two-----*/
#header2 {width: 1000px;height: 209px;padding:0;margin:0;background: no-repeat url(../images/header2.jpg) center;}
#headercontact {width: 1000px;height: 209px;padding:0;margin:0;background: no-repeat url(../images/header5.jpg) center;}
#headerport {width: 1000px;height: 209px;padding:0;margin:0;background: no-repeat url(../images/header6.jpg) center;}
#headermap { width: 1000px;height: 209px;padding:0;margin:0;background: no-repeat url(../images/header8.gif) center;}
#menu2 {float:left; width:1000px;height:auto;margin:0px;margin-top:165px;}

/*----content area----*/
#content {float:left;width: 730px;padding: 10px;}
.contentitem {margin-top:10px; width:710px;}
#watwehave {height:130px;}
#leftscroll {width: 13px;height:130px; float:left;}

#midscroll {width:1700px;height:130px; margin:0 15px;}
.scroller {margin:0 0 0 0; padding:0 0 0 0; float:left; width:1700px; height:125px;}
.scroller li{display:inline;float:left; padding:5px; margin-left:5px; width:195px; height:120px;}
.scroller_inner {margin:0 0 0 0; padding:0 0 0 0; float:left; width:195px;}
.scroller_inner li{display:inline; float:left; padding:0; margin:0; width:115px; height:70px; text-align:justify;font-family:Arial, Helvetica, sans-serif;font-size:10px;}
#rightscroll {width:13px;height:130px; float:right;}
.breaker {background-image:url(../images/tablebreaker_top.png); background-repeat:repeat-x; height:17px; margin-top:5px;}
.breaker2 {background-image:url(../images/tablebreaker_bottom.png); background-repeat:repeat-x; height:17px;}
.scrollcontent {font-family:"Century Gothic", Tahoma, Geneva, sans-serif;font-weight:bold;}
.scrolltext {text-align:justify; width:115px; font-family:Arial, Helvetica, sans-serif;font-size:10px; font-weight:normal;}
.more {text-align:right;}
.more a{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; font-weight:normal;text-decoration:none;}
.more a:hover{text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; font-weight:normal;}

/*---- for scrolling list ----*/
.tabletitle {text-align:center;font-family:"Century Gothic", Tahoma, Geneva, sans-serif;font-weight:bold;}
.tabletext {text-align:justify;font-family:Arial, Helvetica, sans-serif;font-size:11px;}

.tabletext a{text-decoration:none;color:#000}

.tabletext a:hover{text-decoration:underline;color:#00F;}

/*---- end of scrolling list----*/

/*----list properties----*/

.list1 {width:300px;float:left;color:#000; list-style:url(../images/bullet.gif);}
.list2 {width:300px;float:right;margin-right:100px;color:#000; list-style:url(../images/bullet.gif);}
.list {color:black;}
.listClient {height:23px;width:300px;float:left;color:#000; list-style:url(../images/bullet.gif);}

/* to add spacing after all list items */
.post-bodycopy li {margin-bottom: 10px !important;}

/*----support----*/
#support {height:200px;float:left;}

/*----alliance----*/
#alliance {height:200px;float:left; padding-bottom:20px;}

/*----webdev----*/
#webdev {height:170px;float:left;}

/*----sidebar area----*/
#sidebar {float:right;width: 240px;min-height:400px;padding:10px 10px 10px 0px;background-color:#e2f6d8;}
#image {width:240px;height: 425px;background: url(../images/form.jpg) no-repeat;}

input { font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size: 12px;margin-bottom:5px;}
input:focus, input.focused { border-color: #000; color: #333; }

textarea { font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size: 12px;width:192px; height:15px;margin-bottom:5px;}
textarea:focus, textarea.focused { border-color: #000; color: #333; }

#form {width:193px;height:237px;position:relative;top:65px;left:21px;}
.form {border:1px solid #00aae0;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size: 12px;color: #000;background-color:#e5f5f9;width:192px; height:15px;margin-bottom: 5px;}
.formstyle {width:192px; height:80px;}
.submit {float:right;margin: 10px;width: 54; height:18;}
.sidescroller {width:230px;padding:5px;}
.scrollerimage {border: 1px #aeaeae solid;}

/*----footer area----*/

.clearfooter {height: 100px;clear: both;}

#footer {height: 60px;position: relative;}
#footerRight {float:right; width:700px; height:60px;}
#fleft {float:left; margin-top:10px;}
#fleft li{color:#000; display:inline;}
#fleft a:link, #fleft a:visited {font-size: 12px; padding:10px 2px 0 2px; text-decoration: none; color: #000;}
#fleft a.active:link, #fleft a.active:visited, #fleft a:hover {text-decoration: underline;}
#copyright {float:right; width:150px; height:50px; margin-top:10px; color:#000}


/*aboutus*/
.bodytext {width:700px;}
.bodytext a{color:#00aae0;}
.bodytext a:hover{color:#06F;}
.aubutton {height:40px;padding-top:15px;}
.portbutton {height:auto;padding-top:15px;padding-bottom:15px;}
.title{
padding:0px 0px 0px 0px;
text-decoration:none;
color:#000000;
font-weight:bold;
font-size:14px;
}

/*services*/
.list3 {width:300px;float:left;color:#00aae0;font-family:"Century Gothic",Tahoma, Geneva, sans-serif;font-size:14px;}
.list3 a{text-decoration:none; color:#00aae0;}
.list3 a:hover{text-decoration:underline; color:#00aae0;}

.list4 {width:300px;float:right;margin-right:100px;color:#00aae0;font-family:"Century Gothic",Tahoma, Geneva, sans-serif;font-size:14px;}
.list4 a{text-decoration:none; color:#00aae0;}
.list4 a:hover{text-decoration:underline; color:#00aae0;}
.post-bodycopy2 li {margin-bottom: 10px !important;list-style-type:none;}

#serviceslist {height:190px;}
#cwd {width:664px;height:auto}
#spwd {width:664px;height:auto}
#oad {width:664px;height:auto}
#ewpd {width:664px;height:auto}
#mpd {width:664px;height:auto}
#sss {width:664px;height:auto}
#pmc {width:664px;height:auto}
#stp {width:664px;height:auto}
#ui {width:664px;height:auto}
#mobile {width:664px;height:auto}

/*---contactus---*/
.cuform {font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size: 14px;border:1px solid #00aae0;color: #000;width:400px; height:20px;margin:5px 5px 5px 0;}

.cuformstyle {font-family:"Century Gothic", Arial, Helvetica, sans-serif;border:1px solid #00aae0;font-size: 14px;color: #000;width:400px; height:62px;margin:5px 5px 5px 0;}
#cuform{float:left;}
#formcontainer{width:525px;}
#formdetails {width:90px; float:left;margin-top:5px; margin-left:10px;}
#formdetails td{padding-bottom:12px; padding-top:5px;}

/*testimonials*/
.nametitle {font-family:"Century Gothic", Tahoma, Geneva, sans-serif; color:#00aae0; font-size:15px;}

/*contactus*/
#location {padding:10px;}

/*portfolio*/
.sites {margin-left:10px; margin-top:10px;}
.sites tr{background-image:url(../images/portfolio/image_bg.jpg); background-repeat:none;}
.sites tr img{border:solid 1px #cfcfcf;}

/*sitemap*/
.majorlink{font-family:"Century Gothic", Tahoma, Geneva, sans-serif; color:#666; font-size:15px; text-decoration:none;}
.majorlink a{font-family:"Century Gothic", Tahoma, Geneva, sans-serif; color:#666; font-size:15px; text-decoration:none;}
.majorlink a:hover{font-family:"Century Gothic", Tahoma, Geneva, sans-serif; color:#000; font-size:15px; text-decoration:underline;}
.minorlink{font-family:"Century Gothic", Tahoma, Geneva, sans-serif; color:#00aae0; font-size:12px; text-decoration:none;}
.minorlink a{font-family:"Century Gothic", Tahoma, Geneva, sans-serif; color:#00aae0; font-size:12px; text-decoration:none;}
.minorlink a:hover{font-family:"Century Gothic", Tahoma, Geneva, sans-serif; color:#00C; font-size:12px; text-decoration:underline;}
#sitemap ul{list-style:none;}


/*for case studies*/
#case_studies { float:right; padding: 0 0 0 0;  width:230px; height: 220px; margin: 0 0 15px 0; display: inline; }
#case_studies h2 {text-align:center; padding: 0 0 10px 0; font-size: 18px!important; margin: 0 auto; }
#case_studies a#previous, #case_studies a#next {width:11px; height:180px; padding:0px; display:block; float:left; text-indent:-9999px; background:url('../images/arrowleft_small.gif') no-repeat 0 60px; }
#case_studies a#previous:hover, #case_studies a#next:hover {background-position:-11px 60px; padding:0px;}
#case_studies a#next {margin-left: 10px; background-image:url('../images/arrowright_small.gif');}
#case_studies a#previous {margin-right: 8px; }
body#services.seo-page #case_studies { height: 250px;  }

ul#cases { padding:0 0 50px 0; margin: 0; text-align:center; float:left; display: inline; width:175px; height:131px; overflow: hidden!important;}
ul#cases li img { width:175px; height:131px; padding:0px;}
ul#cases li {width:175px; height: 200px; color:#433f39; float: left; display: inline; text-align:center; margin:0px; padding:0px;}
ul#cases li a { text-decoration: none; display:block;}
ul#cases li a:hover span  { color: #FF3300!important; }
ul#cases li a span { color:#ee8321; display: block; padding:5px 0 0 0; }
ul#cases li a b { font-weight: bold; text-decoration: underline; line-height:18px;}
ul#cases li a span em, ul#cases li a:hover span em { clear: both!important; font-style: normal!important; color: #433f39!important; text-decoration:none!important; line-height:18px;}

/*for case studies*/
#case_studies2 { float:right; padding: 0 0 0 0;  width:230px; height: 131px; margin: 0 0 10px 0; display: inline; }
#case_studies2 a#previous2, #case_studies2 a#next2 {width:11px; height:131px; padding:0px; display:block; float:left; text-indent:-9999px; background:url('../images/arrowleft_small.gif') no-repeat 0 60px; }
#case_studies2 a#previous2:hover, #case_studies2 a#next2:hover {background-position:-11px 60px; padding:0px;}
#case_studies2 a#next2 {margin-left: 10px; background-image:url('../images/arrowright_small.gif');}
#case_studies2 a#previous2 {margin-right: 8px; }
body#services.seo-page #case_studies2 { height: 250px;  }

ul#cases2 { padding:0 0 50px 0; margin: 0; text-align:center; float:left; display: inline; width:175px; height:131px; overflow: hidden!important;}
ul#cases2 li img { width:175px; height:131px; padding:0px;}
ul#cases2 li {width:175px; height: 131px; color:#433f39; float: left; display: inline; text-align:center; margin:0px; padding:0px;}
ul#cases2 li a { text-decoration: none; display:block;}
ul#cases2 li a:hover span  { color: #FF3300!important; }
ul#cases2 li a span { color:#ee8321; display: block; padding:5px 0 0 0; }
ul#cases2 li a b { font-weight: bold; text-decoration: underline; line-height:18px;}
ul#cases2 li a span em, ul#cases2 li a:hover span em { clear: both!important; font-style: normal!important; color: #433f39!important; text-decoration:none!important; line-height:18px;}


/* Call to Actions Elements */
div#call_to_actions-container { width:100%; height: 100px; padding: 0 0 50px 0; background:#FFFFFF; }
#call_to_actions { position:relative; height:140px; width:720px; margin: 0 auto; display: block; }
#ctas { overflow:hidden; width:720px; height:140px; clear:left; margin-left:0;}
#ctas ul{ width:1780px; list-style-type: none; }
#ctas li { float: left; color:#ff000; height:140px; width:200px; padding:0 8px 0 9px; border-right:5px solid #FFFFFF; margin: 0; }
#ctas li h4 {width:195px; height:25px;line-height:16px; margin:4px 0; font-size:11px; font-family:"Century Gothic", Tahoma, Geneva, sans-serif;font-weight:bold; float:none;text-align:center;}
#ctas li a {color:#ff000;}
#ctas more {text-align:right;}
#ctas more a{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; font-weight:normal;text-decoration:none;}
#ctas a:hover{text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; font-weight:normal;}
#ctas li img {float:left; margin: 0; display: inline; height:70; width:70;}
#ctas li p {float:left; margin: 0 0 0 10px; width:120px; line-height:16px; height:78px; font-size:10px;}
div#call_to_actions a#back { position: absolute; z-index: 80; top: 0; left: 0; width:9px; border-right:1px solid #ffffff; text-indent:-9999px; height:140px; display:block; background: #ffffff url('../images/call_to_action-navigation.gif') no-repeat -20px 45px;}
div#call_to_actions a#back:hover, div#call_to_actions a#back.cta-over2 {background-position:-29px 45px!important;}
div#call_to_actions a#forward {position: absolute; z-index: 80; top: 0; right: 0; width:10px; text-indent:-9999px; height:140px; display:block; background: #ffffff url('../images/call_to_action-navigation.gif') no-repeat 1px 45px;}
div#call_to_actions a#forward:hover, div#call_to_actions a#forward.cta-over2 {background-position:-9px 45px!important;}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider {
	position:relative;
    width:682px;
    height:230px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}