/*=========================================*/
/*=========STANDARD TAGS STYLING ==========*/ 
/*=========================================*/

html { 
	font-size:100.01%;
	width:100%;
	height:100%;
	margin-bottom:1px;
	font-size: 15px;
  }

body {	
	font-family: Helvetica, Arial, sans-serif;
	line-height:1.2em;
	font-size:15px;
	color: #fff;
	background:#333333;
	width:100%;
}


a:link, a:visited {
	color:#eaba3c;
	text-decoration: none;
}

a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

a:focus { outline: 0; }

p { font-size:1em; line-height:1.467em; margin-bottom:25px;}

strong {font-weight:bold;}

h1 { 
}

h2 { 

}


h3 {
	font-size:1.267em;
	font-weight:bold;
	color:#eaba3c;
	margin:23px 0px 19px 0px;
}

h4 { 
	
}

h5 {
	
}

h6 {
	font-size:1em;
	font-weight:bold;
	margin-bottom:5px;
}



ul {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
}
li {
	zoom: 1; font-size:1em; line-height:1.467em;
 }
 
blockquote p {font-style:italic;}
 
blockquote p:before {
	content: '"'; }
blockquote p:after {
	content: '"'; }

 /*=========================================*/
/*============= RE-USED TAGS ===============*/ 
/*=========================================*/

/*To Clear Any Floats*/

.clr {
 clear:both;
}

.alt {
	left:-6000px;
	position:absolute;
	top:-6000px;
}


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


.menu-loading .load-home {
	background-image:url(../images/navigation/home-yellow.jpg);
	background-position:-1000px -1000px;
	background-repeat:no-repeat;
	float:left;
}

.menu-loading .load-services {
	background-image:url(../images/navigation/services-yellow.jpg);
	background-position:-1000px -1000px;
	background-repeat:no-repeat;
	float:left;
}

.menu-loading .load-testimonials {
	background-image:url(../images/navigation/testimonials.jpg);
	background-position:-1000px -1000px;
	background-repeat:no-repeat;
	float:left;
}

.menu-loading .load-contact {
	background-image:url(../images/navigation/contact-yellow.jpg);
	background-position:-1000px -1000px;
	background-repeat:no-repeat;
	float:left;
}
 /*=========================================*/
/*========== LAYOUT STRUCTURE TAGS =========*/ 
/*=========================================*/

#wrapper {
	margin:0 auto;
	width:960px;
	background:url(../images/background-images/main-bg.jpg) no-repeat top left;
}

#wrapper.home {
	background:url(../images/background-images/home-bg.jpg) no-repeat top left;
}


#header {
	overflow:hidden;
	width:820px;
	margin:0px auto;
	padding:5px 0px 0px 0px;
	margin-bottom:11px;
}

#banner {
	overflow:hidden;
	position:relative;
	margin:0px 0px 20px 70px;
}


#main-content-area {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}

#left {
	float:left;
	overflow:hidden;
	width:606px;
}

#right {
	float:left;
	width:337px;
	display:inline;
	margin-left:17px;
}

#footer {
	width:100%;
	background:#161616;
	overflow:hidden;	
}

		

/*=========================================*/
/*============ HEADER STYLING =============*/ 
/*=========================================*/

#logo {
	margin:0 auto;
	text-align:center;
	margin-top:-53px;
}

#header-right {
	font-size:0.7em;
	color:#cccccc;
	text-align:right;
}	

#header-right .facebook {
	margin-bottom:3px;
}

#header-right .facebook a {
	background:url(../images/content-images/facebook-icon.png) no-repeat right top;
	display:inline-block;
	height:16px;
	padding-right:33px;
	color:#cccccc;
	padding-top:14px;
}

/*=========================================*/
/*============ MAIN MENU STYLING ==========*/ 
/*=========================================*/
#main-menu {
	overflow:hidden;
	margin-top:-75px;
}

#main-menu .left-menu {
	float:left;
	background:url(../images/background-images/menu-bg.png) no-repeat;
	width:280px;
	height:49px;
	padding:8px 0px 8px 20px;
}

#main-menu .left-menu li, #main-menu .right-menu li {
	float:left;
}

#main-menu .left-menu li.home a.home {
	background:url(../images/navigation/home-white.jpg) no-repeat;
	width:86px;
	height:39px;
	display:block;
	float:left;
}

#main-menu .left-menu li.home a.home:hover {
	background:url(../images/navigation/home-yellow.jpg) no-repeat;
}

#main-menu .left-menu li.services a.services {
	background:url(../images/navigation/services-white.jpg) no-repeat;
	width:114px;
	height:39px;
	display:block;
	float:left;
}

#main-menu .left-menu li.services {
	margin-left:37px;
	display:inline;
}

#main-menu .left-menu li.services a.services:hover {
	background:url(../images/navigation/services-yellow.jpg) no-repeat;
}

#main-menu .right-menu {
	float:right;
	background:url(../images/background-images/menu-bg.png) no-repeat;
	width:292px;
	height:49px;
	padding:8px 0px 8px 8px;
}

#main-menu .right-menu li.testimonials a.testimonials {
	background:url(../images/navigation/testimonials-white.jpg) no-repeat;
	width:163px;
	height:39px;
	display:block;
	float:left;
}

#main-menu .right-menu li.testimonials a.testimonials:hover {
	background:url(../images/navigation/testimonials.jpg) no-repeat;
}

#main-menu .right-menu li.contact {
	display:inline;
	margin-left:5px;
}

#main-menu .right-menu li.contact a.contact {
	background:url(../images/navigation/contact-white.jpg) no-repeat;
	width:107px;
	height:39px;
	display:block;
	float:left;
}

#main-menu .right-menu li.contact a.contact:hover {
	background:url(../images/navigation/contact-yellow.jpg) no-repeat;
}

/*=========================================*/
/*============ BANNER STYLING =============*/ 
/*=========================================*/

#buttons {
	position:absolute;
	z-index:3;
	margin:138px 0px 0px 555px;
}

#buttons a.about {
	background:url(../images/background-images/black-btn.png) no-repeat;
	width:122px;
	height:27px;
	display:block;
	text-align:center;	
	margin-right:10px;
	color:#FFF;
	font-size:1.2em;
	padding:8px 0px 0px 0px;
	float:left;
}

#buttons a.contact {
	background:url(../images/background-images/green-btn.png) no-repeat;
	width:122px;
	height:27px;
	display:block;
	text-align:center;
	color:#FFF;
	font-size:1.2em;
	padding-top:8px;
	float:left;
}

/*=========================================*/
/*========= MAIN CONTENT AREA =============*/ 
/*=========================================*/


#left .content-area {
	background:url(../images/background-images/lhs-top-curve.gif) no-repeat #272727;
	width:496px;	
	margin-left:70px;
	padding:75px 20px 10px 20px;
	overflow:hidden;
}

#left .btm {
	background:url(../images/background-images/lhs-btm-curve.gif) no-repeat bottom left;
	width:536px;
	height:8px;	
	margin-left:70px;
}

#left h2.image {
	margin-left:-33px;
	margin-top:-75px;
	margin-bottom:13px;
	position:relative;
}

#left .three-menus {
	overflow:hidden;
	clear:both;
	color:#999999;
	font-size:0.933em;
	line-height:1.517em;
	font-weight:bold;
}

#left .three-menus li {
	color:#999999;
	font-size:0.933em;
	line-height:1.517em;
	padding:0px;
	margin:0px;
	display:block;	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#left .three-menus .menu1 {
	float:left;
	width:175px;
}


#left .three-menus .menu2 {
	float:left;
	width:160px;
	margin-left:12px;
	display:inline;
}

#left .three-menus .menu3 {
	width:138px;
	float:left;
	margin-left:11px;
	display:inline;
}

#left .call-out-area {
	overflow:hidden;
	margin-left:-18px;
	margin-top:2px;
}

#left .call-out-area .call-out {
	background:url(../images/background-images/telephone-icon.png) no-repeat;
	height:47px;
	padding-left:66px;
	padding-top:20px;
	float:left;
}

#left .call-out-area .call-out p {
	color:#999999;
	font-size:0.933em;
}

#left .call-out-area .services-link {
	float:right;
	margin-top:40px;
	font-size:0.933em;
}

#left blockquote p {
	margin-bottom:5px;
}

#left p.client {
	color:#eaba3c;
	margin-bottom:25px;
}

#left p.next {
	margin-bottom:10px;
}

.images-two {
	overflow:hidden;
	margin-bottom:25px;
}

.images-two .image1 {
	float:left;
	width:216px;
	height:119px;
	background:#FFF;
	padding:5px 0px 0px 5px;
}

.images-two .image2 {
	float:left;
	width:216px;
	height:119px;
	background:#FFF;
	margin-left:21px;
	display:inline;
	padding:5px 0px 0px 5px;
}

/*=========================================*/
/*=========== RIGHT HAND SIDE =============*/ 
/*=========================================*/

#mail-sign-up {
	background:url(../images/background-images/rhs-sign-up.png) no-repeat;
	width:243px;
	height:117px;
	padding:15px 10px 0px 14px;
	margin-bottom:17px;
}

#mail-sign-up h5.image {
	margin-bottom:10px;	
}

#mail-sign-up .row {
	clear:both;
	overflow:hidden;
	margin-bottom:9px;
}

#mail-sign-up input {
	width:193px;
	height:25px;
	border:1px solid #272727;
	color:#7a7a7a;
	padding-left:9px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.933em;
	float:left;
}

#mail-sign-up input.submit {
	width:30px;
	height:30px;
	border:none;
	padding-left:0px;	
	margin-left:5px;
}


#call-to-action {
	background:url(../images/background-images/rhs-call.png) no-repeat;
	width:190px;
	height:68px;
	padding:22px 0px 0px 77px;
	margin-bottom:17px;
}

#call-to-action p {
	color:#eaba3c;
	font-size:0.933em;
}





/*=========================================*/
/*============== FOOTER STYLING ===========*/ 
/*=========================================*/

.wrapper {
	width:800px;
	margin:30px auto;
	overflow:hidden;
}

#footer-left {
	float:left;
	width:570px;
}

#footer p {
	color:#999999;
	font-size:1em;
	font-weight:normal;
	margin-top:11px;
	margin-bottom:15px;
}

#footer-right {
	float:right;
	width:180px;
	font-size:1em;
	color:#CCC;
	margin-top:123px;
}

#footer-right a.kooba {
	background:url(../images/content-images/Kooba-logo.gif) no-repeat;
	width:73px;
	height:17px;
	display:inline-block;
	margin-top:3px;
}

#footer ul.footer-menu {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	overflow:hidden;
}

#footer ul.footer-menu li {
	float:left;
	background:url(../images/background-images/link-divider.gif) 100% 35% no-repeat;
	padding-right:15px;
	margin-left:3px;
	font-size:1em;
}

#footer ul.footer-menu li a {
	float:left;
	color:#cccccc;
	font-weight:bold;
	font-size:1em;
}

#footer ul.footer-menu li a:hover {
	color:#fff;
	text-decoration:none;
}

#footer .fb-link {
	clear:both;
	margin-top:15px;
}

#footer .fb-link a.facebook {
	background:url(../images/content-images/facebook-icon-footer.png) no-repeat left top;
	display:block;
	height:24px;
	padding-left:36px;
	padding-top:6px;
	color:#CCC;
	font-size:1em;
}

/*=========================================*/
/*============ MENUS STYLING ==============*/ 
/*=========================================*/



/*MAIN MENU*/
#main-menu ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
}

#main-menu li{

}

#main-menu a, #main-menu a:visited {
	
}

#main-menu li:hover {
 	
}