
body {
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	background: #ccc;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5em;

}

a:link {
	color:#EB5301;
	outline: none;
}

a:visited {
	color:#EB5301;
	outline: none;
}

a:hover {
	color:#EB5301;
	outline: none;
}

a:active {
	color:#EB5301;
	outline: none;
}

a.white {
	color: #FFF;
}

a.dark {
	color: #333;
}

h1 {

}

h2 {
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 11px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #292929;
}

h2 a {
	display: block;
}

p {
	margin: 0 0 10px 0;
	padding: 0;
}

small {
	font-size: 10px;
}

img {
	border: none;
	float:left;
}

dl, dd {
	margin: 0;
	color: inherit;
}

input, select, textarea {
	font-size: 13px;
	font-weight: 600;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	padding: 4px;
	color: #444;
}

input {
	border: 1px solid #CCC;
	width: 200px;
}

button {
	cursor: pointer;
}

select {
	padding: 2px;
}

textarea {
	border: 1px solid #CCC;
	margin: 0;
	width: 420px;
	height: 175px;
}


input:focus,
textarea:focus {
	border: 1px solid #EB5301;
	background: none !important;
}

input.valid,
textarea.valid {
	border: 1px solid #55B05A !important;
	background: none !important;
}

input.invalid,
textarea.invalid {
	border: 1px solid #D23D24 !important;
}


#pageWrapper {
	width: 960px;
	margin: 0 auto;
}

#topContent{
 background:#373737; 
 height:59px;
 border-bottom:1px solid #515151;
}


#header {
	height: 60px;
}

ul#navBar {
	height: 29px;
	background: url(../images/horz-bg.png) 0 0 repeat-x;
	margin: 0;
	padding: 0;
}

ul#navBar li {
	list-style: none;
	float: left;
}

ul#navBar li a {

	height: 29px;
	display: block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#fff;
	padding-top:4px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
}

ul#navBar li#home {
	background: url(../images/nav.png) 0 0 no-repeat; 
	width: 74px;
	height: 29px;
}

ul#navBar li#home:hover {
	background-position: 0 -30px; 
}

ul#navBar li#home.active {
	background-position: 0 -60px;
}

ul#navBar li#ourServices {
	background: url(../images/nav.png) -74px 0 no-repeat; 
	width: 129px;
	height: 29px;
}

ul#navBar li#ourServices:hover {
	background-position: -74px -30px; 
}

ul#navBar li#ourServices.active {
	background-position: -74px -60px;
}

ul#navBar li#ourWork {
	background: url(../images/nav.png) -203px 0 no-repeat; 
	width: 108px;
	height: 29px;
}

ul#navBar li#ourWork:hover {
	background-position: -203px -30px; 
}

ul#navBar li#ourWork.active {
	background-position: -203px -60px;
}

ul#navBar li#ourTechnologies {
	background: url(../images/nav.png) -311px 0 no-repeat; 
	width: 122px;
	height: 29px;
}

ul#navBar li#ourTechnologies:hover {
	background-position: -311px -30px; 
}

ul#navBar li#ourTechnologies.active {
	background-position: -311px -60px;
}

ul#navBar li#ourClients {
	background: url(../images/nav.png) -433px 0 no-repeat; 
	width: 105px;
	height: 29px;
}

ul#navBar li#ourClients:hover {
	background-position: -433px -30px; 
}

ul#navBar li#ourClients.active {
	background-position: -433px -60px;
}

ul#navBar li#aboutUs {
	background: url(../images/nav.png) -538px 0 no-repeat; 
	width: 102px;
	height: 29px;
}

ul#navBar li#aboutUs:hover {
	background-position: -538px -30px; 
}

ul#navBar li#aboutUs.active {
	background-position: -538px -60px;
}

ul#navBar li#contactUs {
	background: url(../images/nav.png) -640px 0 no-repeat; 
	width: 118px;
	height: 29px;
}

ul#navBar li#contactUs:hover {
	background-position: -640px -30px; 
}

ul#navBar li#contactUs.active {
	background-position: -640px -60px;
}

#homepageBanner {
	height: 400px;
	background: #292929 url(../images/home-banner.jpg) no-repeat;
	position: relative;
}

#homepageBanner a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
}

#homepageBanner #bannerOver {
	position: absolute;
	top: 80px;
	left: 0;
	width: 960px;
	height: 180px;
	background: url(../images/technoura-logo.png) no-repeat transparent;
	text-indent: -999em;
	outline: none;
}

#innerBanner {
	height: 270px;
	background: #FFF;
}

#innerBanner.ourServices {
	background: #FFF url(../images/banner.jpg) no-repeat;
}

#innerBanner.ourClients {
	background: #FFF url(../images/banner.jpg) no-repeat;
}



#innerBanner.ourTechnologies {
	background: #FFF url(../images/banner.jpg) no-repeat;
}


#innerBanner.ourWork{
	background: #FFF url(../images/banner.jpg) no-repeat;
}


#innerBanner.aboutUs {
	background: #FFF url(../images/banner.jpg) no-repeat;
}

#innerBanner.contactUs {
	background: #FFF url(../images/banner.jpg) no-repeat;
}

#innerBanner #bannerOver {
	overflow: hidden;
	background: url(../images/horz-bg.png) 0 -171px repeat-x;	
	height: 270px;
	position: relative;
}

#innerBanner #bannerOver #bannerTitle {
	position: absolute;
	height: 38px;
	width: 600px;	
	top: 40px;
	left: 50px;
	text-indent: -999em;
}

#bannerTitle.aboutUs {
	background: url(../images/item.png) -1000px 0px no-repeat;
}


#bannerTitle.ourServices {
	background: url(../images/item.png) -1000px -40px no-repeat;
}

#bannerTitle.ourTechnologies {
	background: url(../images/item.png) -1000px -80px no-repeat;
}


#bannerTitle.contactUs {
	background: url(../images/item.png) -1000px -120px no-repeat;
}

#bannerTitle.ourWork {
	background: url(../images/item.png) -1000px -160px no-repeat;
}

#bannerTitle.ourClients {
	background: url(../images/item.png) -1000px -200px no-repeat;
}



#homepageSubNav {
	background:#FFF;
	overflow: hidden;
	padding: 0 14px;
	color: #000;
}

#homepageSubNav .subNavItem {
	margin: 14px;
	width: 158px;
	float: left;
}

#homepageSubNav .subNavItem p {
	color: #000;
}

h2.seo {
	height: 20px;
	margin-bottom: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#000;
}

h2.seo a {
	height: 20px;
	margin-bottom: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-decoration:none;
	color:#000;
}


h2.webApp {
	height: 20px;
	margin-bottom: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#000;
}

h2.webApp a {
	height: 20px;
	margin-bottom: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-decoration:none;
	color:#000;
}

h2.web {
	height: 20px;
	margin-bottom: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#000;
}

h2.web a {
	height: 20px;
	margin-bottom: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-decoration:none;
	color:#000;
}


h2.eCommerce {
	height: 20px;
	margin-bottom: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#000;
}

h2.eCommerce a {
	height: 20px;
	margin-bottom: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-decoration:none;
	color:#000;
}


h2.mobile {
	height: 20px;
	margin-bottom: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#000;
}

h2.mobile a {
	height: 20px;
	margin-bottom: 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	text-decoration:none;
	color:#000;
}


h2.welcome {
	background: url(../images/item.png) -1000px -337px no-repeat;
	height: 40px;
	text-indent: -999em;
	margin: 0;
}


#contentContainer {
	background: #FFF;
	color: #666;
	font-size: 13px;
	padding: 28px;
}

#contentFooter {
	background: #f4f4f4;
	color: #666;
	font-size: 13px;
	padding: 28px;
}

ul#services,
ul.footerList {
	margin: 0; 
	padding: 0;
}

ul#services li,
ul.footerList li {
	list-style: none;
	padding: 10px 0;
	width: 280px;
	margin-right: 20px;
	float: left;
}

ul.footerList li.photofeed {
	list-style: none;
	padding: 10px 0;
	width: 580px;
	margin-right: 20px;
	float: left;
}

ul.footerList li ul {
	margin: 0;
	padding: 0 0 0 15px;
}

ul.footerList li ul li {
	list-style: disc;
	margin: 2px 0;
	padding: 0;
}

ul#services li  h3 {
	color: #000;
	font-size: 18px;
	letter-spacing: -0.04em;
	border: none;
	margin: 4px 0;
}

ul.footerList li h4 {
	color: #000;
	font-size: 16px;
	letter-spacing: -0.04em;
	font-weight: normal;
	border: none;
	margin: 0 0 4px 0;
}

ul#services li p,
ul.footerList li ul li {
	line-height: 1.5em;
}



#contactFormBackground {
	background: url(../images/vert-bg.png) 0 0 repeat-y;
	width: 960px;
}

#contactFormContainer {
	width: 565px;
	float: left;
	padding: 28px;
	position: relative;
}

#contactFormOverlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	background: #FFFFFF;
	z-index: 1100;
	margin: 28px;
	color: #444;
}

#contactFormSideBar {
	width: 280px;
	float: right;
	padding: 28px;
}

#contactFormSideBar h3 {
	color: #444;
	font-size: 15px;
	letter-spacing: -0.04em;
	border: none;
	margin-bottom: 8px;
}

#contactFormSideBar p {
	line-height: 1.5em;
	margin-bottom: 20px;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#contactForm legend {
	text-indent: -999em;
	line-height: 0;
}
#contactForm label {
	float: left;
	clear: left;
	width: 100px;
	text-align: right;
	padding: 10px 10px 10px 0;
	font-weight: bold;
	color: #444;
	line-height: 2em;
}

.fieldContainer {
	position: relative;
	margin: 10px 0;
	float: left;
}

.fieldContainer input {
	z-index: 1;
}

.fieldContainer small {
	font-size: 13px;
	display: block;
	color: #BBB;
	position: absolute;
	bottom: 3px;
	left: 5px;
	z-index: 999;
}

.buttonContainer {
	margin: 10px 0 20px 110px;
}


#firstName,
#lastName {
	margin-right: 10px;
}

.sliderHandle {
	background: url(../images/headers.png) -362px -102px no-repeat  !important;
	width: 7px !important;
	height: 19px !important;
	border: none !important;
}

ul.welcome {
	margin: 0 0 20px 0;
	padding: 0;
}

ul.welcome li {
	list-style: none;
	margin: 10px 0;
	padding-right: 20px;
}

ul.welcome li strong {
	font-family: Georgia,Times,serif;
	font-style: italic;
	font-size: 15px;
	color: #333;
}


#footer {
	overflow: hidden;
	background:#1e1e1e url(../images/horz-bg.png) 0 -29px repeat-x;
	border-top: 2px solid #EB5301;
	padding: 0 14px;
	color: #FFF;
}

#footer .footerItem {
	margin: 14px;
	width: 280px;
	float: left;
}

.footerItem ul,
.footerItem dl {
	margin: 5px 0;
	padding: 0;
}

.footerItem ul li {
	width: 50%;
	float: left;
	list-style: none;
}

.footerItem ul li a {
	display: block;
}

.footerItem dt {
	font-weight: bold;
}

.footerItem dd {
	color: #A9A9A9;
}

.footerItem ul#scrollControls {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}

.footerItem ul#scrollControls li {
	list-style: none;
	width: 26px;
	height: 20px;
	text-indent: -999em;
}

.footerItem ul#scrollControls li a {
	display: block;
}

.footerItem ul#scrollControls li.inactive a {
	cursor: default;
}

.footerItem ul#scrollControls li.scrollPrev {
	background: url(../images/headers.png) -352px -146px no-repeat;
}

.footerItem ul#scrollControls li.scrollPrev.click {
	background: url(../images/headers.png) -352px -146px no-repeat;
}

.footerItem ul#scrollControls li.scrollPrev.inactive {
	background: url(../images/headers.png) -352px -206px no-repeat;
}

.footerItem ul#scrollControls li.scrollNext {
	background: url(../images/headers.png) -379px -146px no-repeat;
}

.footerItem ul#scrollControls li.scrollNext.click {
	background: url(../images/headers.png) -379px -176px no-repeat;
}

.footerItem ul#scrollControls li.scrollNext.inactive {
	background: url(../images/headers.png) -379px -206px no-repeat;
}

#footerscrollsViewport {
	overflow: hidden;
	position: relative;
	height: 100px;
	width: 280px;
}

#listOfscrolls {
	width: 99999px;
	margin: 5px 0;
	padding: 0;
}

#listOfscrolls li.scrollContainer {
	list-style: none;
	margin: 0 100px 0 0;
	padding: 0;
	width: 280px;
	float: left;
	display: block;
}

#listOfscrolls li.scrollContainer a {
	display: inline;
}

.scrollContainer small {
	display: block;
}

#contactFooter {
	height: 39px;
	background: #373737;
	border-top: 1px solid #515151;
	overflow: hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold;
}


#contactFooter a {
	color: #FFF;
	text-decoration:none;
}

#techFooter {
	background: url(../images/headers.png) -779px -2px no-repeat;
	width: 0px;
	height: 31px;
	margin: 4px 8px;
	float: left;
	line-height: 31px;
}

ul#contactList {
	margin: 0;
	padding: 0;
	float: left;
	vertical-align: middle;
	margin: 8px 0;
}

ul#contactList li {
	float: left;
	list-style: none;
	color: #FFF;
	margin: 0 10px;
	
}

#copyright {
	color: #666;
	margin: 10px 0 30px 0;
	font-size: 11px;
}


.btnReadMore {
	background: url(../images/headers.png) -840px -35px no-repeat;
	width: 105px;
	height: 23px;
	text-indent: -999em;
	display: block;
}


.btnSendInquiry {
	border: none;
	background: url(../images/headers.png) -426px -68px no-repeat;
	width: 139px;
	height: 27px;
	text-indent: -999em;
	display: block;
}


.clearBoth {
	clear: both;
}

.clrLeft {
	clear: left;
}

.clrRight {
	clear: right;
}

.fltLeft {
	float: left;
}

img.fltLeft {
	margin-right: 10px;
}

.fltRight {
	float: right;
}

img.fltRight {
	margin-left: 10px;
}

.center {
	text-align: center;
}

.centerBlock {
	margin: 0 auto;
}

.upper {
	text-transform: uppercase;
}

.posRelative {
	position: relative;
}

a.darkGray, 
.darkGray {
	color: #A9A9A9;
}

ul.noBullet {
	padding: 0 !important;
}

ul.noBullet li {
	list-style: none !important;
}


