/* css by digital garden */
/* author: dennis grossmann */
/* last revision: 01-11-2007  */

@import "nav.css";

/*** base.css --- styles that standardise the browser environment across different browsers and platforms as well as some generic utility styles ***/

/* Browser Reset ****************************/
*			{padding:0; margin:0; border:0;}

/* Fonts ****************************/
html 		{font-size:1.25em;}
body 		{font:50% arial, sans-serif; }
html > body {font-size:12px;}
h1 			{font-size:1.1em;}
h2 			{font-size:1.2em;}
h3 			{font-size:1em;}
h4 			{font-size:1em;}
h5 			{font-size:0.9em;}
h6 			{font-size:0.8em;}
table, td, input, textarea, select {font:1em arial, sans-serif;}

/* Main Selectors ****************************/
body 		{background:#FFF; color:#000; line-height:1.5em; text-align:left;}
p       	{margin:1em 0;}
strong  	{font-weight:bold; color: #24013c;}

/* Headings ****************************/
h1,h2,h3,h4,h5,h6 	{margin:1em 0; color:#000;}

/* Lists ****************************/
ul, ol         {margin:1em 0 1em 3em;}
li             {margin:0 0 0.3em 0;}
ul.unstyled    {list-style-type:none;}
ul.unstyled li {float:left;}

/* Utility Classes ****************************/
.clear     {clear:both; font-size:0; line-height:0em;}
.indent    {margin-left:2em;}
.right     {text-align:right;}
.top       {vertical-align:top;}
.center    {text-align:center;}
.middle    {vertical-align:middle;}
.error     {color:#AA0000; margin:0 0 1em 0;}
.hide      {display:none;}
.show      {display:block;}
.img-right {float:right; margin:0 0 1em 1em;}
.img-left  {float:left; margin:0 1em 1em 0;}
.break     {padding:0.5em 0; clear:both;}
.small	   {font-size: 11px; margin: 0.5em 0 !important; line-height: 13px;}


/* global formatting */
body.home 			{ background: url(../images/bg_sides_home.gif) repeat-x top; }
body.general 		{ background: url(../images/bg_sides_general.gif) repeat-x top; }

/* layout containers */
#container 		{width:980px; margin:0 auto; position: relative;}
#header 		{padding:10px; height: 70px; border-bottom: #c5c5c5 1px solid;}
#navigation 	{padding:10px 0 0; height: 65px;}
#content 		{width:690px; padding:20px 30px; min-height:300px; height:auto !important; height:300px; float:left; position: relative;}
#sidebar 		{float:right; width:210px; padding: 0 10px; }
#footer 		{clear:both; padding:0; border-top: #c5c5c5 1px solid; width: 100%; position: relative;}



/* backgrounds and colors */


/* global formatting */
img.logo		{ margin: 14px 0 70px 15px;}

span			{ font-size: 12px; font-weight: normal;}

#stripe h1		{ color: #fff; font-family: Georgia; font-size: 2em; font-weight: normal; line-height: 1.3em; margin: 70px 50px 40px 410px; }

#content a			{ text-decoration: underline; color: #000;}
#content a:hover	{ text-decoration: none;}


#footer ul				{ padding: 10px 0 0 20px; list-style: none; margin:0 auto; height: 30px; width: 950px;}
#footer ul li			{ float: left; font-size: 11px; color: #909090; padding-right: 5px;}
#footer ul li a			{ text-decoration: none; color: #909090; padding: 0 5px;}
#footer ul li a:hover	{ text-decoration: underline;}
#footer ul li.digi_garden	{ float: right; padding-right: 0;}


/* homepage */
div.homepage	{ background: url(../images/stripe_home.png) no-repeat right #2b0e4c; width: 980px; height: 275px; position: absolute; top: 165px; left: 0;}

div.home		{ margin-top: 275px;}



.homepage h1		{ margin: 160px 580px  0 30px !important;}

div#left			{ width: 310px; float: left;}
	
div#right			{ width: 300px; float: right; margin-right: 0; }

img.map				{ margin: 15px 0 0 -30px;}

p.map				{ margin: 10px -30px 0 -30px; font-size:0.95em;}


ul#awards			{ list-style: none; margin: 35px 13px 40px 0; border-left: #c5c5c5 1px solid; padding-left: 20px; }

ul#awards li		{ border-bottom: #c5c5c5 1px solid; padding: 5px 0 10px;font-size: 11px; color: #777676;}

ul#awards li.last	{ border-bottom: none;}

ul#awards li a		{  font-size: 11px; color: #777676; text-decoration: none; }

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

ul#awards li a:hover img { text-decoration: none;}



/* other pages */


div.investment	{ background: url(../images/stripe_investments.png) no-repeat left #2b0e4c ; width: 980px; height: 185px; position: absolute; top: 165px; left: 0;}

div.our-team	{ background: url(../images/stripe_staff.png) no-repeat left #2b0e4c ; width: 980px; height: 185px; position: absolute; top: 165px; left: 0;}

div.careers	{ background: url(../images/stripe_careers.png) no-repeat left #2b0e4c ; width: 980px; height: 185px; position: absolute; top: 165px; left: 0;}

div.contact-us	{ background: url(../images/stripe_contact.png) no-repeat left #2b0e4c ; width: 980px; height: 185px; position: absolute; top: 165px; left: 0;}

div.general		{ margin-top: 185px;}


span.contact	{ padding-right: 20px;}