@charset "UTF-8";
/* 

CSS for Baron & Company Site
by Brandon Allen

*/




/* ========== global CSS index ============ */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #413000;
	background: #F2EFEB url(../images/bkgnd_sub.jpg) repeat-x center top;
	margin: 0;
	padding: 0;
}

p, h1, h2, h3, h4, h5, h6, li {
	margin: 15px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:normal;
}

a, a:link, a:active {
	color: #4A6916;
	font-size:12px;
	text-transform: uppercase;
	font-weight: 500;
	text-decoration:none;
}

a:hover {
	color: #768D4D;
	text-transform: uppercase;
	font-weight: 500;
}

div#outerDiv {
	width: 990px;
	background: url(../images/header_logo.gif) no-repeat;
	background-color: none;
	margin: 0 auto;
	zoom:1;
}

/* ========= header CSS ============= */

div#header {
	height: 80px;
	position: relative;
}


/*========= Main Menu ============= */

#header #mainMenu {
	position:absolute;
	left: 390px;
	width: 600px;
	height: 60px;
	margin: 0px auto;
	zoom:1;
}

#mainMenu ul {
	background: url(../images/nav.gif) no-repeat;
	width: 600px;
	height: 60px;
	margin: 0px;
	padding: 0px;
}

#mainMenu span {
	display: none;
}

#mainMenu li a {
	height:60px;
	display:block;
}

#mainMenu li {
	float: left;
	display:inline;
	list-style: none;
	display: inline;
}

/*========= Main Menu - links ============= */

#home {width: 85px; margin: 0px auto; zoom:1;}
#about_us {width: 101px;margin: 0px auto; zoom:1;}
#portfolio {width: 110px; margin: 0px auto; zoom:1;}
#case_studies {width: 127px; margin: 0px auto; zoom:1;}
#blog {width: 73px; margin: 0px auto; zoom:1;}
#contact {width: 104px; margin: 0px auto; zoom:1;}

/*========= Main Menu - links rollover ============= */

#home a:hover {background: url(../images/nav.gif) 0px -60px no-repeat; zoom:1;}
#about_us a:hover {background: url(../images/nav.gif) -85px -60px no-repeat; zoom:1;}
#portfolio a:hover {background: url(../images/nav.gif) -186px -60px no-repeat; zoom:1;}
#case_studies a:hover {background: url(../images/nav.gif) -296px -60px no-repeat; zoom:1;}
#blog a:hover {background: url(../images/nav.gif) -423px -60px no-repeat; zoom:1;}
#contact a:hover {background: url(../images/nav.gif) -496px -60px no-repeat zoom:1;;}

/*========= Main Menu - links current ============= */

#home a.current {background: url(../images/nav.gif) 0px -120px no-repeat; zoom:1;}
#about_us a.current {background: url(../images/nav.gif) -85px -120px no-repeat; zoom:1;}
#portfolio a.current {background: url(../images/nav.gif) -186px -120px no-repeat; zoom:1;}
#case_studies a.current {background: url(../images/nav.gif) -296px -120px no-repeat; zoom:1;}
#blog a.current {background: url(../images/nav.gif) -423px -120px no-repeat; zoom:1;}
#contact a.current {background: url(../images/nav.gif) -496px -120px no-repeat; zoom:1;}

/*========= Sub Nav ============= */

#header div#subNav {
	border:thin #000000;
	position:absolute;
	top: 65px;
	left: 400px;
	width: 590px;
	height:30px;
	margin:0px;
	padding:0px;
}

#subNav ul {
	width:590px;
	height:30px;
	margin: 0px;
	padding: 0px;
}

#subNav li a {
	float:left;
	display:inline;
	color:#413000;
	font-size:11px;
	margin: 0px;
	padding: 0px;
}

#subNav li a:hover {
	float:left;
	display:inline;
	height: 30px;
	color:#6A5717;
	font-size:11px;
}

#subNav li a.active {
	float:left;
	display:inline;
	height: 30px;
	color:#413000;
	font-size:11px;
	font-weight:bold;
	cursor:default;
}

#subNav li {
	float: left;
	display:inline;
	height: 30px;
	list-style: none;
	display: inline;
	margin-right: 10px;
	padding: 0px;
}



/*========= Main Content ============= */

div#content {
	border: 0px solid #000000;
	overflow: hidden;
	zoom:1;
	width: 100%;
	margin-bottom: 30px;
	}
	
#content div#topImg {
	height:308px;
	margin-top: 73px;

}

/*========= About Us History Content ============= */

#content #contentHist div#column01 {
	float:left;
	display:inline;
	width: 318px;
	line-height: 1.7em;
	padding:0px 5px 0px 0px;
	margin-top: 0px;

}

#content #contentHist div#column02 {
	float:left;
	display:inline;
	width: 318px;
	line-height: 1.7em;
	padding:0px 5px 0px 0px;
	margin-top: 0px;

}

#content #contentHist div#column03 {
	float:left;
	display:inline;
	width: 318px;
	line-height: 1.7em;
	padding:0px 5px 0px 0px;
	margin-top: 0px;

}

#contentHist h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:normal;
	margin: 50px 0 30px 15px;
	padding:0px;
}

#contentHist p {
	margin: 0px 0px 20px 15px;
}

/*========= About Us Capabilities Content ============= */

#contentCap p {
	margin: 0px 0px 20px 15px;
}

#contentCap h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:normal;
	margin: 50px 0 30px 15px;
	padding:0px;
}

#contentCap h3 {
	font:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 14px;
	color:#4A6916;
	margin-top: 30px;
}

/*========= About Us Staff Content ============= */

#contentStaff  {
	margin-bottom: 30px;
}

#contentStaff p {
	padding:0px;
	margin:0px 0px 10px 15px;

}

#contentStaff h3 {
	font:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 14px;
	color:#4A6916;
	margin-top: 30px;
}

#contentStaff h3 span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#7D6930;
	text-transform:uppercase;
}

#contentStaff a {
	margin:0px 0px 0px 15px;
	padding:0px;
	font-size:10px;
}

#contentStaff span {
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11px;
	color: #413000;	
}

#contentStaff h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:normal;
	margin: 50px 0 30px 15px;
	padding:0px;
}

/*========= Portfolio Page Content ============= */

#topTxt {
	position:relative;
	margin-top:123px;
	zoom:1;

}

/*========= Portfolio Item Content ============= */

#content div#item01, #content div#item02, #content div#item03, #content div#item04, #content div#item05, #content div#item06, #content div#item07, #content div#item08, #content div#item09, #content div#item10 {
	margin-top: 75px;
	margin-bottom: 120px;

}


#content div#item01 p, #content div#item02 p, #content div#item03 p, #content div#item04 p, #content div#item05 p, #content div#item06 p, #content div#item07 p, #content div#item08 p, #content div#item09 p, #content div#item10 p {
	margin-left: 230px;

}

#content div#item01 h3, #content div#item02 h3, #content div#item03 h3, #content div#item04 h3, #content div#item05 h3, #content div#item06 h3, #content div#item07 h3, #content div#item08 h3, #content div#item09 h3, #content div#item10 h3 {
	font:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 14px;
	color:#4A6916;
	margin-left: 230px;
}

#content h4 {
	font:Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 12px;
	color:#413000;
	margin: 0px 0px 0px 15px;
	padding: 0px
}


a.portfolio-piece span {
	display:none;
	position:relative; 
	zoom:1;
	}

a.portfolio-piece {
	position:absolute;
	display:block; 
	width:200px; 
	height:210px;
	margin-top: -30px;
}

/*========= Portfolio Item Links - Logos ============= */

a#logo01 {background:url(../images/img_logo_01.png) no-repeat left top; zoom:1;}
a#logo02 {background:url(../images/img_logo_02.png) no-repeat left top; zoom:1;}
a#logo03 {background:url(../images/img_logo_03.png) no-repeat left top; zoom:1;}
a#logo04 {background:url(../images/img_logo_04.png) no-repeat left top; zoom:1;}
a#logo05 {background:url(../images/img_logo_05.png) no-repeat left top; zoom:1;}
a#logo06 {background:url(../images/img_logo_06.png) no-repeat left top; zoom:1;}
a#logo07 {background:url(../images/img_logo_07.png) no-repeat left top; zoom:1;}
a#logo08 {background:url(../images/img_logo_10.png) no-repeat left top; zoom:1;}
a#logo09 {background:url(../images/img_logo_11.png) no-repeat left top; zoom:1;}
a#logo10 {background:url(../images/img_logo_12.png) no-repeat left top; zoom:1;}

a#logo01:hover {background: url(../images/img_logo_01.png) no-repeat -200px top; zoom:1;}
a#logo02:hover {background: url(../images/img_logo_02.png) no-repeat -200px top; zoom:1;}
a#logo03:hover {background: url(../images/img_logo_03.png) no-repeat -200px top; zoom:1;}
a#logo04:hover {background: url(../images/img_logo_04.png) no-repeat -200px top; zoom:1;}
a#logo05:hover {background: url(../images/img_logo_05.png) no-repeat -200px top; zoom:1;}
a#logo06:hover {background: url(../images/img_logo_06.png) no-repeat -200px top; zoom:1;}
a#logo07:hover {background: url(../images/img_logo_07.png) no-repeat -200px top; zoom:1;}
a#logo08:hover {background: url(../images/img_logo_10.png) no-repeat -200px top; zoom:1;}
a#logo09:hover {background: url(../images/img_logo_11.png) no-repeat -200px top; zoom:1;}
a#logo10:hover {background: url(../images/img_logo_12.png) no-repeat -200px top; zoom:1;}

/*========= Portfolio Item Links - Collateral ============= */

a#coll01 {background:url(../images/img_collat01.png) no-repeat left top; zoom:1;}
a#coll02 {background:url(../images/img_collat02.png) no-repeat left top; zoom:1;}
a#coll03 {background:url(../images/img_collat03.png) no-repeat left top; zoom:1;}
a#coll04 {background:url(../images/img_collat04.png) no-repeat left top; zoom:1;}
a#coll05 {background:url(../images/img_collat05.png) no-repeat left top; zoom:1;}
a#coll06 {background:url(../images/img_collat06.png) no-repeat left top; zoom:1;}
a#coll07 {background:url(../images/img_collat07.png) no-repeat left top; zoom:1;}
a#coll08 {background:url(../images/img_collat08.png) no-repeat left top; zoom:1;}

a#coll01:hover {background:url(../images/img_collat01.png) no-repeat -200px top; zoom:1;}
a#coll02:hover {background:url(../images/img_collat02.png) no-repeat -200px top; zoom:1;}
a#coll03:hover {background:url(../images/img_collat03.png) no-repeat -200px top; zoom:1;}
a#coll04:hover {background:url(../images/img_collat04.png) no-repeat -200px top; zoom:1;}
a#coll05:hover {background:url(../images/img_collat05.png) no-repeat -200px top; zoom:1;}
a#coll06:hover {background:url(../images/img_collat06.png) no-repeat -200px top; zoom:1;}
a#coll07:hover {background:url(../images/img_collat07.png) no-repeat -200px top; zoom:1;}
a#coll08:hover {background:url(../images/img_collat08.png) no-repeat -200px top; zoom:1;}

/*========= Portfolio Item Links - Interactive ============= */

a#inter01 {background:url(../images/img_inter01.png) no-repeat left top; zoom:1;}
a#inter02 {background:url(../images/img_inter02.png) no-repeat left top; zoom:1;}
a#inter03 {background:url(../images/img_inter03.png) no-repeat left top; zoom:1;}
a#inter04 {background:url(../images/img_inter04.png) no-repeat left top; zoom:1;}
a#inter05 {background:url(../images/img_inter05.png) no-repeat left top; zoom:1;}

a#inter01:hover {background: url(../images/img_inter01.png) no-repeat -200px top; zoom:1;}
a#inter02:hover {background: url(../images/img_inter02.png) no-repeat -200px top; zoom:1;}
a#inter03:hover {background: url(../images/img_inter03.png) no-repeat -200px top; zoom:1;}
a#inter04:hover {background: url(../images/img_inter04.png) no-repeat -200px top; zoom:1;}
a#inter05:hover {background: url(../images/img_inter05.png) no-repeat -200px top; zoom:1;}

/*========= Portfolio Item Links - Video ============= */

a#vid01 {background:url(../images/img_vid01.png) no-repeat left top; zoom:1;}
a#vid02 {background:url(../images/img_vid02.png) no-repeat left top; zoom:1;}
a#vid03 {background:url(../images/img_vid03.png) no-repeat left top; zoom:1;}
a#vid04 {background:url(../images/img_vid04.png) no-repeat left top; zoom:1;}

a#vid01:hover {background: url(../images/img_vid01.png) no-repeat -200px top; zoom:1;}
a#vid02:hover {background: url(../images/img_vid02.png) no-repeat -200px top; zoom:1;}
a#vid03:hover {background: url(../images/img_vid03.png) no-repeat -200px top; zoom:1;}
a#vid04:hover {background: url(../images/img_vid04.png) no-repeat -200px top; zoom:1;}

/*========= Portfolio Item Links - Marketing ============= */

a#mark01 {background:url(../images/img_mark01.png) no-repeat left top; zoom:1;}
a#mark02 {background:url(../images/img_mark02.png) no-repeat left top; zoom:1;}
a#mark03 {background:url(../images/img_mark03.png) no-repeat left top; zoom:1;}
a#mark04 {background:url(../images/img_mark04.png) no-repeat left top; zoom:1;}
a#mark05 {background:url(../images/img_mark05.png) no-repeat left top; zoom:1;}
a#mark06 {background:url(../images/img_mark06.png) no-repeat left top; zoom:1;}
a#mark07 {background:url(../images/img_mark07.png) no-repeat left top; zoom:1;}

a#mark01:hover {background:url(../images/img_mark01.png) no-repeat -200px top; zoom:1;}
a#mark02:hover {background:url(../images/img_mark02.png) no-repeat -200px top; zoom:1;}
a#mark03:hover {background:url(../images/img_mark03.png) no-repeat -200px top; zoom:1;}
a#mark04:hover {background:url(../images/img_mark04.png) no-repeat -200px top; zoom:1;}
a#mark05:hover {background:url(../images/img_mark05.png) no-repeat -200px top; zoom:1;}
a#mark06:hover {background:url(../images/img_mark06.png) no-repeat -200px top; zoom:1;}
a#mark07:hover {background:url(../images/img_mark07.png) no-repeat -200px top; zoom:1;}


/*========= Case Studies Content ============= */


#header div#subNav ul.inactive li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8A7967;
}







/*========= Contact Content ============= */

#contentContact div#column01 {
	float:left;
	display:inline;
	width: 330px;
	line-height: 1.7em;
	padding-right: 5px;
	margin:0px 0px 0px 33px;
}

#contentContact div#column02 {
	float:left;
	display:inline;
	width: 330px;
	line-height: 1.7em;
	padding-right: 5px;
	margin:0px 0px 0px 33px;
}

#numbers {
	position:relative;
	left:75px;
	top:-43px
}

#contentContact h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:normal;
	margin: 50px 0 50px 45px;
	padding:0px;
}

#contentContact h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 14px;
	text-transform:uppercase;
	color:#4A6916;
	margin:0px 0px 0px 50px;
}

#contentContact h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 12px;
	text-transform:uppercase;
	color:#4A6916;
	margin-top: 15px;
}

#contentContact h4 span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#7D6930;
}

#form {
	background:url(../images/img_form_bkgnd.png) no-repeat;
	height:468px;
	width:921px;
	margin:0px 0px 50px 0px
}
	

#contentContact p {
	margin: 0px 0px 0px 15px;
}

#contentContact p.baron {
	margin: 15px 0px 0px 15px;
}


/*===============Contact Form==================*/


#form h3 {
	margin:0px 0px 20px 125px;
	padding:65px 0 0 8px;
}

#name, #contact_information, #comments {
	margin-top: 10px;
	margin-left: 125px;
	border:none;
}

#contactForm #name legend, #contactForm #contact_information legend, #contactForm #comments legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom:5px;
	font-weight:normal;
	color:#413000;
}

#contactForm #name input, #contactForm #contact_information input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#808080;
	width:150px;
	height:18px;
	display:inline;
	margin-right:5px;
	padding-left:10px;
	border:solid 1px #DEDEDA;
}

#contactForm #comments textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#808080;
	width:150px;
	height:18px;
	display:inline;
	margin-right:5px;
	padding:10px 0px 0px 10px;
	border:solid 1px #DEDEDA;
}

.submit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background:none;
	color:#4A6916;
	width:77px;
	height:23px;
	cursor:pointer;
	margin:5px 0px 20px 125px;
	border:none;
}

#contactForm #comments textarea {
	width:80%;
	height:90px;
}



/*========= Footer ============= */

div#footer {
	background: url(../images/footer.png) no-repeat center center;
	background-color: #EEE9E3;
	float:left;
	display:inline;
	margin-top: 20px;
	width: 100%;
	height: 50px;
	
}

#footer div#social {
	position:relative;
	margin:0px;
	padding:0px;
	width:100%;
}

#social #facebook {
	position:absolute;
	left:661px;
	top:8px;
	width: 112px;
	height: 32px;
	background-color: transparent;	
}

#social #vimeo {
	position:absolute;
	left:775px;
	top:8px;
	width: 98px;
	height: 32px;
	background-color: transparent;	
}

#social #youtube {
	position:absolute;
	left:875px;
	top:8px;
	width: 110px;
	height: 32px;
	background-color: transparent;
	
}