/* ========================================================================== */
/*                                                                            */
/*   style.css                                                                */
/*   (c) 2010 webfiber.co.za                                                  */
/*                                                                            */
/*                                                                            */
/*                                                                            */
/* ========================================================================== */

/* 
	Main-Styles 
*/
html { overflow-y: scroll; }
body {margin: 0;padding: 0;background-color: #f5f5f5;text-align: center;}

#header {
position: relative;
height: 150px;
width: 946px;
margin: 0 auto;
}

#header .logo {
margin: 0;
position: absolute;
bottom: 0px;
left: 0;
background: url(../img/glymon_logo.gif) no-repeat;
width: 390px;
height: 152px;
text-indent: -5000em;
}

#header .logo a {
display: block;
font-weight: bold;
font-style: oblique;
color: #3D434F;
font-size: 1em;
text-decoration: none;
height: 100%;
}

.cellColours td{
	background-color: #efefef;
	padding:3px;
	padding-left:5px;
	border-left: 2px solid #ffbc2e;
	
}

.clear {clear:both;}

.hr {
background:url("../img/hr_bg.gif") repeat-x scroll 0 0 transparent;
height:45px;
}

#main {
background-image: url(../img/page_top.gif);
background-repeat: no-repeat;
height: 48px;
width: 946px;
margin: 0 auto;
clear:both;
}

#main-container {
background-image: url(../img/page_bg.gif);
background-repeat: repeat-y;
width: 946px;
margin: 0 auto;
clear:both;
}

#main-content {
margin:0;
padding:0 0 30px 0;
text-align:left;
}

#page-bottom {
background-image: url(../img/page_bottom.gif);
background-repeat: no-repeat;
height: 334px;
width: 946px;
margin: 0 auto;
clear:both;
}

#footer {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
width: 960px;
margin: 0 auto;
color:#999999;
text-align: left;
padding:20px 0 30px 0;
}

#footer a {
color: #999999;
text-decoration: none;
}
#footer a:hover {
color: #999999;
text-decoration: underline;
}

/* 
	Menu-Styles 
*/


ul#nav{margin:0; padding:0 70px 0 0; list-style:none; clear:both;float: right;}
#nav li{overflow:hidden; text-indent:-9999px; display:inline;float: left;}
#nav li a{background:url('../img/menu-sprite.gif') no-repeat; width:100%; height:100%; display:block;}

/* Home Button */
#nav li.home{width:133px; height:41px;}
#nav li.home a{background-position:0 0;}
#nav li.home a:hover{background-position:0 -82px;}
#nav li.home a.selected{background-position:0 -82px;}

/* Team Button */
#nav li.team{width:83px; height:41px;}
#nav li.team a{background-position:-133px 0;}
#nav li.team a:hover{background-position:-133px -82px;}
#nav li.team a.selected{background-position:-133px -82px;}

/* News Button */
#nav li.news{width:84px; height:41px;}
#nav li.news a{background-position:-217px 0;}
#nav li.news a:hover{background-position:-217px -82px;}
#nav li.news a.selected{background-position:-217px -82px;}

/* Contact Stories Button */
#nav li.contact{width:115px; height:41px;}
#nav li.contact a{background-position:-301px 0;}
#nav li.contact a:hover{background-position:-301px -82px;}
#nav li.contact a.selected{background-position:-301px -82px;}


/* 
	Home-Styles 
*/

.test{
	position:absolute;
	width:500px;
	padding-right:20px;
	padding-top:30px;
	font-family:arial;
	font-size:14px;
	font-style:italic;
	color: #606060;
}

#main-content .title1 {
background-image: url(../img/consultants_clients.gif);
background-repeat: no-repeat;
text-indent:-9999px;
margin: 50px 0 0 80px;
}
#main-content .title2 {
background-image: url(../img/we_respect_ur_expertise.gif);
background-repeat: no-repeat;
text-indent:-9999px;
margin: 50px 0 0 80px;
}
#main-content .title3 {
background-image: url(../img/catalyst_pilot_navigation.gif);
background-repeat: no-repeat;
text-indent:-9999px;
margin: 50px 0 0 80px;
}
#main-content .title4 {
background-image: url(../img/partner_consulting.gif);
background-repeat: no-repeat;
text-indent:-9999px;
margin: 50px 0 0 80px;
}
#main-content .title5 {
background-image: url(../img/what_we_dont_do.gif);
background-repeat: no-repeat;
text-indent:-9999px;
margin: 50px 0 0 80px;
}

#main-content p {
font-family: Arial, Helvetica, sans-serif;
color:#333333;
text-align: left;
font-size:13px;
line-height: 19px;
margin:0;
padding: 0 72px 0 80px;
}

/* 
	Team-Styles 
*/

#team {
padding: 0 63px 40px 63px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
color:#333333;
line-height: 19px;
font-size:13px;
}

#team-block p {
padding: 0 20px 0 0;
}

#team-block a {color:#005ba7;font-weight:bold;text-decoration:none;}
#team-block a:hover {text-decoration:underline;}

#team-block {
margin:0;
padding:0;
}

#team img {vertical-align:top;}

#team-block h1 {
padding: 14px 0 15px 0;
border-top:1px dotted #ddd;
border-bottom:1px dotted #ddd; 
color: #ffbc2e;
font-size:13px;
height: 20px;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
margin:15px 0 10px 0;
}
#team-block h1 small {
font-size:13px;
font-weight: normal;
color:#999999;
}



/* 
	News-Styles 
*/

#news {
padding-left: 63px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
color:#333333;
line-height: 19px;
font-size:13px;
}

#news-left{
width: 580px;
padding:0 21px 0 0;
float: left;
}

#news-block h1 {
padding: 14px 0 15px 0;
border-top:1px dotted #ddd;
border-bottom:1px dotted #ddd; 
color: #005ba7;
font-size:13px;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
}
#news-block h1.first {
color: #ffbc2e;
}

#news-block p {
padding: 0 10px 0 0;
}

#news-block a {color:#005ba7;font-weight:bold;text-decoration:none;}
#news-block a:hover {text-decoration:underline;}


#news-right {
width: 241px;
float: left;
}

#pageControls {
width:100%;
border-top:1px solid #f5f5f5;
text-align: right;
padding-top: 10px;
margin:0 0 60px 0;
color:#005ba7;
font-weight:bold;
}

#pageControls a.current {color:#333333;}

#pageControls a {color:#005ba7;font-weight:bold;text-decoration:none;}
#pageControls a:hover {text-decoration:underline;}

/* 
	Contact-Styles 
*/


#contact-details p {
float: left;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
margin:0;
padding;0;
line-height: 23px;
}

#contact-details strong {
color: #ffbc2e;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
font-size:13px;
}

#contact-details p a {
color: #005ba7;
text-decoration: none;
font-weight: bold;
}
#contact-details p a:hover {
color: #005ba7;
text-decoration: underline;
font-weight: bold;
}

#contact-details .title {
width:158px;
font-family: Helvetica, Arial, sans-serif;
font-size:16px;
color: #999999;
font-weight: bold;
margin:0 0 0 80px;
line-height: normal;
}

/* 
	Social Networking-Styles 
*/


#social-details .title {
width:240px;
float: left;
font-family: Helvetica, Arial, sans-serif;
font-size:16px;
color: #999999;
font-weight: bold;
margin:0 0 0 80px;
line-height: normal;
}

#social-details .block {
float: left;
width: 260px;
margin: 0 0 20px 0;
}

#social-details .network {float: left;padding: 0 5px 0 0;}
#social-details .heading {float: left;margin:0;}

#social-details p {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
text-align: left;
color:#005ba7;
height: 100px;
line-height: 19px;
}

/* 
	Useful Links-Styles 
*/            

#useful-links {
margin: 30px 0 40px 0;
}

#useful-links .title {
font-family: Helvetica, Arial, sans-serif;
font-size:16px;
color: #999999;
font-weight: bold;
margin:0;
line-height: normal;
}

#useful-links ul {margin:10px 0 0 0;padding:0 0 0 0;}

#useful-links li {height:30px;padding:9px 0 0 16px;list-style:none;background-color:#f5f5f5;border-bottom: 1px solid #fff;}
#useful-links li a {color:#005ba7;font-weight:bold;text-decoration:none;padding-top:5px;}
#useful-links li a:hover {text-decoration:underline;}