/*----------GENERIC----------*/

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; border:0; font-size:100%; font:inherit; vertical-align:baseline}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display : block}

.clearfix {zoom:1}
.clearfix:before, .clearfix:after {content:"\0020"; display:block; height:0; overflow:hidden}
.clearfix:after {clear:both}

ul {list-style-position:inside}

@font-face {
    font-family: 'TitilliumText22LMedium';
    src: url('TitilliumText22L004-webfont.eot');
    src: url('TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L004-webfont.woff') format('woff'),
         url('TitilliumText22L004-webfont.ttf') format('truetype'),
         url('TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');
    font-weight: normal;
    font-style: normal}
	
@font-face {
    font-family: 'TitilliumText22LXBold';
    src: url('TitilliumText22L006-webfont.eot');
    src: url('TitilliumText22L006-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L006-webfont.woff') format('woff'),
         url('TitilliumText22L006-webfont.ttf') format('truetype'),
         url('TitilliumText22L006-webfont.svg#TitilliumText22LXBold') format('svg');
    font-weight: normal;
    font-style: normal}
	
	@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('TitilliumText22L005-webfont.eot');
    src: url('TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L005-webfont.woff') format('woff'),
         url('TitilliumText22L005-webfont.ttf') format('truetype'),
         url('TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal}
	
@font-face {
    font-family: 'TitilliumText22LRegular';
    src: url('TitilliumText22L003-webfont.eot');
    src: url('TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),
         url('TitilliumText22L003-webfont.woff') format('woff'),
         url('TitilliumText22L003-webfont.ttf') format('truetype'),
         url('TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');
    font-weight: normal;
    font-style: normal}
	
h1 {font-family:'TitilliumText22LXBold'; font-size:113px; color:#FFFFFF; line-height:100px}
h2 {font-family:'TitilliumText22LXBold'; font-size:64px; color:#FFFFFF; line-height:44px; text-indent:8px}
h3 {font-family:'TitilliumText22LBold'; font-size:38px; color:#a60c0c}
h4 {font-family:'TitilliumText22LBold'; font-size:18px; color:#a60c0c; line-height:28px}
h5 {font-family:'TitilliumText22LBold'; font-size:20px; color:#a60c0c; line-height:20px}
h5 a:link, h5 a:active, h5 a:visited {font-family:'TitilliumText22LBold'; font-size:20px; color:#a60c0c; line-height:20px; text-decoration:underline}
h5 a:hover {font-family:'TitilliumText22LBold'; font-size:20px; color:#a60c0c; line-height:20px; text-decoration:none}

body {background:url(../images/living-the-brand-main-left-scatter.png) left top no-repeat fixed,
  				 url(../images/living-the-brand-main-right-scatter.png) right top no-repeat fixed,
				 url(../images/living-the-brand-main-bg.jpg) top center repeat-y}
				 
.ie body {background: url(../images/living-the-brand-main-ie-bg.jpg) no-repeat top left fixed}

.bigger_copy {padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:14px; margin:0 0 0 46px}
.bigger_copy a:link, .bigger_copy a:active, .bigger_copy a:visited {font-family:Arial, Helvetica, sans-serif; color:#a60c0c; text-decoration:underline}
.bigger_copy a:hover {font-family:Arial, Helvetica, sans-serif; color:#a60c0c; text-decoration:none}


/*----------HEADER----------*/
header {max-width:1032px; height:545px; background:url(../images/living-the-brand-banner.png) no-repeat top center; margin:0 auto; width:100%}
#services_header {max-width:1032px; height:50px; margin:0 auto; width:100%; background:none}
	header nav {width:50%; margin:0 30% 0 20%}
		header nav ul {list-style-type:none}
			header nav ul li {font-family:'TitilliumText22LMedium'; font-size:14px; float:left; margin:2% 0 0 0; padding:2% 4% 0 4%; border-left:1px solid #a60c0c}
			header nav ul li a:link, header nav ul li a:active, header nav ul li a:visited  {color:#898989; text-decoration:none}
			header nav ul li a:hover  {color:#a60c0c; text-decoration:none}
	
	hgroup {width:70%; margin:276px 0 0 92px; float:left}
	
	#logo a:link, #logo a:active, #logo a:visited, #logo a:hover {display:block; position:relative; width:223px; height:171px; text-indent:-999em; background:url(../images/living-the-brand-logo.png) no-repeat; border:none; margin:6px 0 50px 40px}
	
	
	
/*----------BODY----------*/
section {position:relative; max-width:1032px; margin:0 auto; width:100%; height:auto}
	section header {background:url(../images/living-the-brand-content_top.png) no-repeat; height:15px}
	section article {float:left; background:url(../images/living-the-brand-content_body.png) repeat-y; height:auto; width:100%}
		section article h3 {width:584px; margin:0 0 0 46px; padding:1% 0 1% 0; border-bottom: dotted 1px #FFFFFF}
		.h3_full_width {width:939px; padding:1% 0 1% 0; border-bottom: dotted 1px #FFFFFF}
		section article span {display:block; float:left; width:584px; margin:0 0 0 46px; padding:1% 0 1% 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:20px}
		.span_full_width {display:block; width:939px; margin:0 0 0 46px; padding:1% 0 1% 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:20px}
		section article .read_more {background:none; width:584px; float:left; text-align:left; padding:1% 0 1% 0; margin:0;  border-bottom:none; border-left:none; border-right:none; font-family:'TitilliumText22LMedium'; font-size:18px; color:#a60c0c}
		section article .read_more a:link, section article .read_more a:active, section article .read_more a:visited {background:none; width:584px; float:left; text-align:right; padding:1% 0 1% 0; margin:0 0 0 46px; border-top:dotted 1px #FFFFFF; border-bottom:none; border-left:none; border-right:none; font-family:'TitilliumText22LMedium'; font-size:18px; color:#a60c0c; text-decoration:none}
		section article .read_more a:hover {background:none; width:584px; float:left; text-align:right; padding:1% 0 1% 0; margin:0 0 0 46px; border-top:dotted 1px #FFFFFF; border-bottom:none; border-left:none; border-right:none; font-family:'TitilliumText22LMedium'; font-size:18px; color:#a60c0c; text-decoration:underline}
	section footer {float:left; display:block; background:url(../images/living-the-brand-content_bottom.png) no-repeat; height:50px; width:1032px}
	
	#full_width {display:block; width:939px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:20px; margin:0 0 0 46px; padding:12px 0 0 0}
	
	.full_more {display:block; width:939px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:20px; margin:0 0 0 46px; padding:0 0 0 0}
	
	
	/*----------Form----------*/
	#form_space {position:relative; float:left; width:312px; margin:12px 12px 0 0; padding:0; border:0; top:-40px; left:24px}
		#form_space h4 {border-bottom: dotted 1px #FFFFFF; margin:0 0 12px 0}
		#form_space form {float:left; position:relative; padding:0; display:block}
		.ie #form_space form {float:left; position:relative; padding:0; display:block}
		#form_space form input[type=text], #form_space form input[type=email] {width:312px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a60c0c; border:none; background-color:#FFFFFF; height:34px; vertical-align:middle; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; padding:0 0 0 12px}
		.ie #form_space form input[type=text], .ie #form_space form input[type=email] {width:312px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a60c0c; border:none; background-color:#FFFFFF; height:30px; vertical-align:middle; padding:12px 0 0 12px}
		#form_space form textarea {width:312px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:12px 0 0 12px; color:#a60c0c; margin-top:20px; border:none; background-color:#FFFFFF; height:102px; vertical-align:middle; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px}
		input[type=submit] {background:none; width:312px; float:right; text-align:right; padding:12px 0 0 0; margin:0 6px 0 0; border-top:dotted 1px #FFFFFF; border-bottom:none; border-left:none; border-right:none; font-family:'TitilliumText22LMedium'; font-size:18px; color:#a60c0c}
	
	input, select {vertical-align:middle}
	.ie input {vertical-align: text-bottom}
	
	/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
	a:hover, a:active {outline: none}

	strong, th {font-weight: bold} 

	/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
	sub, sup {font-size: 75%; line-height: 0; position: relative;}
	sup {top: -0.5em;}
	sub {bottom: -0.25em;}

	/* standardize any monospaced elements */
	pre, code, kbd, samp {font-family: monospace, sans-serif}

	/* hand cursor on clickable elements */
	.clickable,
	label, 
	input[type=button], 
	input[type=submit], 
	button {cursor: pointer}

	/* Webkit browsers add a 2px margin outside the chrome of form elements */
	button, input, select, textarea {margin: 0;}

	/* make buttons play nice in IE */
	button {width: auto; overflow: visible}
	
	
	/*----------Expander Divs----------*/
	#stips {float:left; width:939px; border-bottom:1px dotted #FFFFFF; height:1px; margin:6px 0 12px 0}
	#song, #celebrate, #develop, #simple, #perfect {float:left}
	#expand_text {width:584px; margin:18px 43px 0 0; float:left}
	#expand_image {width:312px; float:left; margin:18px 0 0 0}
	
	
	
/*----------FOOTER----------*/
footer {width:100%; background:url(../images/living-the-brand-footer-bg.png) repeat; height:64px; float:left}
 	footer section {width:100%; max-width:984px}
 	footer section nav {float:left; margin:8px 0 0 0}
	footer section nav ul {list-style-type:none}
	footer section nav ul li {float:left; color:#a60c0c}
	footer section nav ul li a:link, footer section nav ul li a:active, footer section nav ul li a:visited {font-family:'TitilliumText22LRegular'; font-size:12px; color:#a60c0c; text-decoration:none}
	footer section nav ul li a:hover {color:#a60c0c; text-decoration:underline}
	
	footer section span {float:right; margin:8px 0 0 0; font-family:'TitilliumText22LRegular'; font-size:12px; color:#a60c0c; text-align:center}