/* =General page settings
----------------------------------------------- */
* { font-size: 100%; margin: 0; padding: 0; }

html { height: 100%; }

body { background: #FFFFFF; color: #000000; font: 12px/18px Trebuchet MS, Verdana, Arial; min-width: 780px; text-align: center; }

p, ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, textarea, blockquote, pre, table { margin: 0 0 .8em 0; }

/* =Headings - Generic styles
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 { background: transparent; color: #5F5F5F; font-weight: normal; letter-spacing: .1em; }

#content h2 { font-size: 1.3em; }

#content h3 { font-size: 1.1em; }

#content h4 { font-size: 1.2em; }

#content h5{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0 0 10px 0;
	display: block;
	width: 480px;
	padding: 5px 5px 6px;
	text-align: right;
	text-indent: 5px;
	background-color: #d3e0f6;
	-moz-border-radius: 0px 10px 0px 10px;
	-webkit-border-radius: 0px 10px 0px 10px;
	border-top: 1px solid #7d9bcf;
	border-right: 1px solid #7d9bcf;
	border-bottom: 2px solid #3b60af;
	border-left: 2px solid #88a7e1;
	padding: 5px 8px 5px 8px;
	
	box-shadow: #333 2px 2px 3px;
	-moz-box-shadow: #333 2px 2px 3px;
	-webkit-box-shadow: #333 2px 2px 3px;}

#content h6 { font-size: 1.1em; 
    color: #EEE;
    margin: 0 0 10px 0;
    display: block;
    width: 450px;
    padding: 5px 5px 6px;
    text-align: left;
	text-indent: 10px;
    background-color: #88a6d9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	
	box-shadow: #333 2px 2px 3px;
	-moz-box-shadow: #333 2px 2px 3px;
	-webkit-box-shadow: #333 2px 2px 3px;}

#content-b h3 { height: 15px; overflow: hidden; text-indent: -9999px; width: auto; }

/* =Headings - IR
----------------------------------------------- */
#content-b h3#sidesnips { background: transparent url(../i/GM11_header_sidesnips.gif) no-repeat 0 0; }

#content-b h3#siteupdates { background: transparent url(../i/GM11_header_siteupdates.gif) no-repeat 0 0; }

#content-b h3#coolsites { background: transparent url(../i/GM11_header_coolsites.gif) no-repeat 0 0; }

#pageheader { height: 15px; overflow: hidden; text-indent: -9999px; width: auto; }

.homepage #pageheader { background: transparent url(../i/GM11_pageheader_homepage.gif) no-repeat 0 0; }

/* =Anchors
----------------------------------------------- */
a img{border:0;}  
a:link {
	color:#333333;
   } 
a:visited {
	color:#333333
}
a:hover{
/*border-bottom:1px dotted #003366;*/ /*your color*/ 
color:#003366
}
a:active {
	color:#333333
}

/* =Lists
----------------------------------------------- */
#content ol { list-style-position: inside; list-style-type: lower-roman; }

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

#content ul li { background: transparent url(../i/GM11_li_bullet.gif) no-repeat 0 3px; padding-left: 22px; }

#content dt { font-weight: bold; }

/* =Forms
----------------------------------------------- */
label { background: transparent; color: #999999; display: block; font-size: .9em; }

label span { background: transparent; color: #999500; font-size: .8em; text-transform: uppercase; }

input, textarea, select { background: transparent url(../i/GM11_form_inputtext.jpg) repeat-x 0 0; border: 1px solid #DDDDDD; color: #666666; font: .9em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; margin-top: .5em; padding: 2px; }

#contactform table td { padding: 0 10px .5em 0; }

#contactform-name, #contactform-email, #contactform-subject, #contactform-message { width: 200px; }

#contactform-subject, #contactform-message { width: 427px; }

#contactform-message { height: 140px; }

input.imagesubmit { border: none; margin: 0; padding: 0; 
}

/* =Quotations
----------------------------------------------- */
blockquote { font-style: normal; text-indent: -.7em; }

blockquote cite { display: block; font-style: normal; margin: .8em 0 0 .6em; }


/* =Warnings and notes
----------------------------------------------- */
p.note-general, p.note-warning { background: transparent; border: 1px solid #DDDDDD; color: #000000; font-size: 1em; padding: 2px 4px 2px 34px; }

p.note-general { background: url(../i/GM11_cdicon.gif) no-repeat 8px 50%; }

p.note-warning { background: url(../i/GM11_note_warning.gif) no-repeat 8px 50%; }

p.note-general:hover { border: 1px solid #88a6d9; color: #000000; 

box-shadow: #333 1px 1px 6px;
-moz-box-shadow: #333 1px 1px 6px;
-webkit-box-shadow: #333 1px 1px 6px;}

p.note-warning:hover { border: 1px solid #FF6347; color: #000000; 

box-shadow: #333 1px 1px 6px;
-moz-box-shadow: #333 1px 1px 6px;
-webkit-box-shadow: #333 1px 1px 6px;
}



/* =Wrappers
----------------------------------------------- */
#wrapper-a { background: transparent url(../i/GM11_wrapper-a.jpg) repeat-x 0 0; width: auto; }

#wrapper-b { background: transparent url(../i/GM11_wrapper-b.gif) repeat-y 0 0; margin: 0 auto; text-align: left; width: 880px; }

/* =Heading Layout
----------------------------------------------- */
#heading { background: url(../i/GM11_heading_background.png) #FFFFFF no-repeat 0 0; height: 222px; position: relative; width: 880px; }

#heading h1 { left: 45px; position: absolute; top: 104px; }

#heading-intro { background: transparent; border-left: 1px solid #91C1E5; color: #EEEEEE; left: 600px; padding-left: 10px; position: absolute; top: 104px; width: 200px; }

#heading-note { border: 3px double #FFF; color: #EEEEEE; right: -235px; padding: 6px; position: absolute; top: 190px; width: 210px; 
color:#333; font-size:90%; letter-spacing: 0.9pt; text-align:left;
    	background-color: #d3e0f6;
    	-moz-border-radius: 8px;
    	-webkit-border-radius: 8px;
}
#heading-note .text {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	color:#666;
	background: transparent;
/*	position: absolute;
	padding-left: 6px; */
	}
	#heading-note em {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 1.4em;
	color:#999;
	}

		#heading-note .anything {
			
		font-size: 120%;
		line-height: 1.4em;
   		margin: 0 0 10px 0;
    	display: block;
    	padding: 10px 10px;
    	text-align: left;
    	background-color: #cbdaf3;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
		border-top: 1px solid #b8cbea; border-right: 2px solid #b8cbea; border-bottom: 2px solid #b8cbea; border-left: 2px solid #b8cbea;
		}
		
		#heading-note .anything:hover  {
		background-color: #b8cbea;
		}

#heading h1 a { background: transparent no-repeat 0 0; display: block; height: 58px; overflow: hidden; text-indent: -9999px; width: 303px; }

#heading h2, #heading-skipnav { left: -9999px; overflow: hidden; position: absolute; }

/* =Content Layout
----------------------------------------------- */
#content-a { float: left; font-size: 1.2em; width: 540px;}

.img {
	width: auto;
	border: solid 1px;
	border-color:#CCC;
	padding: 5px;
	clear:left;
	display: block;
	position: relative;
	
	box-shadow: #333 2px 2px 4px;
	-moz-box-shadow: #333 2px 2px 4px;
	-webkit-box-shadow: #333 2px 2px 4px;
}
.img:hover {
	border: solid 1px;
	border-color: #999;
}

#content-b { float: left; font-size: 1em; width: 340px; }

#content-c { clear: both; }

#content-a-inner { padding: 8px 9px 8px 18px; }

#content-b-inner { padding: 8px 18px 8px 18px; }

#content-b-inner div { margin-bottom: .8em; }

#content-c-inner { margin: 0 0 .5em 0; padding: 0 18px; text-align: center; }

/* =Top Of Page etc
----------------------------------------------- */
ul#nav-b li { background: none; display: inline; margin-left: 5px; padding: 0; }

#nav-b li a { border: 1px solid #DDDDDD; color: #999999; font-size: .9em; padding: 3px 4px 3px 20px; text-decoration: none; }

#nav-b li a:hover, #nav-b li a:focus, #nav-b li a:active { color: #666666; }

#totop a { background: url(../i/GM11_totop.gif) no-repeat 4px 50%; }

#tonavigation a { background: url(../i/GM11_tonavigation.gif) no-repeat 4px 50%; }

#accessibility a { background: url(../i/GM11_accessibility.gif) no-repeat 4px 50%; }

#colophon a { background: url(../i/GM11_colophon.gif) no-repeat 4px 50%; }

/* =Footer
----------------------------------------------- */
#footer { background: url(../i/GM11_footer.jpg) no-repeat 50% 0; padding: 20px 0 15px 0; }

#footer p { background: transparent; color: #EEEEEE; font-size: 11px; line-height: 1em; margin: 0 0 .4em 0; text-align: center; text-transform: uppercase; }

#footer a:link, #footer a:visited { background: transparent; border-bottom: 1px dotted #EEEEEE; color: #91C1E5; text-decoration: none; }

#footer a:hover, #footer a:focus, #footer a:active { background: transparent; color: #FFFFFF; }

/* =Main Navigation
----------------------------------------------- */
#nav-a { left: 320px; list-style-type: none; position: absolute; top: 15px; }

#nav-a li { float: left; margin: 0 1px 0 0; width: 104px; }

#nav-a li a { display: block; height: 20px; overflow: hidden; text-indent: -9999px; width: 104px; }

#nav-a-about a { background: transparent url(../i/GM11_nav_about.jpg) no-repeat 0 0; }

#nav-a-downloads a { background: transparent url(../i/GM11_nav_downloads.jpg) no-repeat 0 0; }

#nav-a-blog a { background: transparent url(../i/GM11_nav_blog.jpg) no-repeat 0 0; }

#nav-a-contact a { background: transparent url(../i/GM11_nav_contact.jpg) no-repeat 0 0; }

#nav-a-about a:hover, #nav-a-about a:focus, #nav-a-about a:active, #nav-a-downloads a:hover, #nav-a-downloads a:focus, #nav-a-downloads a:active, #nav-a-blog a:hover, #nav-a-blog a:focus, #nav-a-blog a:active, #nav-a-contact a:hover, #nav-a-contact a:focus, #nav-a-contact a:active { background-position: 0 -20px; }


/* =Floats
----------------------------------------------- */
.float-left { float: left; margin-right: 10px; }

.float-right { float: right; margin-left: 10px; }

/* =Special
----------------------------------------------- */
.style3 {font-weight: bold}
.white {color: #FFFFFF}
.small {font-size: 10px}
#Copyright {
	position:absolute;
	left:152px;
	top:1768px;
	width:725px;
	height:24px;
	z-index:1;
}
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17ems; /* ems so it will grow */
	background: url(../i/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../i/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../i/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 14px 20px 10px;
	color: white; 
	font-weight: bold; 
	font-size: 0.8ems; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../i/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 12px 28px 22px;
}

#content-b-inner .right {
    float: left;
    width: 260px;
}

    #content-b-inner .right ul {
        margin-top: 1em;
    }

    #content-b-inner .right ul li {
        font-size: 1.2em;
        line-height: 1.2em;
    }
    
    #content-b-inner .right ul li a {
        text-decoration: none;
        color: #555;
        padding: 2px 4px;
    }
    
        #content-b-inner .right ul li a:hover {
            color: #777;
        }
    
    #content-b-inner .right ul li:hover a {
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #444;
        color: #111;
    }
    
        #content-b-inner .right ul li:hover a:hover {
            background: #555;
            color: #222;
        }
		
		/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */