/* *********************************************

Copyright 2005, deorganic design
www.deorganic.com
 
********************************************* */

*					{
					padding:0;
					margin:0;
					}

body				{
					background: #A3AEB7 url(../img/backgroundfade.jpg) repeat-x fixed top;
					font-family: Lucida Grande, Arial, Verdana, sans-serif;
					padding-bottom:20px;
					width:100%;
					height:100%;
					}
					
a img				{
					border:0;
					}

.hide				{ display: none; }	

.hidesmall			{ 
					display: none; 
					border-top:1px solid #DFDFDF;
					border-bottom:1px solid #DFDFDF;
					background-color:#F5F5F5;
					padding-left:10px;
					padding-right:10px;
					}	

#thefeatures		{ display: none; }

.inline				{ display: inline; }	

.nodot				{ 
					width: 100%;
					list-style: none;
					padding-left: 0; 
					}					


#wrapper 			{
					display:block;
					width:902px;
					margin:0 auto 0 auto; 
					}


/**********************************************
Prefence Bar
**********************************************/

#prefs				{	
					display:block;
					width:900px;
					margin:50px auto 0 auto;
					padding:0 0 19px 0 !important;
					padding:0 0 2px 0;
					}

#prefs em, #clientlogin
					{
					font-style:normal;
					font-weight:normal;
					font-size:10px;
					line-height:8px;
					color:#DDD;
					}

#prefs em
					{
					display:block;
					padding-bottom:5px;
					float:left;
					}

#prefs a
					{
					text-decoration:none;
					margin:0;
					padding-bottom:5px;
					}

#clientlogin		{
					padding-top:4px;
					float:right;
					}

#loginform			{
					margin:5px 10px 0 0;
					padding-left:15px;
					float:right;
					background-color:#121212;
					border-top:1px solid #222;
					border-bottom:1px solid #222;
					}

#loginform form, #loginform form fieldset
					{
					border:0;
					width:300px;
					padding:0;
					margin:0;
					}
					
#loginform form fieldset label
					{
					display:inline;
					color:#999;
					font-size:10px;
					}

#loginform a
					{
					color:#999;
					padding:0;
					margin:0;
					font-size:10px;
					}
					
.invisible			{
					display:none;
					}

.visible			{
					display:block;
					}

#loginform form		{
					margin-bottom:5px;
					}

#iconSmall, #iconMedium, #iconLarge
					{
					float:left;
					margin:0 3px 0 0;
					padding:0;
					border:1px solid #727E87;
					}

#iconSmall			{
					margin:0 3px;
					}

#englishflag		{
					float:left;
					margin:0 3px;
					padding:0;
					border:1px solid #A3AEB7;
					}

#spanishflag		{
					float:left;
					margin:0 10px 0 0;
					padding:0;
					border:1px solid #A3AEB7;
					}


#navigation 		{
					background-color:#000;
					display:block;
					width:900px;
					margin:0 auto;
					border-left:1px solid #333;
					border-right:1px solid #333;
					border-top:2px solid #333;
					}
					
em#tagline			{
					display:block;
					font-style:normal;
					font-weight:normal;
					font-size:11px;
					line-height:12px;
					color:#CCC;
					}

#titleblock			{
					padding:12px 0 10px 20px;
					display:block;
					}

#titleblock	h1 a	{
					display:block;
					width:325px;
					height:39px;
					background: #000 url(../img/concept-telnotag.jpg);
					margin-bottom:5px;
					}

#titleblock	h1 a span
					{
					display:none;
					}

#navigation img		{
					display:inline;
					}

#mainnav 			{
					color: #000;
					width:880px;
					padding:0 0 0 20px;
					border-bottom:5px solid #333;
					}

					
#mainnav a.current 	{ color: #89BE42; }
#mainnav  a 		{
					padding: 0 15px 4px 0;
					text-decoration:none;
					text-transform:uppercase;
					color: #89BE42;
					font-size:11px;
					line-height:13px;
					}

#mainnav  a:hover	{ color: #99FF33; /* AAD553; */ }

#pagecontent 		{
       				background-color:#FFF;
					display:block;
					float:left;
					width:900px;
					margin-top:0;
					padding-top:0;
					border-left:1px solid #333;
					border-right:1px solid #333;
					}

#homepagehead, #pagehead
					{
					width:900px;
					height:110px;
					margin:0;
					padding:0;
					}


#maincontent 		{
					float:left;
					width:580px;
					padding:20px 0 0 25px;
					}

#maincontent h3		{
					margin-top:5px;
					border-bottom:1px solid #DDD;
					width:100%;
					}

#sidecontent 		{
					float:left;
					/*background-color: #EFEFEF*/;
					width:245px;
					padding:20px 0 0 25px;
					}

#sidecontent h3		{
					border-bottom:1px solid #B7C4CF;
					background-color: #EFEFEF;
					width:250px;
					padding:10px 0 3px 4px;
					margin:0 0 6px -5px;
					}
#sidecontent h4		{
					margin-top:5px;
					/*color: #B7C4CF;*/
					font-style:italic;
					border-bottom:1px solid #DDD;
					width:100%;
					}

#mainsubcontent		{
       				float:left;
					width:200px;
					padding:20px 0 0 20px;
					}

#mainsubcontent h1	{
					font-size:22px;
					color:#060;
					}
#mainsubcontent h4	{
					margin-top:5px;
					width:100%;
					}
#mainsubcontent a	{
					font-size:14px;
					line-height:35px;
					}
					
.sublist			{
					list-style: square;
					padding-left:17px;
					}
					
.sublist li			{
					padding:0 0 5px 0;
					color:#666;
					}

#footer				{
					float:left;
					display:block;
					width:830px;
					margin:40px 0 0 35px;
					text-align:center;
					}
					
#footer p, #footer a
					{
					font-size:9px;
					}
					
.address 			{
					color:#666;
					list-style: none;
					padding-left:0;
					}

.address li em		{
					color:#666;
					font-size:13px;
					font-style:normal;
					font-weight:bold;
					}

.address li			{
					color:#666;
					font-size:11px;
					}

.addresssub			{
					padding-top:14px;
					color:#666;
					list-style: none;
					}
					
.addresssub li		{
					color:#666;
					font-size:10px;
					}					
					
form				{ 
					display:block;
					width:360px;
					border:0 solid #F00;
					margin:35px 0 0 0;
					}
					
legend				{
					padding-bottom:10px;
					}
					
form fieldset		{ 
					border:0;
					}
					
#mailform input, #mailform textarea, #mailform select
					{ 
					display:block;
					width:200px;
					}

/* ///////////////////////////////////

Products Page

////////////////////////////////////*/
.card, .hiddencard
					{
					display:block;
					float:left;
					padding:10px;
					border:1px solid #999;
					background-color:#F5F5F5;
					width:800px;
					clear: left;
					}
					
.hiddencard			{
					display:none;					
					}		
										
.boxbutton, .boxbuttonover
					{
					display:block;
					float:left;
					padding:0 40px 0 5px;
					height:18px;
					margin:0 1px 0 0;
					border:1px solid #999;
					}

.boxbuttonover		
					{
					background-color:#CED8E0;
					color:#333;
					}
					
.boxbuttonon		
					{
					display:block;
					float:left;
					padding:0 40px 0 5px;
					height:18px;
					margin:0 1px 0 0;
					border:1px solid #999;
					background-color:#DDD;
					}

label				{
					display:block;
					margin:10px 0 0 0;
					}					
					
#sideinfo	 		{
					display:block;
					float:right;
					margin:85px 0 0 0;
					padding:0;
					width:150px;
					}

.homefeaturedtitles	{
					font-weight:bold;
					font-size:10px;
					color:#666;
					}
					
p, li, tt, th, div	
					{
					color: #444;
					margin: 2px 0 0 0;
					}
					
p					{
					padding:0 0 10px 0;
					}

#wrapper a			{
					color:#6183A1;
					text-decoration:none;
					}

#wrapper a:hover	{
					background-color:#EEE;
					border-bottom:1px solid #CED8E0;
					}

h1					{
					color:#666;
					}

h2					{
					color:#090;
					}

h3					{
					color:#666;
					}
					
h5					{
					margin-top:8px;
					}

.quote				{
					display:block;
					width:220px;
					}		

.quoteauthor		{
					margin:12px 0 0 0;
					font-style:italic;
					font-size:9px;
					line-height:10px;
					display:block;
					width:165px;
					}
					

#wrapper #pagecontent h2 
					{
					width:860px !important;
					width:855px;
					margin:20px 20px 0 20px;
					padding:118px 0 3px 5px;
					background: #748089 url(../img/abstraction3.jpg) no-repeat;
					color:#FFF;
					font-size:16px;
					}					
					
.products-page #wrapper #pagecontent h2 
					{
					background: #748089 url(../img/abstraction1.jpg) no-repeat;
					}					

.casestudy-page #wrapper #pagecontent h2 
					{
					background: #748089 url(../img/abstraction5.jpg) no-repeat;
					}					

.company-page #wrapper #pagecontent h2 
					{
					background: #748089 url(../img/abstraction3.jpg) no-repeat;
					}
					
					
.services-page #wrapper #pagecontent h2 
					{
					background: #748089 url(../img/abstraction2.jpg) no-repeat;
					}

.contact-page #wrapper #pagecontent h2 
					{
					background: #748089 url(../img/abstraction4.jpg) no repeat;
					}

#wrapper #pagecontent .demodownload		{
					font-size:16px;
					padding:3px 8px;
					background-color:#FFFFFF;
					border:1px solid #999;
					}					

#wrapper #pagecontent .demodownload:hover	{
					background-color:#748089;
					color:#FFF;
					}