/* 
Styles for:	Positive Technology Website
Author:		Daniel Ma (UTLUK)
Version:	04 October 2006
Purpose:	System stylesheet
*/

body {
	font-family: Arial, Helvetica, sans-serif;	
	background-color: #ffffff;
	color: #666666;
}

/* Header styles */
#pagecontainer {
	width: 750px;
	padding-bottom: 10px;
	padding-top: 10px;
	/* set margins to auto to center page */
	margin-left: auto;
	margin-right: auto;
	/* stop centering of text */
	text-align: left;
}


#header {
	background-color: #dc001a;
	color: #ffffff;
	height: 82px;
}

#header h1 {
     /*Size of the image*/
	padding-top: 49px;
   	width: 140px;	
   	background-image: url(../images/logo_positive_technology.gif);
   	background-repeat: no-repeat;	
   	/*Hide the text*/
   	overflow: hidden;
   	/* WIN IE5 hack */
   	/* height: 37px;	*/
	voice-family: "\"}\""; 
	height: 0;	
	
	float: left;
	margin: 17px 0 10px 29px;
	display: inline;
}

#header h2 {
     /*Size of the image*/
	padding-top: 47px;
   	width: 294px;	
   	background-image: url(../images/utl_strapline.gif);
   	background-repeat: no-repeat;	
   	/*Hide the text*/
   	overflow: hidden;
   	/* WIN IE5 hack */
   	/* height: 24px;	*/
	voice-family: "\"}\""; 
	height: 0;	
	
	float: left;
	margin: 40px 0 18px 20px;
}

/* Site Info styles */
#siteinfo {
	float: right;
	margin: 5px; 
	display: inline;
}

#siteinfo ul 	{
	list-style-type: none;
	margin: 0; 
}
#siteinfo ul li {
	display: inline; 
	padding: 6px; 
	margin: 0;	
}

#siteinfo ul li a {
	color: #ffffff;
	font-size: 70%;
	text-decoration: none;
	font-weight: bold; 
	background-color: #dc001a;
}

#siteinfo ul li a:hover {
	text-decoration: underline;
}



/* Content styles */

#contentcontainer {	
	background-color: #C5C5C5;
	float: right;
}

#rightcontent {
	width: 550px;
	float: right;
}

/* Navigation styles */
#navigation {
	float: right; 
	width: 100%;
	height: 27px;
	background-color: #666666;
	display: inline;
	color: #B8B8B8;
}

#navigation ul 	{
	list-style-type: none;
	margin: 0; 
	padding: 0;
	
}

#navigation ul li {
	display: inline; 
	padding: 0px; 
	margin: 0;		
	float: left;		
	text-align: center;
}

#navigation ul li a {
	color: #B8B8B8;
	font-size: 75%;
	font-weight: bold;
	text-decoration: none;
	display: block; 
	width: 90px;
	height: 21px;
	padding: 6px 10px 0px 10px;	
}

#navigation ul li a:hover {
	color: #ffffff; 
	text-decoration: underline;
}

#navigation ul li a.selected {
	color: #ffffff;
}

/* Content styles */
#content {
	width: 490px;
	float: right; 
	display: inline;
	background-color: #FBFBFB;
	padding: 40px 20px 40px 40px;
}

#content div.column {
	width: 220px;
	float: left; 
	padding-right: 25px;	
}

#content h2 {
	font-size: 100%;
}

#content h3 {
	margin: 1em 0 0 0;
	font-size: 85%;
}

#content p, #content li {
	font-size: 75%;
	line-height: 1.5;
}

#content a.calltoaction {
	color: #dc001a;
	text-decoration: none;
	font-weight: bold;
	font-size: 75%;
	display: block;
	padding-left: 12px; 
	background-image:url(../images/arrow_green.gif);
	background-repeat: no-repeat; 
	background-position: 0px 3px;
	float: right;
}

#content a.calltoaction:hover {
	text-decoration: underline;
}



/* left content styles */
#leftcontent {
	width: 170px;
	float: right;
	padding: 70px 15px 20px 15px;
}

#leftcontent a.calltoaction {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 75%;
	display: block;
	padding-left: 12px; 
	background-image:url(../images/arrow_white.gif);
	background-repeat: no-repeat; 
	background-position: 0px 3px;
	margin-top: 10px;
}

#leftcontent a.calltoaction:hover {
	text-decoration: underline;
}


/* Footer Styles */
#footer {
	width: 726px;
	height: 16px;
	background-color: #666666;	
	color: #B8B8B8;
	font-size: 75%;
	font-weight: bold; 
	padding: 7px 12px; 
	clear: both;
}

#footer #supportlinks {
	float: right; 	
}

#footer #supportlinks ul 	{
	list-style-type: none;
	margin: 0; 
}
#footer #supportlinks ul li {
	display: inline; 
	padding: 6px; 
	margin: 0;	
}

#footer #supportlinks ul li a {
	color: #B8B8B8;
	text-decoration: none;
}

#footer #supportlinks ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#footer #copyright {
	float: left; 		
}


/* Generic Classes */

.noshow {position: absolute; left: -9000px;}

/* W3C Buttons */
/* Credit: http://www.sovavsiti.cz/css/w3c_buttons.html */

.w3cbutton {
  margin: 0.7em 0;
  width: 9em;
  font-family: helvetica,arial,sans-serif;
  font-size: 70%;
  font-weight: bold;
  float: right;
  padding-left: 10px;
  
}
.w3cbutton a {
  display: block;
  width: 100%;
}
.w3cbutton a:link,
.w3cbutton a:visited,
.w3cbutton a:hover {
  background-color: #fc6;
  color: #000;
  text-decoration: none;
}
.w3cbutton a:link,
.w3cbutton a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.w3cbutton a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}
.w3cbutton span.w3c {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
}

/* Quotes base class */
#leftcontent blockquote {  
	margin: 0;	
   	background-repeat: no-repeat;	
   	overflow: hidden;
	height: 0;	
	width: 169px;	
}

/* Headers base class */
#content h1 {  
	margin: 0 0 0 -2px;	
	padding-top: 50px;
   	background-repeat: no-repeat;	
   	overflow: hidden;
   	height: 0px;		
}

/* case study */

#content h1.case_study_title {
	overflow: visible;
	color: #DC001A;
	padding-top: 0px;
	height: 30px;
	font-weight: normal;
	font-size: 2.25em;
	line-height: 1.1;
	text-transform: lowercase;
}

#leftcontent blockquote.quote_casestudy {
	overflow: visible;
}

#leftcontent blockquote.quote_casestudy p {
	padding: 0;
	margin: 0;
	font-size: 0.95em;
}

#leftcontent .quote_start {
	background: url(/images/quotes/quote_start.gif) no-repeat;
	display: block;
	overflow: hidden;
	height: 0px;
	padding-top: 35px;
}

#leftcontent .quote_end {
	background: url(/images/quotes/quote_end.gif) no-repeat right 0.9em;
	display: block;
	overflow: hidden;
	height: 0px;
	padding-top: 55px;
}

#leftcontent p#quotetext {
	text-align: justify;
}

#leftcontent p#quotesource {
	text-align: left;
}

#leftcontent p#quotecompany {
	text-align: left;
	font-weight: bold;
}

.casestudy h2 {
	text-align: left;
	height: 40px;
}

.casestudy ul.pagelinks {
	margin-top: 0;
}

.casestudy .screenshot {
	text-align: center;
}

.casestudy .screenshot img {
	border: 10px solid #CCCCCC;
}

.casestudy .screenshot a {
	
}

.casestudy h3 {
	margin: 0 0 0 0;
	/*font-size: 75%;*/
}

.casestudy p.first {
	margin: 0 0 1em 0;
}

.casestudy p.linktop {
	text-align: left;
}

.casestudy p.linktop a,
.casestudy p.linktop a:visited {
	color: #666666;
}

.casestudy .divider {
	height: 0.5em;
	border-bottom: 1px solid #CCCCCC;
}

.casestudy .divider hr {
	display: none;
}

.casestudy .tech-asp {
	padding: 2px;
	font-style: normal;
	background-color: #FF0000;
	color: #000000;
}