html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration:none;
}

/*BODY CONTENT*/

body {
	color: #fff;
	background-image: url(../images/bg.png);
	background-repeat: repeat;
}

#outline {
 border:1px solid #666;	
}


/*HEADER*/
#topBar {
	width: 100%;
	height: 5px;
	background-color:#ED9424;
}

header {
	width: 100%;
	height: 300px;
	margin-bottom: 25px;
	padding-bottom: 50px;
}

#headercontainer {
	width: 932px;
	height:300px;
	margin: 0 auto;
}


#logo{
	float: left;
	width: 305px;
	height:268px;
	padding-top:20px;
	border:hidden;
}


#NavWrap {
	width: auto;
	float: right;
}

#NavWrap ul {
	right: 80px;
	display: block;
	padding-top:30px;
	float: right;
}

#NavWrap ul li {
	display: inline;
	margin-left: 40px;
}

#slogan {
	width: auto;
	float: right;
	padding-top:200px;
}


/****************BODY CONTAINER****************/
#bodyWrap {
	width:1024px;
	padding:60px 50px 200px 50px;
	margin:0 auto;

}

#borderWrap {
	width:932px;
	height:100%;
	margin: 0 auto;
	border-top:4px solid #ED9424;
	padding: 0px 0px 130px 0px;

}

#backLink {
	width:932px;
	padding: 20px 0px 80px 0px;
	text-align:right;
	float:right;
}

#projectDivider {
	width:932px;
	height:10px;
	margin: 0 auto;
	margin-top: 90px;
	border-top:1px solid #ED9424;
	border-bottom:1px solid #ED9424;
	margin-bottom: 90px;
}

/****************OUR WORK****************/
#galleryRow {
	width:932px;
	margin: 0 auto;
	padding-bottom:16px;
	text-align:center; /* center horizontally */
	line-height:190px; /* center vert */
}

#galleryBox1 {
	width:300px;
	height:190px;
	margin-right:16px;
	background-color:#3d3d3d;
	float: left;
}

#galleryBox2 {
	width:300px;
	height:190px;
	margin-right:16px;
	background-color:#3d3d3d;
	float: left;
}

#galleryBox3 {
	width:300px;
	height:190px;
	background-color:#3d3d3d;
	float: right;
}

/****************CLIENTS HOME PAGE****************/
#clients {
	width:932px;
	height:100%;
	margin: 0 auto;
	border-top: solid 1px #ff9900;
	padding: 80px 0px 0px 0px;
	margin-top:90px;
}

#clients2 {
	width:932px;
	height:100%;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#clientLogos {
	padding:30px 35px 0px 0px;
	width: 150px;
	float: left;
}

#clientLogosKB {
	padding:30px 35px 0px 275px;
	width: 150px;
	float: left;
}

/****************LOGOS****************/
#logoTitle {
	width:312px;
	border-bottom:solid 1px #ff9900;
	padding-bottom:10px;
	text-align:left;
}

#logoLine {
	width:312px;
	border-bottom:solid 1px #ff9900;
	margin-top:6px;
	margin-bottom:40px;
}

#logoRow {
	width:932px;
	height:325px;
	padding-bottom:20px;	
}

#logo1 {
	width:456px;
	height:325px;
	float:left;
	border:1px solid #666;	
}

#logo2 {
	width:456px;
	height:325px;
	float:right;
	border:1px solid #666;	
}

/***************PROJECTS****************/
#singleLeft {
	width:300px;
	height:100%;
	float:left;
}

#singleRight {
	width:602px;
	height:100%;
	float:right;
}

#singleclientWrap {
	height:100%;
}

/***************PROJECTS****************/
#projectLeft {
	width:300px;
	height:430px;
	float:left;
}

#projectRight {
	width:602px;
	height:432px;
	float:right;
}

#project-small1 {
	width:458px;
	height:352px;
	float:left;
	padding-top: 16px;
}

#project-small2 {
	width:458px;
	height:352px;
	float:right;
	padding-top: 16px;
}

#project-bot1 {
	width:458px;
	height:202px;
	float:left;
	padding-top: 16px;
}

#project-bot2 {
	width:458px;
	height:202px;
	float:right;
	padding-top: 16px;
}

/****************BRANDING****************/
#brandingLeft {
	width:312px;
	height:675px;
	float:left;
}

#brandingRight {
	width:602px;
	height:677px;
	float:right;
}

#clientWrap {
	height:400px;
}

#client {
	border-bottom:solid 1px #ff9900;
	padding-bottom:10px;
}

#description {
	border-top:solid 1px #ff9900;
	margin-top:6px;
	padding-top:10px;
}

#brandingImgNarrow {
	width:314px;
	height:277px;
}

#brandingImg-bot1 {
	width:458px;
	height:277px;
	float:left;
	padding-top:18px;
}

#brandingImg-bot2 {
	width:458px;
	height:277px;
	float:right;
	padding-top:18px;
}


/****************NEWSLETTERS****************/
#newsletterTitle {
	width:400px;
	border-bottom:solid 1px #ff9900;
	padding-bottom:10px;
}

#newsletterLine {
	width:400px;
	border-bottom:solid 1px #ff9900;
	margin-top:6px;
	margin-bottom:20px;
}

#newsletterBox {
	width:400px;
	height:100%;
	margin: auto 0;
	float:left;
}

#newsletterBoxRight {
	width:400px;
	height:100%;
	margin: auto 0;
	float:right;
}

.newsletter {
	margin: 20px 0 20px 0px;	
}

/********************ABOUT US********************/
#aboutSection {
	width:880px;
	height:100%;
	margin: 0 auto;
	border-bottom: solid 1px #ff9900;
	padding: 0px 28px 80px 28px;
}

#aboutSection2 {
	width:880px;
	height:100%;
	margin: 0 auto;
	border-bottom: solid 1px #ff9900;
	padding: 80px 28px 80px 28px;
}

#aboutSectionLast {
	width:880px;
	height:100%;
	margin: 0 auto;
	padding: 80px 28px 0px 28px;
}

#servicesRow1 {
	width:880px;
	height: 180px;
	padding-bottom:30;
}

#servicesRow {
	width:880px;
	height: 160px;
}

#servicesLeft {
	width:420px;
	float:left;
}

#servicesLogo {
	width:66px;
	float:left;
	padding-right: 25px;
}

#servicesText {
	width:300px;
	float:left;
}

#servicesRight {
	width:440px;
	float:left;	
}

#testimonials {
	width: 880px;
	margin:0 auto;
	height:100%;
}

#profileImage {
	width:80px;
	height:80px;
	float:left;
	padding-right:20px;
}

#text {
	float:left;
	width: 660px;
	padding:0px 50px 0px 10px;
	background: url(../images/quotesRight.png) no-repeat right bottom;
	text-align:justify;
	margin-bottom:50px;
}

#textLast {
	float:left;
	width: 660px;
	padding:0px 50px 0px 10px;
	background: url(../images/quotesRight.png) no-repeat right bottom;
	text-align:justify;
}

#quotes {
	width:40px;
	height: 40px;
	float:left;
	background-image: url('../images/quotes.png');
}


/********************CONTACT US********************/
#contactTop {
	width:880px;
	margin: 0 auto;
	padding: 0px 28px 60px 28px;
}

#contactForm {
	width:880px;
	height:300px;
	margin:0 auto;
}

#contactLeft {
	width:200px;
	float:left;
	display: block;
	padding-top: 20px;
	padding-left:130px;
}

#contactRight {
	width:400px;
	float:left;
	display: block;
	padding-top: 20px;
	padding-left: 30px;
}

input    {
	height:20px;
	border: 1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
	font-size: 14px;
	color: #715039;
	margin-top:10px;
}

textarea#message {
	width:350px;
	height:165px;
	border: 1px solid #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
	font-size: 14px;
	color: #715039;
	margin-top:10px;
}

input.send {
width:360px;
background:#715039;
color:#fff;
font-family: Tahoma, Geneva, sans-serif;
height:30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1px solid #999;
}

input.send:hover {
background:#dd8920;
}



/********************FOOTER********************/

footer {
	width: 100%;
	height: 100%;
	background-color: #ED9424;
	-moz-box-shadow: 1px -2px 8px #666;
	-webkit-box-shadow: 1px -2px 8px #666;
	box-shadow: 1px -2px 8px #666;
}

#footerAbout {
	width:300px;
	float: left;
}

#footerContact {
	width:400px;
	float: right;
}

#footerContainer {
	height:190px;
	width:936px;
	margin: 0 auto;
	position: relative;
	padding-top: 50px;
}
