body {margin:0;padding:0; width:100%; background: url(/images/index_back.jpg) repeat-x #fff;}
h1{padding:0; margin:0; font-size:40px;position:absolute; top:57px; left:0; color:#fff; width:600px; background:url(/images/index/leaf-icon.gif) no-repeat 476px 0px; padding-top:10px}
h1 img{margin-top:12px;}
h2 {}
h3 {font-size:1.9em; color:#333;}
.home-blue { color:#0e86d7; font-size:1.3em;}

#contents {min-height: 436px; margin:280px 0 160px 0;} 
.left_content {float:left; width:450px; margin:20px 0 30px 0;}
.left_content p {line-height:21px;}
.rightbox{width:395px; height:374px; margin:20px 0;  float:right;}

#options_holder {height:188px;  }
.options { height:183px; width:213px; padding: 0px; margin:0 7px 0 7px; float:left; text-align:center; background: none; position:relative;  cursor: pointer}
/* ---old one i likes.options { height:190px; width:227px; padding: 0px; margin:0; float:left; border-right: 1px solid #3d3d3d; border-left: 1px solid #111; text-align:center}*/
.options:hover {background-color:#38393d; color:#222;}
.one:hover  {border-bottom: 5px solid #3090e4 !important;}
.two:hover  {border-bottom: 5px solid #ef0404 !important;}
.three:hover  {border-bottom: 5px solid #87d6ee !important;}
.four:hover  {border-bottom: 5px solid #6cb404 !important;}
.options a, .options a:link  {display:block; font-size:11px; !important; line-height:17px; !important}
.options a:hover  { text-decoration:none;}
.options a h2  {color: #fff; width:213px; margin:0px 0px 2px 0px; padding:117px 0 0 0; position:absolute; left:0; cursor: pointer}
.options p{ width: 213px; margin:0px 0px 10px 0px; padding-bottom:3px; position:absolute;  padding:135px 0 0 0; left:0; cursor: pointer}
.first {width:213px; margin-left: 0;}
.one { background:url(/images/index/cloud.jpg) no-repeat 0 0; height:104px!important; }
.one:hover { background:url(/images/index/cloud.jpg) no-repeat 0 -104px; height:104px;}
.two { background:url(/images/index/economics.jpg) no-repeat 0 0; height:104px!important; }
.two:hover { background:url(/images/index/economics.jpg) no-repeat 0 -104px; height:104px;}
.three { background:url(/images/index/email.jpg) no-repeat 0 0; height:104px!important;}
.three:hover { background:url(/images/index/email.jpg) no-repeat 0 -104px; height:104px;}
.four { background:url(/images/index/green.jpg) no-repeat 0 0; height:104px!important; }
.four:hover { background:url(/images/index/green.jpg) no-repeat 0 -104px; height:104px;}



.twitter_button {background:url(/images/rightimages/twitter.gif) no-repeat 4px 0; width:39px; height:87px; position:absolute; top:610px; right:0px; display:block}
.twitter_button:hover {background:url(/images/rightimages/twitter.gif) no-repeat 0 0}
.facebook_button {background:url(/images/rightimages/facebook.gif) no-repeat 4px 0; width:39px; height:106px; position:absolute; top:710px; right:0px; display:block}
.facebook_button:hover {background:url(/images/rightimages/facebook.gif) no-repeat 0 0;}
.linkedin_button {background:url(/images/rightimages/linkedin.gif) no-repeat 4px 0; width:39px; height:107px; position:absolute; top:829px; right:0px; display:block}
.linkedin_button:hover {background:url(/images/rightimages/linkedin.gif) no-repeat;}

/*-----------------------------------------------------------------
                          Index page top (h1 area)
------------------------------------------------------------------*/
.top_bit{ height:280px; margin:0; position: absolute; top: 125px; left:0px;}
.top_bit p { width: 450px; font-size:12px; line-height:18px; margin-top:150px}


/*----------------------------------------------------------------- 
						Video box 
--------------------------------------------------------------------*/
#vid_holder { background:#f0f7fa; border:1px solid #e7f2f7; padding: 13px; margin:15px 0 10px 0}


/*----------------------------------------------------------------- 
						News Tab section 
--------------------------------------------------------------------*/
#newstab { margin-top: 34px; margin-bottom:24px;}
#tab1 {margin:0px 0 0 10px;}
ul.tabs {margin: 0 0 6px 6px; padding: 0; float: left; list-style: none; height: 35px; /*--Set height of tabs--*/ width: 390px;
}
ul.tabs li {float: left; margin: 0; padding: 0; height: 41px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 41px; /*--Vertically aligns the text within the tab--*/
border:  none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: none}
ul.tabs li a {text-decoration: none; color: #292929; display: block; font-size: 15px;  padding: 0; outline: none; font-weight:normal; height:41px; width:128px; text-align:center;
}
ul.tabs li a:hover {color: #007FBF; height:41px; width:128px;}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {background: #f0f7fa !important; height:41px; width:128px; color: #007FBF !important; border: 1px solid #e7f2f7; border-bottom: none}
.tab_container {overflow: hidden; clear: both; background: #f0f7fa; width:363px; height:347px; margin:0; padding:16px; font-size:14px; border: 1px solid #e7f2f7; }
.tab_content {padding: 12px; font-size: 14px;}
.tab_content:hover {padding: 12px; font-size: 14px;}
.tab_content h2 {font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em;}
.tab_content img {float: left;margin: 0 20px 20px 0;border: 1px solid #ddd;padding: 5px;}
.tab_content a { color:#333333!important; text-decoration:none; }
.tab_content a:hover { color:#333333!important; text-decoration: underline !important;}

.news_title {margin:5px 0; background:url(/images/rightimages/ih_icon.gif) no-repeat!important; padding:0 0 0 17px!important;}
.gfc-resultsHeader {border-bottom: none !important; margin-bottom:0 !important; width:100%;}
.gfc-resultsbox-visible {width:324px; font-size:14px; margin: 10px 0 0 10px;}
.gf-result {background:url(/images/rightimages/ih_icon.gif) no-repeat !important; margin:0; padding:0 0 0 17px!important;}
#twitter_update_list li { margin-bottom:10px !important;}
#twitter_update_list li a { color:#0e86d7 !important;}

/*-----------------------------------------------------------------
                          Index page logos
------------------------------------------------------------------*/
#partners { background:url(/images/index/partners.gif) no-repeat; width:449px; height: 100px; padding: 27px 0 0 0;}
#mslogo  {display: block; width: 104px; height: 71px; background: url(/images/index/microsoft.gif) no-repeat 0 -71px; float:left; margin-right:}
#mslogo:hover {background-position: 0 0;}	
#vmlogo {display: block; width: 104px; height: 71px; background: url(/images/index/vm.gif) no-repeat 0 -71px; float:left;}
#vmlogo:hover {background-position: 0 0;}
#orlogo {display: block; width: 156px; height: 71px; background: url(/images/index/oracle.gif) no-repeat 0 -71px; float:left;}
#orlogo:hover {background-position: 0 0;}
#mslogo span {display: none;}
#vmlogo span {display: none;}
#orlogo span {display: none;}