/* Start of CMSMS style sheet 'Heptagon frontpage style' */
/* CSS Document */

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana, Helvetica, Arial,sans-serif;
	font-size:70%;
	color: #000000;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a{
	color: #000000;
	text-decoration: none;
}

a:link{
	color: #000000;
	text-decoration: none;
}

a:visited{
	color: #000000;
	text-decoration: none;
}

a:hover{
	color: #939494;
	text-decoration: none;
}

h1{
 font-family: Verdana, Helvetica, Arial,sans-serif;
 font-size: 120%;
 color: #939494;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Verdana, Helvetica, Arial,sans-serif;
 font-size: 70%;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h3{
	font-family: Verdana, Helvetica, Arial,sans-serif;
	font-size: 150%;
	color: #939494;
	margin: 0px;
	padding: 0px;
	font-weight: lighter;
	line-height: 130%;
}

h4{
 font-family: Verdana, Helvetica, Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana, Helvetica, Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

.invisible{
   visibility: hidden;
  }

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/* center wrapper, min max width */
div#pagewrapper {
   border: none;
   margin: 0 auto;       /* this centers wrapper */
   max-width: 1000px;   /* IE wont understand these, so we will use javascript magick */
   min-width: 800px;
   background-color: #ffffff;
   color: #000000;
}

div#redstripe {
  float:left;
   border: none;
   height:1000px;
   width: 100px;
   background: #ffffff url(uploads/images/red_long.gif) repeat-y 0% 0%; 
   color: #000000;
}

#masthead{
        width: 85%; 
        float:left;
        padding: 0;

}

div#search {
   color: #939494;
   float: right;
   width: 27em;     /* enough width for the search input box */
   text-align: right;
   padding: 2em 0 0.2em 0;
   margin: 0 1em;
}

#tabs{
       clear: both;
	float:left;
	position:relative;
	margin: 10px 0 0 0;
	padding: 0;
	width: 70%;
}

div#header {
   	margin: 20px 0 0 25px;
        background-image:url(uploads/images/logo.gif);
	background: #ffffff;
	}

div#header h1 a {
/* you can set your own image here */
   background: #ffffff url(uploads/images/logo.gif) no-repeat 0% 0%; 
   margin: 0 0 15px 0;
   display: block; 
   height: 80px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}


div#header img{
        margin: 0 0 0 0;
        height: 80px;
	display: block;
		}

/************* #Tab section styles **************/		

#container{
        clear: both;
        margin: 0 auto 2em 0;
	position: absolute;
	left:0px;
	top:20px;
	z-index:2;
	right: 50px;
}

#frame {
	left:70px;
	top:75px;
        padding: 10px;
	z-index:1;
	height: auto;
	background-color: #1D71B9;
        background-image: url(uploads/images/wafer.gif);
        background-position: center;
	background-repeat: no-repeat;
	right: 0px;
	margin-bottom: 75px;
	position: relative;
}


#infotext{
	padding: 18px 22px 18px 18px;
	margin: 0;
	color:#FFFFFF;
	line-height: 150%;
        z-index: 3;
}


#frame-top-left {
	position:absolute;
	left:-16px;
	top:-95px;
	width:250px;
	height:122px;
	z-index:2;
	}

.frameTL {
width:116px;
height:122px;
background-image: url(uploads/images/Faster_tab.gif);
background-repeat: no-repeat;
}

.frameTL_over {
width:250px;
height:122px;
background-image: url(uploads/images/Faster_tab_over.gif);
}

#frame-top-right {
	position:absolute;
	top:-95px;
	width:250px;
	height:122px;
	z-index:3;
	right: -40px;
}

.frameTR {
width:250px;
height:122px;
background-image: url(uploads/images/Smaller_tab.gif);
}

.frameTR_over {
width:250px;
height:122px;
background-image: url(uploads/images/Smaller_tab_over.gif);
}

#frame-bottom-left {
	position:absolute;
	left:-60px;
	width:250px;
	height:122px;
	z-index:5;
	bottom: -105px;
}

.frameBL {
width:116px;
height:122px;
background-image: url(uploads/images/Better_tab.gif);
background-repeat: no-repeat;
}

.frameBL_over {
width:250px;
height:122px;
background-image: url(uploads/images/Better_tab_over.gif);
}

#frame-bottom-right {
	position:absolute;
	width:250px;
	height:122px;
	z-index:7;
	right: -50px;
	bottom: -90px;
}

.frameBR {
width:250px;
height:122px;
background-image: url(uploads/images/Cheaper_tab.gif);
}

.frameBR_over {

width:250px;
height:122px;
background-image: url(uploads/images/Cheaper_tab_over.gif);
}

/************* #globalNav styles **************/

#globalNav{
padding: 0px 0px 15px 25px;
color: #cccccc;
}

#globalNav img{
margin:0px;
padding:0 2px 0 0;
 
}

#globalNav a {
	font-size: 100%;
	padding: 0 4px 0 0;
}
/* End of 'Heptagon frontpage style' */