/* Global Business Solutions, INC. - Website */

/* Layout Structure and Styling */
body {
	background-color : #ffffff;
	margin : 0 auto;
	padding : 0;
	}
	
#header {
	background-color : #21211e;
	text-align : center;
	margin : 0 auto;
	padding : 40px 0 0 0;
	min-width : 1000px;
	min-height : 130px;
	width : 100%;
	}

#container {
	margin : 0 auto;
	padding : 0;
	width : 1000px;
	min-height : 500px;
	}

#pillar-background {
	background : url('../images/gbs_gold_pillars.png');
	background-repeat : repeat-y;
	background-position : 56px 0;
	margin : 0;
	padding : 0;
	width : 1000px;
	height : 100%;
	min-height : 500px;
	}
	
	/* main buttons. */
	.nav {
	position : relative;
	background-color : #4fccdb;
	margin : 0 133px;
	padding : 0;
	width : 738px;
	height : 40px;
	font-family : 'Georgia', serif;
	font-style : normal;
	font-weight : 700;
	font-size : 70%;	
	text-decoration : none;
	text-align : center;
	}

	.nav ul {
	list-style-type : none;
	margin : 0 auto;
	padding : 0 0 0 40px;
	text-align : center;
	}

	.nav ul li {
	float : left;
	position : relative;
	}

	.nav ul li a {
	padding : 14px 15px 10px 0;
	margin : 0;
	display : block;
	text-decoration : none;
	color : #21211e;
	text-align : center;
	}
	
	.nav ul li a:hover {
	display : block;
	text-decoration : none;
	color : #ffffff;
	}
	
	/* 2rd level drop down. */
	.nav ul li ul {
	display : none;
	}

	.nav ul li:hover ul {
	display : block;
	position : absolute;
	left : -52px;
	top : 27px;
	}
	
	.nav ul li:hover ul li a {
	display : block;
	background : #4fccdb;
	padding : 6px 8px 4px 12px;
	color : #21211e;
	width : 170px;
	text-align : left;
	font-size : 100%;
	font-weight : 500;
	}

	.nav ul li:hover ul li a:hover {
	background : #4fccdb;
	color : #ffffff;
	text-decoration : none;
	}
	
	/* don't display the 3rd level drop down when it hovers on 2nd level. */
	.nav ul li:hover ul li ul {
	display : none;
	}

	/* 3rd level drop down. */
	.nav ul li ul li:hover ul {
	display : block;
	position : absolute;
	left : 140px;
	top : 0px;
	}
	
	.nav ul li ul li:hover ul li a {
	display : block;
	background : #4fccdb;
	padding : 6px 8px 4px 12px;
	color : #21211e;
	width : 170px;
	text-align : left;
	font-size : 100%;
	font-weight : 500;
	}

	.nav ul li ul li:hover ul li a:hover {
	background : #4fccdb;
	color : #ffffff;
	text-decoration : none;
	}
	
	.content {
	background : #ffffff url('../images/blue_gradient_vertical.jpg');
	background-repeat : repeat-x;
	background-position : bottom;
	margin : 0 130px 0 133px;
	padding : 40px;
	width : 658px;
	height : 100%;
	min-height : 500px;
	}
	
	.content-about {
	/*background : url('../images/gbsi_office.png') 480px 45px;
	background-repeat : no-repeat;*/
	margin : 0;
	padding : 0;
	width : 658px;
	height : 100%;
	min-height : 500px;
	}
	
	.content h1 {
	color : #21211e;
	font-family : 'Georgia', serif;
	font-style : normal;
	font-weight : 700;
	font-size : 120%;	
	text-decoration : none;
	text-align : center;
	}
	
	.content h2 {
	color : #21211e;
	font-family : 'Georgia', serif;
	font-style : italic;
	font-weight : 300;
	font-size : 100%;	
	text-decoration : none;
	text-align : left;
	line-height : 1.2em;
	}
	
	.content h2 a {
	color : #000000;
	font-family : 'Georgia', serif;
	font-style : italic;
	font-weight : bold;
	font-size : 100%;	
	text-decoration : none;
	text-align : left;
	line-height : 1.2em;
	}
	
	.content h2 a:hover {
	text-decoration : underline;
	}
	
	.content h3 a {
	color : #000000;
	font-family : 'Georgia', serif;
	font-style : normal;
	font-weight : bold;
	font-size : 70%;	
	text-decoration : none;
	text-align : left;
	line-height : 1.5em;
	}
	
	.content h3 a:hover {
	text-decoration : underline;
	}
	
	.content p {
	color : #21211e;
	font-family : 'Georgia', serif;
	font-style : normal;
	font-weight : 300;
	font-size : 90%;	
	text-decoration : none;
	text-align : justify;
	line-height : 1.5em;
	}
	
	.content p a {
	color : #000000;
	font-family : 'Georgia', serif;
	font-style : normal;
	font-weight : bold;
	font-size : 100%;	
	text-decoration : none;
	text-align : justify;
	line-height : 1.5em;
	}
	
	.content p a:hover {
	color : #000000;
	font-family : 'Georgia', serif;
	font-style : normal;
	font-weight : bold;
	font-size : 100%;	
	text-decoration : underline;
	text-align : justify;
	line-height : 1.5em;
	}
	
#footer {
	background-color : #21211e;
	margin : 0;
	padding : 50px 0 0 0;
	min-width : 1000px;
	min-height : 120px;
	width : 100%;
	}
	
#footer p {
	font-family : 'Georgia', serif;
	color : #f9ca6d;
	font-size : 75%;
	font-style : normal;
	font-weight : 200;
	text-decoration : none;
	line-height : 1.25em;
	text-align : center;
	}
	
#footer p a {
	font-family : 'Georgia', serif;
	color : #f9ca6d;
	font-size : 80%;
	font-style : normal;
	font-weight : 200;
	text-decoration : none;
	line-height : 1.25em;
	text-align : center;
	}
	
#footer p a:hover {
	font-family : 'Georgia', serif;
	color : #4fccdb;
	font-size : 80%;
	font-style : normal;
	font-weight : 200;
	text-decoration : none;
	line-height : 1.25em;
	}