@charset "utf-8";

/** Used colors ******************* **/
/** Headers: #00518B (dark blue)	**/
/** Title2: #DCCC00 (yellow)		**/
/** ******************************* **/

/***** Main page structure *****/
body{margin:20px 0 10px 0; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#wrapper{position:relative; width:930px; margin:0 auto 0 auto;}
#top{position:relative; width:930px; height:108px; background:url(../images/top_bg.png);}
#feature{position:relative; width:450px; height:90px; padding:20px;}
#content{position:relative; width:898px; padding:10px 20px; left:-4px; background:url(../images/content_bg.png) repeat-y;}
#content-top{position:relative; width:100%; height:20px; border-bottom:2px dotted #ccc; margin:0 0 20px 0;}
#content-bottom{position:absolute; bottom:-14px; left:0px; width:938px; height:14px; background:url(../images/content-bg_bottom.png)}
#footer{position:relative; margin-top:20px; text-align:center; font-size:10px;}

#bg-image{position:absolute; top:85px; left:0; width:100%; height:200px; background-position:center; background-repeat:no-repeat;}
#breadcrumbs{position:relative; float:right; font-size:10px;}
#logo{position:relative; width:287px; height:78px; margin:15px auto auto -15px; float:left;}

/***** Menu *****/
#menu{position:relative; height:45px; float:right; margin:61px 10px 0 auto;}
.menu-item{position:relative ;height:45px; float:left; cursor:pointer;}
#menu-home{width:66px; background-image:url(../images/menu_home0.png);}
#menu-groupminder{width:118px; background-image:url(../images/menu_groupminder0.png);}
#menu-aboutus{width:95px; background-image:url(../images/menu_aboutus0.png);}
#menu-contactus{width:105px; background-image:url(../images/menu_contactus0.png);}
#menu-forgmusers{width:120px; background-image:url(../images/menu_forgmusers0.png);}
/***** Menu on mouse over *****/
#menu-home:hover{background-image:url(../images/menu_home1.png);}
#menu-groupminder:hover{background-image:url(../images/menu_groupminder1.png);}
#menu-aboutus:hover{background-image:url(../images/menu_aboutus1.png);}
#menu-contactus:hover{background-image:url(../images/menu_contactus1.png);}
#menu-forgmusers:hover{background-image:url(../images/menu_forgmusers1.png);}

/***** Highlights and titles *****/
#page-title{position:relative; float:left; color:#00518B; text-transform:uppercase; font-weight:bold; }
span.highlight1{font-weight:bold;}
.title2{position:relative; text-transform:uppercase; color:#00518B; font-weight:bold;}

/***** Hyperlinks *****/
a {color:#00518B; text-decoration:none; outline:none;}
a:hover {color:#EE4813;}
a img{border:0;}

/***** Fonts *****/
.FntRegular, .text{font-family:Verdana, Geneva, sans-serif; font-size:12px;}

/***** Tabs (application/tech specs) *****/
.tab-text{padding:10px 30px 10px 30px;}
.tab-text img{position:relative; float:left; margin-right:20px; margin-bottom:20px;}

.gm-screenshot{position:relative; float:left; margin:10px;}
#demo-list{position:relative; width:330px; float:left; list-style:none; margin:0; padding:0;}
#demo-list li img{position:relative; margin-top:3px;}
#login{position:relative; float:right; width:150px;}
#send-link{position:absolute; top:5px; right:5px; font-size:10px;}
#contact-info{position:relative; width:700px; padding:10px 20px; border:1px solid silver; background-color:#fff; margin:auto auto 30px auto;}
.frame1{position:relative; width:700px; padding:10px 20px; border:1px solid silver; background-color:#fff; margin:auto auto 30px auto;}
#cb-user{position:relative; background:url(../cbFiles/cBase_small.gif) left no-repeat; padding:10px 0 10px 220px; border:1px solid silver; background-color:#fff; margin:20px auto 30px auto;}
#gm-pres{position:relative; background:url(../images/logo_gm-small.png) left no-repeat; padding:25px 0 25px 220px; border:1px solid silver; background-color:#fff; margin:auto auto 30px auto;}
.quote{position:relative; float:right; padding:10px 20px; width:300px; font-style:italic; border:1px solid silver; background-color:#fff; margin:0 10px 30px 10px;}
.quote .person{position:relative; margin-top:10px; width:300px; text-align:right; font-style:normal;}
.quote-start{position:absolute; left:-20px; top:-10px; background:url(../images/quote-start.png); width:39px; height:31px;}
.quote-end{position:absolute; right:-20px; bottom:40px; background:url(../images/quote-end.png); width:39px; height:31px;}

/***** Social bar (background:url(../images/socialBar.png) no-repeat;) (width:193px) *****/
.socialBar{position:absolute; width:220px; height:21px; right:20px; z-index:99; padding-top:6px; padding-left:9px; background:#f2f2f2; border:1px solid #999; border-radius:4px;}
#socialBarTop{top:-10px;}
#socialBarBottom{bottom:-13px;}
.social-email{position:relative; float:left; margin-right:2px;}

.messageArea{position:relative; width:850px; padding:10px; background-color: #CCC; font:12px sans-serif; font-weight: 100; color:#000000; border: 1px solid #0033FF;}
