/* @override http://goldtechservices.com/assets/css/screen.css */

* {
  margin: 0;
  padding: 0;
  }

html {
  font-size: 62.5%;
  color: #666;
  }

body {
  font: normal 1.2em/1.5 "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
  background: #fff url(../images/global/body-bg.gif) repeat-x 0 0;
  text-align: center;
  z-index: -1;
  }

p, ul, ol {
  margin: 1.1em 0;
  }

ul {
  margin-left: 15px;
  }

a {
  text-decoration: underline;
  color: #a64b5e;
  /*color: #175e92;*/
  }

a:hover {
  text-decoration: none;
  color: #0000FF;
  }

img, a img {
  border: none;
  }

h1 {
  margin-bottom: 15px;
  font: normal 2.3em Georgia, "Times New Roman", Times, serif;
  }

h2 {
  margin-bottom: 12px;
  font: normal 1.6em Georgia, "Times New Roman", Times, serif;
  color: #000000;
  }

h3 {
  margin-bottom: 12px;
  font: normal 1.3em Georgia, "Times New Roman", Times, serif;
  color: #000000;
  }

.h-line {
  height: 1px;
  overflow: hidden;
  margin: 20px 0;
  border-bottom: 1px dashed #ccc;
  }

.clear {
  clear: both;
  visibility: hidden;
  height: 0;
  line-height: 0;
  overflow: hidden;
  }

.wrapper {
  margin: 0 auto;
  width: 990px;
  text-align: left;
  }

/** HEADER *********************************************/

#header {
  position: relative;
  height: 132px;
  background: transparent url(../images/global/header-bg.jpg) no-repeat 0 0;
  z-index: 1;
  }

#header-left {
  position: absolute;
  top: 0; left: 0;
  z-index: 0;
  width: 50%; height: 132px;
  background: transparent url(../images/global/header-left-bg.gif) repeat-x 0 0;
  }

#header-logo {
  position: absolute;
  top: 0; left: 0;
  margin: 0; padding: 0;
  text-indent: -9999px;
  overflow: hidden;
  }

#header-logo a {
  display: block;
  width: 280px;
  height: 132px;
  }

#header-nav {
  position: absolute;
  top: 45px; right: 10px;
  /*width: 675px;*/ height: 73px;
  margin: 0; padding: 0;
  overflow: hidden;
  list-style: none;
  background: transparent url(../images/global/nav-bg.jpg) no-repeat right 0;
  }

#header-nav li {
  float: left;
  width: 135px;
  }

#header-nav li a {
  display: block;
  width: 135px; height: 73px;
  line-height: 73px;
  text-indent: -9999px;
  }
  
#nav-products a:hover, #nav-products.nav-active {
  background: url(../images/global/nav-bg.jpg) no-repeat 0 -73px;
  }

#nav-services a:hover, #nav-services.nav-active {
  background: url(../images/global/nav-bg.jpg) no-repeat -135px -73px;
  }

#nav-about a:hover, #nav-about.nav-active {
  background: url(../images/global/nav-bg.jpg) no-repeat -270px -73px;
  }

#nav-contact a:hover, #nav-contact.nav-active {
  background: url(../images/global/nav-bg.jpg) no-repeat -405px -73px;
  }

#nav-demos a:hover, #nav-demos.nav-active {
  background: url(../images/global/nav-bg.jpg) no-repeat -540px -73px;
  }


/** CONTENT ********************************************/

#main {
  position: relative;
  min-height: 400px;
  background: url(../images/global/main-bg.png) repeat-y right 0;
  }

#subnav {
	background:transparent url(../images/global/subnav-bottom-bg2.gif) no-repeat scroll 0 bottom;
	display:inline;
	float:right;
	padding-bottom:20px;
	position:relative;
	width:218px;
	height: auto;
}
  
#subnav-pic {
  margin-bottom: 15px;
	float: left;
}

#subnav ul {
  display: block;
  margin: 2px 0 0;
  list-style: none;
  height: auto;
  }
  
#subnav ul.bullets{
	list-style-type: disc;
	margin-left: 27px;
  }  
  
 #subnav ul.bullets li a {
 	text-align: left;
	text-transform: none;
	font-size: 14px;
	padding-bottom: 7px;
	line-height: 18px
	height: 70px;
  } 
  
 #subnav ul.bullets li a:hover {
 	color: #A64B5E;
 } 

#subnav ul li a {
  display: block;
/*  height: 44px;  */
  overflow: hidden;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  color: #555;
  width: 143px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  height: 57px;
  padding:5px 45px 0 5px;	
  margin: 0 auto;
  }
  
	#subnav ul li a.demo {  
		background: url(../images/buttons.gif) no-repeat 0 0;
		text-indent: -9999px;
	} 

	#subnav ul li a.demo:hover {  
		background: url(../images/buttons.gif) no-repeat -198px 0;
		text-indent: -9999px;
	}  
	#subnav ul li a.consultant {  
		background: url(../images/buttons.gif) no-repeat 0 -66px;
		text-indent: -9999px;
	} 

	#subnav ul li a.consultant:hover {  
		background: url(../images/buttons.gif) no-repeat -198px -66px;
		text-indent: -9999px;
	}  
	#subnav ul li a.contact {  
		background: url(../images/buttons.gif) no-repeat 0 -134px;
		text-indent: -9999px;
	} 

	#subnav ul li a.contact:hover {  
		background: url(../images/buttons.gif) no-repeat -198px -134px;
		text-indent: -9999px;
	}  	
	
	#subnav ul li a.pos_software {  
		background: url(../images/buttons.gif) no-repeat 0 -202px;
		text-indent: -9999px;
	}  	
	
	#subnav ul li a.pos_software:hover {  
		background: url(../images/buttons.gif) no-repeat -198px -202px;
		text-indent: -9999px;
	}  		
	
	#subnav ul li a.retail_consulting {  
		background: url(../images/buttons.gif) no-repeat 0 -269px;
		text-indent: -9999px;
	}  	
	
	#subnav ul li a.retail_consulting:hover {  
		background: url(../images/buttons.gif) no-repeat -198px -269px;
		text-indent: -9999px;
	}  		
	
	#subnav ul li a.manager_outline {  
		background: url(../images/buttons.gif) no-repeat 0 -338px;
		text-indent: -9999px;
	}  	
	
	#subnav ul li a.manager_outline:hover {  
		background: url(../images/buttons.gif) no-repeat -198px -338px;
		text-indent: -9999px;
	}  		
	
	#subnav ul li a.manager_system {  
		background: url(../images/buttons.gif) no-repeat 0 -407px;
		text-indent: -9999px;
	}  	
	
	#subnav ul li a.manager_system:hover {  
		background: url(../images/buttons.gif) no-repeat -198px -407px;
		text-indent: -9999px;
	}  						

#subnav ul li a:hover {
  /*color: #2484c0;*/
  color: white;
	text-shadow: black 0px 0px 2px;
  }

#content {
  display: inline;
  float: left;
  margin-left: 25px;
  padding: 15px 15px 25px 0;
  width: 400px;
  }
  
#sidebar {
  display: inline;
  float: left;
  margin-top: 4px;
	position: relative;
	left: 60px;
  width: 152px;
  }
  
#podcast {
  clear: right;
  float: right;
  margin-right: 45px;
  font-size: 10px;
  width: 126px;
}  

#podcast p {
  margin: 15px 10px 0 5px;
  font-size: 10px;
  text-align: center;
}  

#breadcrumb {
  font-size: 10px;
  margin-bottom: 15px;
  font-weight: normal;
  color:#000000;
  text-transform:uppercase;
  letter-spacing: 1px;
  }
 
 #breadcrumb a {
  text-decoration:none;
  }

.quote {
   font-size: 18px;
   margin: 20px 20px 20px 20px;
   padding-left:10px;
   border-left:4px solid #ccc;
   font-weight: normal;
   text-transform:none;
   color:#66666;
   font-weight: bold;
  /*letter-spacing: 1px;*/
 }

/** FOOTER *********************************************/

#footer {
  position: relative;
  padding-bottom: 20px;
  background: #fcd435 url(../images/global/footer-bg.jpg) repeat-y center 0;
  clear: both;
  }

#footer-center {
  position: relative;
  height: 138px;
  background: #fcd435 url(../images/global/footer-center-bg.jpg) repeat-x center 0;
  z-index: 1;
  }
 
 #footer-home a {
  position: absolute; 
  top: 0; left: 0;
  width: 250px; height: 110px;
  }

#footer-center address {
  display: none;
  }

#footer-t {
  position: relative;
  height: 126px;
  background: transparent url(../images/global/footer-t-shape.png) no-repeat 0 0;
  }

#footer-email a{
  position: absolute;
  top: 83px; left: 318px;
  width: 250px; height: 24px;
  }

#footer-right {
  position: absolute;
  top: 0; right: 0;
  width: 50%; height: 138px;
  background: #fc944a url(../images/global/footer-right-bg.gif) repeat-x 0 0;
  z-index: 0;
  }

#footer-left {
  position: absolute;
  top: 0; left: 0;
  width: 50%; height: 138px;
  background: transparent url(../images/global/footer-left-bg.gif) repeat-x 0 0;
  z-index: 0;
  }
  
#footer-links {
	position:relative;
	text-align: center;
}

#footer-links a {
	color:#000;
	text-decoration:none;
}

#footer-links a:hover {
	text-decoration:underline;
}

  
  /* ||||||||||||||||||||||||||||||||||||||||| */
/* form form specific styles */
/* ||||||||||||||||||||||||||||||||||||||||| */
fieldset input, fieldset select, fieldset textarea {
float:left;
margin:2px 0 3px 0;
/*width:50%;*/
/*border:1px solid #999999;*/
/*border-color:#ccc;*/
}
checkbox, radio {
width:12px;
}
fieldset input:hover {
border-color:#0000FF;
}
fieldset input:active, fieldset input:focus  {
border-color:#0000FF;
}
label, label span {
display:block;
padding:2px 2px 3px 0;
border:2px solid #ffffff;
}
label {
float:left;
width:100%;
}
label span {
float:left;
margin-right: 10px;
width:30%;
height: 40px;
text-align:right;
text-transform: uppercase;
color:#333333;
letter-spacing:1px;
}
fieldset {
margin:0;
padding:10px 10px 0 10px;
border:1px solid #ffffff;
}
fieldset:hover {
border-color:1px solid #ffffff;
}
.form_info {
clear:both;
margin:5px 5px 10px 5px;
padding:0 5px;
text-align:center;
}
.important_flag {
color:#000000;
/*background-color:#FFCC33;*/
border:2px solid #FFCC33;
font-weight:bold;
/*text-transform:none;*/
}
.important_flag p {
clear:both;
margin:10px 0 20px 0;
padding:0 5px;
text-align:center;
}


/* DEMOS */

ul#demos {
	list-style: none;
	margin-left: 0px;
}

ul#demos li {
	margin-bottom: 30px;
}

ul#demos li a {
	text-decoration: none;
}

ul#demos .description img {
	display: none;;
}

ul#demos li a p {
	color: #666;
	margin: 5px 0px 13px 0px;
	line-height: 18px;
	font-size: 12px;
}

ul#demos li a div.view-demo {
	margin-top: 3px;	
	width: 120px;
	text-transform: uppercase;
	font-weight: bold;
	color: #6E5B1B;
	padding: 3px;
	text-align: center;
	margin-top:5px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	background-color: #F5CB3D;
	border: 1px solid #CAA539;
}

ul#demos li a div.view-demo:hover {
	background-color: #F5CB3D;
	color: #fff;
	cursor: pointer;
}

ul#demos li h3 {
	color: #444;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 0px;
}

h3.cta a {
	font-size: 20px;
}