/*
Theme Name: Age Africa
Version: 1.0
Author: Lucky No. 9 and Chomping Pixels
Author URI: http://luckyno9.co.za/ http://chompingpixels.com/

*/

/**
 * Overide html default styles
 */
 
body {
	text-align: center;
	font-family: Tahoma, Sans;
	font-size: 0.75em;
	line-height: 1.2em;	
}

/* White Caps */
h1 {
	color: #ffffff;
	font-size: 1em;
	font-family: Georgia, Serif;
	margin: 10px 0px;
	padding: 0px;
}

/* Blue Caps */
h2 {
	color: #008eb4;	
	font-size: 1em;
	font-family: Georgia, Serif;
	margin: 10px 0px;
}

/* Blue Lowercaps */
h3 {
	color: #008eb4;	
	font-size: 1em;
	font-family: Georgia, Serif;
	margin: 10px 0px;	
}

p {
	margin: 10px 0px;
	padding: 0px;
}

img {
	border: none;
}

form {
	padding: 0px;
	margin: 0px;
}

a:hover {
	color: #008eb4;
}

/**
 * Site wide styles
 */

.floatLeft {
	float: left;
}
 
.floatRight {
	float: right;
}

.clearFloats {
	clear: both;
} 

#page {
	width: 966px;
	margin: 0px auto;
	text-align: left;
}

#header {
	width: 100%;
	height: 80px;
	margin: 20px 0px 0px;
}

#footer {
	font: Gergia, Serif;
	font-size: 10px;
	text-align: right;
	margin-right: 10px;
	color: #b3b3b3;
	padding-top: 0px;
	padding-right: 3px;
	position: relative;
	top: -5px;
}

#footer a {
	color: #b3b3b3;
}

#footer a:hover {
	color: #333333;
}

#footer a:selected {
	color: #b3b3b3;
}

#logo {
	float: left;
	position: relative;
	left: 5px;
}

#navigation {
	background: url('images/elements/navigation.jpg') no-repeat top right;
	float: right;
	width: 645px;
	height: 100px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#navigation ul {
	margin: 0px;
	padding: 0 0 0 20px;
	list-style: none;
}

#navigation li {
	float: left;
	margin: 40px 0px 0px 20px;
}

#navigation li a {
	text-decoration: none;
	font-family: Georgia, Serif;
	color: #ffffff;
	font-size: 1.1em;
}

#navigation li.current_page_item  a {
	color: #008eb4;	
	text-align: center;
}

.hover {
	border-bottom: solid 2px #008eb4;	
}

.buttonHover {
	color: #008eb4;
}


/**
 * Home
 */

#helloContainer {
	width: 100%;
}
	
#hello {
	float:left;
	padding-left: 20px;
	padding-top: 50px; 
}
 
#homeImage {
	float: right;
	border: none;
	margin: 0px;
	padding-right: 14px;
}
 
#carousel {
	background: url('images/elements/carousel.jpg') no-repeat center top;
	width: 100%;
	height: 244px;
}

#carousel a {
	color: #ffffff;
	text-decoration: none;
}

.carouselClickHere {
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
}

#leftCarousel {
	float: left;
	width: 329px;
	height: 230px;
}

#leftCarouselContent {
	padding: 23px 20px 0 44px;
}

#middleCarousel {
	float: left;
	width: 309px;
	height: 230px;
}

#middleCarouselContent {
	padding: 23px 20px 0 24px;	
}

#searchCatalogues {
	padding-top: 133px;
}

#rightCarousel {
	float: left;
	width: 325px;
	height: 230px;
}

#rightCarouselContent {
	padding: 23px 35px 0 24px;	
}

/**
 * Company Profile
 */

#companyProfileHeading {
	position: relative;
	left: -2px;
}
 
#companyProfile {
	float: left;
	width: 310px;
	margin-left: 5px;
}

#companyProfileContent {

}

#companyProfile ul {
	padding: 0px;
	margin: 0px;
	margin-left: 15px;
}
 
#companyProfileBoxes {
	float: right;
	background: url('images/elements/companyProfileBoxes.jpg') no-repeat center top;
	width: 642px;
	height: 542px;
}

#ourClients {
	float: right;
	width: 642px;
	height: 280px;
	color: #ffffff;
}

#clientsBlurb {
	padding: 25px 25px 25px 30px;
	padding-bottom: 0px;
}

#leftClients {
	width: 190px;
	float: left;
	line-height: 1.4em;
	padding: 10px 0px 0px 30px;
}

#middleClients {
	width: 180px;
	float: left;
	line-height: 1.4em;
	padding: 10px 0px 0px 35px;
}

#rightClients {
	width: 170px;
	float: left;
	line-height: 1.4em;
	padding: 10px 0px 0px 35px;
}

#beeBox {
	float: left;
	width: 245px;
	height: 270px;
	color: #ffffff;
}

#beeBlurb {
	padding: 10px 30px;
	height: 100px;
}

#beeDownload {
	text-align: center;
	margin: 30px 40px;
}

#beeDownload a {
	text-decoration: none;
	color: #ffffff;
}

#beeDownload a:hover {
	color: #333333;
}

#companyImage {
	float: left;
	position: relative;
	left: -5px;
}

/**
 * Catalogues
 */

#cataloguesHeading {
	margin-left: 5px;
}
 
#cataloguesBoxes {
	background: url('images/elements/cataloguesBoxes.jpg') no-repeat center center;
	width: 971px;
	height: 213px;
	position: relative;
	left: -5px;
}

#giftsDefault {
	float: left;
	padding-top: 50px;
	padding-left: 55px;
}

#promoDefault {
	float: left;
	padding-top: 58px;
	padding-left: 45px;
}

#bagsDefault {
	float: left;
	padding-top: 55px;
	padding-left: 48px;
}

#ideasDefault {
	float: left;
	padding-top: 60px;
	padding-left: 50px;
}

#barronsDefault {
	float: left;
	padding-top: 60px;
	padding-left: 47px;
}

#catalogueImages {
	padding-bottom: 5px;
}

#catalogueImage1 {
	float: left;
	padding-left:10px;
	position: relative;
	top: -8px;
}

#catalogueImage2 {
	float: left;
	padding-left:10px;
	position: relative;
	top: -8px;
}

#catalogueImage3 {
	float: left;
	padding-left:10px;
	position: relative;
	top: -8px;
}

/**
 * Contact Us
 */

#contactUs {
	width: 320px;
	height: 420px;
	float: left;
	background: url('images/elements/contactUsBird.jpg') no-repeat left bottom;
}

#contactUsContent {
	margin-left: 8px;
}

#contactUsHeading {
	position: relative;
	left: -2px;
}

#office {
	float: left;
	width: 160px;
}

#team  {
	float: left;
	width: 150px;
}

#enquiryForm {
	background: url('images/elements/contactUsBox.jpg') no-repeat top left;
	width: 222px;
	height: 383px;
	float: left;
	padding: 32px;
	color: #ffffff;
}


input {
	width: 220px;
	padding: 0px;
	margin: 5px 0px 10px 0px;	
	height: 17px;
}

select {
	width: 223px;
	padding: 0px;
	margin: 5px 0px 10px 0px;	
	height: 22px;	
}

label {

}

textarea {
	width: 220px;
	margin: 5px 0px 10px 0px;	
	padding: 0px;	
	height: 90px;
}

#submitForm {
	text-align: center;
	padding-top: 6px;
	width: 223px;
	height: 30px;
}

.wpcf7-response-output {
	position: relative;
	left: -300px;
	top: -80px;
	color: #ff0000;
}

div.wpcf7-mail-sent-ng {
	border: none !important;
	color: #ff0000;
}

div.wpcf7-mail-sent-ok {
	border: none !important;
	color: #ff0000;
}

#contactImage {
	float: left;
	padding-top: 16px;
	position: relative;
	left: -8px;
}

/**
 * Featured Work
 */

#featuredWork {
	width: 270px;
	padding-top: 20px;
}
 
#galleryPager {
	float: right;
	padding: 10px;
}