/* ==================

Colours:
Orange: #f90
Grey: #666
Dark grey: #333

=======================*/


/*-------------------------- RESET ------------------------------*/

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a,  strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption, tfoot, thead, th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 13px;
	font-family: inherit;
	vertical-align: baseline;
}

img { border: none; }

ul, ol { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

:focus { outline-style: none; }

/* end reset */


/*-------------------------- TYPE ------------------------------*/
body {
	font:13px/22px verdana, arial, helvetica, sans-serif;
	color:#666;
	/*background-color:#f4f4f4;*/
	background-color:#ccc;
}

a { color: #f90; }
a:link, a:visited, a:active { color:#f90; text-decoration: none; }
a:hover { color:#f30; text-decoration: underline; }

strong { font-weight: bold; }

em { font-style: italic; }

p { margin-bottom: 10px; }
h1 { font-weight: bold; font-size: 20px; line-height: 36px; margin-bottom: 30px; }
h2 { font-weight: bold; font-size: 15px; line-height: 24px; margin: 20px 0 10px 0; color: #a17131; }
h3 { font-weight: bold; font-size: 12px; line-height: 24px; margin-top: 15px; color: #a17131; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

#footer { font-weight: normal; font-size: 11px; color: #666; text-align: center; margin: 20px; padding-top: 20px; border-top: 1px solid #b3b3b3; }
#footer li {
	display: inline;
	line-height: 16px;
	margin-left: 20px;
	padding-left: 25px;
	background: url(gl_images/bullet1.gif) 0 0 no-repeat;
}
#footer a:link, #footer a:visited {
	font-weight: normal;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
#footer a:hover { color: #F30; text-decoration: underline; }
#footer p { padding: 8px 0 30px 0; }

.highlight { color: #f60; font-weight: bold; }

.contact_text { font-size: 15px; line-height: 22px; margin-bottom: 10px; }

#primary_content p { padding-right: 40px; }

.inset-box {
	float: right;
	width: 200px;
	border:	1px solid #666;
	margin: 20px 15px 20px 20px;
	padding: 15px;
}
#primary_content ul {
	list-style-image: url(gl_images/bullet2.gif);
	padding-left: 0;
	margin-left: 30px;
}
#primary_content ul li {
	margin: 0 0 4px 0;
	padding: 0 0 0 10px;
}




/* end type */



/*-------------------------- STRUCTURE ------------------------------*/

#wrapper {
	position:relative; /* Give position to this so that menu div position relates to this */
	width: 1000px;
	/*height: auto;*/
	margin: 0 auto;
	padding: 0;
	background: #FFF;
}

#content {
	width: 950px;
}

#primary_content {
	width: 950px;
	float: left;
	margin: 190px 0 50px 0;
	display:inline; /* Prevents Double-margin float bug in IE*/
}

#two_column_layout #primary_content {
	width: 520px;
	float: right;
	display: inline; /* Prevents Double-margin float bug in IE*/
	background: #fff;
}

#secondary_content {
	float: left;
	margin-top: 190px;
	padding: 440px 0 20px 20px;
	width: 315px;
	background: transparent;
}

#three_column_layout #container {
	float: left;
	width: 680px;
	margin-top: 190px;
	display:inline; /* Prevents Double-margin float bug in IE*/
	background: yello;
}

#three_column_layout #primary_content {
	float: right;
	width: 400px;	
	display:inline; /* Prevents Double-margin float bug in IE*/
	margin: 0;
}

#three_column_layout #secondary_content {
	float: left;
	width: 200px;
	margin: 0 0 0 20px;
	padding: 0;
}

#side_content { /* Only on three column layout */
	float: right;
	width: 240px;
	display:inline; /* Prevents Double-margin float bug in IE*/
	margin-top: 190px;
	padding-top: 325px;  /* to clear background pic */
}

#header {
	position: absolute;
	top: 60px;
	left: 0px;
	width:950px;
	height:100px;
	background:url(gl_images/header.jpg) 0 0 no-repeat;
}

/* end structure */



/*------------------------ NAVIGATION --------------------------*/

#menu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 955px;
	padding-left: 45px;
	height: 57px;
	list-style-type: none;
	z-index: 500;
	background: url(gl_images/menu_bgd.gif) 0 0 repeat-x;
}

#menu a {
	display: block;
	float: left;
	width: 130px;
	height:57px;
	line-height:20px;
	color:#F00;
	text-indent:-5000px; 
}

#menu li {display:inline; /* Removes gaps in IE */}

#menu a.menu-end { width: 131px; }

#menu #home { background:url(gl_images/menu1.jpg) 0 0 no-repeat; }
#menu #about { background:url(gl_images/menu2.jpg) 0 0 no-repeat; }
#menu #contact { background:url(gl_images/menu3.jpg) 0 0 no-repeat; }
#menu #portfolio { background:url(gl_images/menu4.jpg) 0 0 no-repeat; }
#menu #web { background:url(gl_images/menu5.jpg) 0 0 no-repeat; }
#menu #seo { background:url(gl_images/menu6.jpg) 0 0 no-repeat; }
#menu #logos { background:url(gl_images/menu7.jpg) 0 0 no-repeat; }

#menu #home:hover, #menu #about:hover, #menu #contact:hover,
#menu #portfolio:hover, #menu #web:hover, #menu #seo:hover,
#menu #logos:hover {
	background-position:0px -57px;
}

/* Highlight menu item */
body.home #menu a#home, body.about #menu a#about, body.contact #menu a#contact,
body.portfolio #menu a#portfolio, body.web #menu a#web, body.seo #menu a#seo,
body.logos #menu a#logos {
	background-position: 0px -57px;
}

/* Portfolio button */

#portfolio_btn {
	margin-top: 20px;
	width: 243px;
	height: 28px;
	z-index: 500;
}
#portfolio_btn a, .portfolio_btn a:visited {
	display: block;
	float: left;
	width: 243px;
	height: 28px;
	line-height: 20px;
	background: url(gl_images/btn-portfolio.gif) 0 0 no-repeat;
	text-indent:-5000px;
}
#portfolio_btn a:hover {
	background-position:0px -28px;
}
#secondary_content #portfolio_btn {
	clear: left;
	padding-left: 26px;
	margin: 30px 0;
}

/* end navigation */



/*------------------------ PAGE DISPLAY --------------------------*/

/* Page titles */
body #title { height: 100px; width: 315px; }
body.home #title {background:url(gl_images/title-home.gif) 0 74px no-repeat; }
body.about #title {background:url(gl_images/title-about.gif) 0 74px no-repeat; }
body.contact #title {background:url(gl_images/title-contact.gif) 0 74px no-repeat; }
body.portfolio #title {background:url(gl_images/title-portfolio.gif) 0 74px no-repeat; }
body.web #title {background:url(gl_images/title-web.gif) 0 74px no-repeat; }
body.seo #title {background:url(gl_images/title-seo.gif) 0 54px no-repeat; }
body.logos #title {background:url(gl_images/title-logos.gif) 0 74px no-repeat; }
body.map #title {background:url(gl_images/title-map.gif) 0 74px no-repeat; }

/* Page images - Left */
body.home #side_content {background:url(gl_images/pic2-1.jpg) 0 0 no-repeat; }
body.about #secondary_content {background:url(gl_images/pic4.jpg) 0 0 no-repeat; }
body.contact #secondary_content {background:url(gl_images/pic8.jpg) 0 0 no-repeat; }
body.web #secondary_content {background:url(gl_images/pic3.jpg) 0 0 no-repeat; }
body.seo #secondary_content {background:url(gl_images/pic5.jpg) 0 0 no-repeat; }
body.logos #secondary_content {background:url(gl_images/pic7.jpg) 0 0 no-repeat; }
body.sitemap #secondary_content {background:url(gl_images/pic4.jpg) 0 0 no-repeat; }
body.notfound #secondary_content {background:url(gl_images/pic8.jpg) 0 0 no-repeat; }


/* end page display */


/*-----------------------SECONDARY CONTENT ------------------------*/


.feature {
	float: left;
	width: 295px;
	margin-bottom: 40px;
	padding: 0;
	color: #fff;
	background: #666;
}
.feature h2 {
	width: 265px;
	margin: 0;
	padding: 5px 15px;
	margin-bottom: 15px;
	font-size: 12px;
	color: #fff;
	background: #f90;
}
.feature p { width: 265px; padding: 0 15px; }
.feature ul { width: 285px; padding: 0 5px 5px 5px; }
.feature ul li {
	margin-bottom: -1px;
	padding: 5px 15px;
	border-top: 1px solid #f63;
	border-bottom: 1px solid #f63;
	list-style: none;
	list-style-image: none;
	background: #333;	
}
.feature .highlight { font-weight: bold; color: #f63; }



/*----------------------- UTIITIES ------------------------*/

.clear { clear: both; }

.clearInvisible {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}