/*
Theme Name: Tipit Default
Theme URI: http://www.tipit.net/
Description: The Tipit Flower.
Version: 1.0
Author: Tipit
Author URI: http://www.tipit.net/
Tags: Flowered.
*/

/* Clear default browser styles */
h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li,input,button,select,textarea { font-size: 100%; 	}
ul,ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td { margin:0; padding:0; }
a img, :link img, :visited img, fieldset { border:none }
table {border-collapse: collapse; }
input,button,select,textarea {font-family: inherit;}
input, select { vertical-align:middle; }

.clearBoth { /* For clearing floats */
	clear: both; 
	height: 0px; 
	margin: 0; 
	padding: 0; 
	font-size: 0%;
	line-height: 0px; 
	}

.hiddenContent { /* For alternate content for screen readers */
	position: absolute;
 	left: 0px;
 	top: -2000px;
	width: 1px;
 	height: 1px;
 	overflow: hidden;	
	}

hr {
	display: none;
	}


html { overflow: -moz-scrollbars-vertical; } /* Force scrollbars in FF */



/* G E N E R A L
********************/


html { 
	height: 100%; /*99.3%;*/
	}

body {
	height: 100%; 
	/* Investigar display: table;  css-discuss/79699 */
	}

#footer { 
	position: relative;
	margin-top: -111px;
	background: url(img/flowers.jpg) repeat-x bottom center;
	height: 111px;
	} 

.inner #footer{
	background:none;
	}
	
#mainContent { padding-bottom: 111px;}	
	


body {
	font: 76%/1.21em Arial, Helvetica, sans-serif;
	color: #6F6F6F;	
	text-align: center;
	padding: 0px 0 0 0;
	background-color: #FFFFFF;
	} 

		
#container {
	text-align: left;
	margin: 0 auto 0 auto;
	width: 760px;  
	position: relative;
	min-height: 100%;
	}

* html #container {
	height: 99.9%;
	}

.posFix { /* Opera 5 needs this for childs to inherit position from container*/
	position: relative; 
	}

.inner #bigBg {
	background: url(img/bg_innerPages.gif) repeat-x bottom left;
	min-height: 100%;
	}



a {
	text-decoration: none;
	font-weight: bold;
	}
a:link {
	color: #3f3f3f;
	}
a:visited {
	color: #6F6F6F;
	}
a:hover {
	text-decoration: underline;
	color: #000000;
	}	

h1 {
	color: #ed152b;
	font-size: 232%; /* 162% */
	line-height: 1em;
	font-family: 'Colaborate-RegularRegular', Helvetica, Arial, sans-serif;	
	}	



/* H E A D E R 
********************/

#smallMenuRight { 	  
	position: absolute;
	top: 0;
	right: 0;
	text-align: left;
	margin-top: 6px;
	height: 17px;
	}
	
#smallMenuRight ul{ 
	list-style: none; 
}

#smallMenu { 	  
	position: absolute;
	top: 0;
	left: 0px;
	text-align: left;
	margin-top: 6px;
	height: 17px;
	width: 100%; /* req'd for Opera 7*/
	}

#smallMenu ul {  
	margin: 0px 0px 0px 0px; 
	}

#smallMenu li {  
	float: left;
	line-height: 19px;
	font-size: 19px;	
 	height: 19px; 
	list-style: none; 
	background: url(img/sep_smallMenu.gif) no-repeat right top; /* IE mac fails if I use left */
	
	margin: 0; /* for Opera */
	} 
	
#smallMenu li.lastInList {
	background-image: none;
	padding-left: 2px;
	}

#smallMenu a { 
	vertical-align: baseline;
	padding: 0 2px 0 0;	
	color: #fff;
	display: block;	
	}

/* This makes the floated LIs work w/o assigned width in Opera 5 and 6:  */
html>body #smallMenu a { float: left; } /* Opera 5 & 6 and IE Mac \*/
head:first-child+body #smallMenu a { float: none;} /* Mozilla & etc - the Owen hack - but not IE mac  */
	

#mainMenu {
	position: absolute;
	top: 131px;
	left: 250px;
	height: 46px;
	width: 498px; /* req'd for Op 7 */
	}

#mainMenu ul { 
	/*width: auto;*/
	}
	
#mainMenu li {  
	float: left;
	list-style: none; 
	margin: 0; /* Fixes Opera 5 and 6 */
	} 



/* H O M E 
********************/

body.home, body.inner {
	color: #6F6F6F;	
	background: #FFF url(img/bg_bodyHome.jpg) repeat-x;
	}

#header {
	height: 205px; 
	}

#logo {
	position: absolute;
	top: 51px;
	left: 15px;
	}

#slogan {
	position: absolute;
	top: 53px;
	left: 257px;
	height: 83px;
	width: 287px
	}

/* Fix IE 5.5 + sIFR bug*/
* html #logo, * html #slogan {height: 1%;} 


	
#topContent { 
	width: 100%;
	margin-top: 31px;
	padding-top: 1px; /* Avoid colllapsing margins with #notepad */
	position: relative;
	}
.home #topContent { 	
	height: 100px; /* Min-height for  IE 5.x - 6 */
	margin-top:20px;
	}
html>body.home #topContent { /* Min-height for Modern browsers - For OmniWeb I use some javascript here */
	height: auto; 
	min-height: 100px;
	}	

#notepad { 
	display: none;
	width: 223px;
	height: 210px;
	position: absolute;
	bottom: 6px;
	left: 7px;
	/* IE 5.0 PC, IE 5.x Mac and Opera 5-6 get a GIF positioned from top */
/*	background: url(img/bg_notepad.gif) no-repeat left bottom;	*/
	top: 1px; 
	}
/*	Mozilla, IE7, Opera 7+  get the real PNG thing. 
	IE5.5 - 6 uses conditional comments and css expressions at screen_ie5-6.css. \*/
head:first-child+body #notepad {
/*	background-image: url(img/bg_notepad.png); */
	top: auto;
	}	
/* End hiding from IE Mac */
	

#topContent .textBox { 
	text-align: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
    font-size: 142%;
	}
	
.textBoxes .textBox {
	width: 100%;
	background: url(img/sep_textBox.jpg) no-repeat left top;
	padding: 15px 0px 22px 0px;
	}	

#topContent .demoBt { 
	display: none;
	padding: 10px 0px 36px 257px; /* The padding bottom makes for the bottom part of the red arrow */
	}
	
.demoBt img {
	display: block;
	}	

.textBox h2, .textBox h3 { 
	font-family: 'Colaborate-ThinRegular', Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	font-size:192%;
	line-height: 0.86em;
	font-weight: normal;
	}

.textBox h2 strong, .textBox h3 {
	color: #D80016;
	font-weight: normal;
	}
	
.textBox h3{
	}
	
#topContent .textBox h2 {
	margin-top: 18px; 
	font-size: 156%;
	font-family: 'ColaborateLightRegular', Arial, Helvetica, sans-serif;
	line-height: 1.21em;
	}

.textBox p {
	margin-bottom: .7em;
	}


.home .textBoxes {
	float: left;
	}

.home .textBox {
	line-height: 1.51em;
	font-weight: normal;
	}

#highlights {
	width: 729px;
	height: 126px;
	text-align:center;
	margin-top:30px;
	padding-bottom:50px;
	margin-left:100px;
	}

.hilite {
	height: 126px;
	width: 229px;
	float:left;
	display:inline;
	background: url(img/bg_hilite.jpg) no-repeat;
	margin-right: 30px;
	}
#highlights	.new {
	background: url(img/bg_hilite_new.jpg) no-repeat;
	}
	
.hiliteLogo {
	width: 229px;
	height: 69px;
	}

.hiliteLogo img {
	margin: 22px 9px 3px 31px;
	}
.new .hiliteLogo img {
	margin-left: 36px;
	}	

.hiliteButtons {
	width: 229px;
	height: 59px;
	}

.hiliteButtons ul {  
	width: auto;
	margin: 8px 0px 0px 39px;  
	}

.hiliteButtons li {  
	display: inline;
	list-style: none; 
	} 
	
	* html .hiliteButtons img {
		margin-left: /**/8px; 	/* ie 5.0 */
		margin-left/**/:/**/0px;	/* ie 5.5-6 */		
	}	

.hiliteButtons a { 
	vertical-align: baseline;
	padding: 0 13px 0 0;	
	}



/* I N N E R   P A G E
*********************/
/*
.inner {
	background: #FFF url(img/bg_bo/dyInner.jpg) repeat-x;
	}
	
.inner #header {
	height: 113px; 
	}

.inner #logo {
	top: 40px;
	left: 66px;
	}
	
.inner #mainMenu {
	top: 45px;
	left: 180px;
	}	
*/

.inner #topContent {
	width: 760px;
	background: none;
	margin-top: 17px; 
	}

.inner h1{
	width: 500px;
	margin: 4px 0px 3px 0px;
	padding-bottom: 15px;
	}

.inner #hilite {
	height: 147px;
	width: 311px;
	float: left;	
	margin-bottom: 13px;
	}

.inner #contact {
	height: 147px;
	width: 304px;
	float: right;
	}


.inner .textBoxes {
	width: 750px;
	}
	
.inner .textBoxes .textBox {
	width: 100%;
	background: url(img/sep_textBox.jpg) no-repeat left top;
	margin-left: 0px;
	padding: 23px 0px 13px 0px;
	}

.inner .textBoxes .firstInList { /* The first .textBox */
	background-image: none;
	padding-top: 0px;
	margin-top: 0px;
	}

.inner .textBoxes .textBox h2  {
	margin-bottom: 8px;
	color: #6f6f6f;
	line-height: 0.86em;
	background-color: inherit;
	}

.text {
	width: 500px;
	float: left;
	font-size:120%;
	line-height:1.31em;
	}

.linkImage {
	margin: 25px 0px 18px 0px;
	}

.linkImage img{
	margin: 0px 20px 0px 0px;
	}

.rightSidebar{
	float:left;
	width: 230px; 
	margin-left: 10px;
	}

.browser {
	height: 209px;
	margin-top: 20px;
	background: url(img/inner_hilite_browser.gif) no-repeat;
	}
/* Mozilla, IE7, Opera 7+ 
IE5.5 - 6 uses CC at screen_ie5-6.css. The rest gets the GIF without nice shadows  */
head:first-child+body .browser { 
	background-image: url(img/inner_hilite_browser.png);
	}

.browser img {

	margin: 21px 0px 0px 26px;
	}

* html .browser img {
	margin: 21px 0px 0px 26px;
	height:142px;
	width:180px;
	}
	
.cms{
	background: url(img/bg_cms.gif) no-repeat;
	}
head:first-child+body .cms { 
	background-image: url(img/bg_cms.png);	
	}

.custom{
	background: url(img/bg_custom.gif) no-repeat;
	}

head:first-child+body .custom { 
	background-image: url(img/bg_custom.png);	
	}	
	
.client{
	background: url(img/wcan.jpg) no-repeat;
	}

head:first-child+body .client { 
	background-image: url(img/wcan.jpg);	
	}	
	

.textBoxes #contactBox {
	background: url(img/contact.jpg) 490px -30px no-repeat;
	}
	
#contactForm {
	float: left;
	width: 300px;
	display: inline;
	margin-left:20px;
	}

#contactText {
	float: left;
	width: 240px;
	}
		
#contactForm input, #contactForm textarea, #contactFormBottom textarea {
	border: none;
	display: block;	
	width: 226px;
	color: #6F6F6F;
	font-size: 96%;
	padding: 4px 4px 3px 5px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: bottom;
	background: url(img/input.gif) no-repeat left center;
	background-color: transparent !important; /* Avoids the yellow Autofill indicator from the IE google toolbar */ 	
	outline: 0;	
	}
		
#contactForm input.selected {
	background-image: url(img/input_selected.gif);
	}

#contactFormBottom{
	margin-top:-20px;
	}

#contactForm textarea, #contactFormBottom textarea {
	width: 226px;
	padding-right:12px;
	overflow: auto;
	height: 94px;
	background: url(img/textarea.gif) no-repeat left top;
	outline: 0;
	}
#contactForm textarea.selected, #contactFormBottom textarea.selected {	
	background-image: url(img/textarea_selected.gif);
	}
* html #contactForm textarea, * html #contactFormBottom textarea {	
	background-attachment: fixed;
	}	
	
/* Since I'm using padding+height, here goes some BMH fixes for 5.0 and 5.5 only: */
* html #contactForm input {	height /**/: 22px;  } 	
* html #contactFormBottom textarea, * html #contactForm textarea {	height /**/: 101px; } 

#contactForm label, contactFormBottom label {
	display: block;
	}

#mailSubmit	{
	border: 0;
	padding: 0px;	
	width: 118px;
	background: #fff;
	margin-left: -2px;
	cursor: pointer;
	}

#mailSubmit img { display: block; }	

.inner .textBox ul{
	margin-bottom: 1.11em;	
	}
.inner .textBox ul li{
	line-height:1.9em;
	list-style: none;
	background: url(img/bullet.gif) no-repeat 0px 3px;
	padding-left: 13px;
	}

.hidden { /* FIX que es esto? */
	display:none;
	}
	
.textBox p.sectionPHilite{
	font-style:italic;
	width: 500px;
	margin-bottom: 25px;
	}

/* Lightbox*/
#prevLink:hover, #prevLink:visited:hover { background: url(img/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/lightbox/nextlabel.gif) right 15% no-repeat; }

/* CFORMS II*/
#contactForm ol{
	list-style: none;
	}
	
#contactForm ol li{
	margin-bottom: 1.11em;
	}
	
#contactForm .sendbutton {
	background: url(img/mail_submit.gif) no-repeat 0px 0px;
	height: 45px;
	width: 111px;
	}

#contactForm .cf_hidden, .linklove {
	display:none;
}

#usermessagea.success ,
#usermessageb.success  {
	color: #209314;
	font-weight: bold;
	margin-bottom: 1.11em;
	padding-left:3px;	
	}

#usermessagea.failure,
#usermessageb.failure {
	color: red;
	font-weight: bold;
	margin-bottom: 1.11em;
	}