@charset "utf-8";

@media all {

/* "Yahoo! UI Library: Reset CSS" =================================== */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
more info: http://developer.yahoo.com/yui/reset/
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

html {overflow-y: scroll;}

body {
	margin: 0; padding: 0; 
	color: #929497; 
    font: 87.5% georgia, times, "times new roman", serif; 
    text-align: center; 
	background: #fff url(/images/bg.gif);
    }
        
input, textarea, select { font-family: georgia, times, "times new roman", serif; }

a { color: #e9661e; }	
a:hover { color: #e9661e;  }

strong { font-weight: bold; }
em { font-style: italic; }

#container { width: 960px; margin: 0 auto; text-align: left; position: relative; background: url(/images/shadow.jpg) bottom left no-repeat; padding-bottom: 16px; }

#header { height: 135px; width: 960px; position: relative; }

h1 a { background: url(/images/arcrate-logo.gif) bottom left no-repeat; width: 210px; height: 131px; display: block; text-indent: -999em; outline: none; }

#nav { position: absolute; top: 115px; left: 289px; }
#nav li { float: left; margin-right: 1px; font-size: 0.928em; position: relative; }
#nav li#n-connect { margin-right: 0; }
#nav li a { display: block; height: 16px; width: 83px; background-position: 0 -25px; background-repeat: no-repeat; padding: 5px 6px 4px; text-decoration: none; color: #fff; font-weight: bold; }
#n-home a { background-image: url(/images/btn-home.gif); }
#n-bright a { background-image: url(/images/btn-bright.gif); }
#n-brighter a { background-image: url(/images/btn-brighter.gif); }
#n-brightest a { background-image: url(/images/btn-brightest.gif); }
#n-vision a { background-image: url(/images/btn-vision.gif); }
#n-stars a { background-image: url(/images/btn-stars.gif); }
#n-connect a { background-image: url(/images/btn-connect.gif); }

#nav a:hover { background-position: 0 0px; }
#nav li.active a { background-position: 0 0px; }

#nav li ul{ display:none; position:absolute; bottom:22px; left:0; width:95px; overflow:hidden; margin:0; padding:0 0 10px 0; list-style:none; }
#nav li.active ul { display: block; }
#nav li ul li{ float:none; font-size:11px; line-height:12px; padding:0 3px 5px 0; }
#nav li ul li a{ text-indent:0; background:none; margin:0; padding:0; background:none; width:100%; height: auto; 	display:inline; color:#7b7c7e; font-weight: normal; }
#nav li ul li a:hover, #nav li ul li.current_page_item a{ color: #212123; }

/* #nav #n-bright ul li.current_page_item a { color: #fe9a04; }
#nav #n-brighter ul li.current_page_item a { color: #ff6600; }
#nav #n-brightest ul li.current_page_item a { color: #ff0302; }
#nav #n-vision ul li.current_page_item a { color: #cd0303; }
#nav #n-stars ul li.current_page_item a { color: #9a0000; }
#nav #n-connect ul li.current_page_item a { color: #460000; } */

#client-login { position: absolute; top: 0; right: 0; background: url(/images/client-button.png) 0 0 no-repeat; width: 151px; height: 27px; font-size: 1.142em; color: #fff; padding: 3px 0 0 17px; }
#client-login a { font-size: 0.6875em; }
#client-login a:hover { color: #fff; }

#maincol { width: 960px; background: #fff; padding: 0 0 63px; position: relative; } 
#leftcol { width: 631px; float: left; text-align: left; margin-left: 54px; display: inline;  }
#rightcol { width: 208px; float: right; text-align: left; margin-right: 12px; display: inline; margin-top: 19px; }


#image-panel { padding-top: 10px; background-color: #fff; z-index: 0; }
#image-panel img { display: block; z-index: 1; }

#slider-container { width: 942px; height: 427px; margin: 19px 0 0 18px; }

#slider {  border: 1px solid #dddedf; width:708px; height:427px; overflow:hidden; }

#mask-gallery { overflow:hidden;}

#gallery { z-index:0; /* width = total items multiply with #mask gallery width */ width:708px; overflow:hidden; }
#gallery li { /* float left, so that the items are arrangged horizontally */ float:left; }

#mask-excerpt {  position:absolute;	top:0; right:12px; z-index:500px; width:206px; overflow:hidden;  }

#gallery { width: 708px; height: 427px;  }

#btn-next { background: url(/images/arrow-right.gif) 0 0 no-repeat; display: block; width: 20px; height: 36px; text-indent: -999em; position: absolute; top: 45px; left: 681px; outline: none; z-index: 100; }
#btn-prev { background: url(/images/arrow-left.gif) 0 0 no-repeat; display: block; width: 20px; height: 36px; text-indent: -999em; position: absolute; top: 45px; left: 651px; outline: none; z-index: 100; }
#btn-next:hover, #btn-prev:hover { background-position: 0 -36px; cursor: pointer; }

.content-block { width: 708px; height: 427px; }

.left-block { width: 708px; height: 427px; }
.left-block .block-content { width: 233px; float: left; margin-left: 33px; display: inline; padding-top: 25px; }
.left-block .block-content h2 { color: #404041; font-size: 2em; font-weight: normal; letter-spacing: -0.3px; margin: 0 0 25px; }
.left-block .block-content p { color: #929497; font-size: 0.857em; line-height: 1.416; margin-bottom: 1em; }
.left-block .block-image { width: 442px; float: left; height: 427px; }
.left-block .block-content-wide { width: 353px; float: left; margin-left: 33px; display: inline; padding-top: 25px; }
.left-block .block-content-wide h2 { color: #404041; font-size: 2em; font-weight: normal; letter-spacing: -0.3px; margin: 0; }
.left-block .block-content-wide p { color: #929497; font-size: 0.857em; line-height: 1.416; margin-bottom: 1em; }
.left-block .block-content-wide p.jobtitle { color: #ff5604; font-size: 1.142em; }
.left-block .block-image-narrow { width: 322px; float: left; height: 427px; }

#excerpt { z-index:10; position:absolute; top:0; left:0; width: 206px; overflow:hidden; }
#excerpt { position: relative; }
#excerpt div { border: 1px solid #dddedf; padding: 0 10px 4px; z-index: 1000; height: auto; }
#excerpt li h2 { margin-top: 4px; font-size: 1.357em; line-height: 1.15; color: #a5a7aa; padding: 0 8px; }
#excerpt li p { color: #e9661e; font-size: 1.357em; padding: 0 8px 11px; border-bottom: 2px solid #eeeeef; margin: 2px 0 8px; }
#excerpt li p a { text-decoration: none; color: #e9661e; }
#excerpt li p.email { font-size: 1.357em; padding: 0 8px; margin: 8px 0 12px; border-bottom: none; }
#excerpt li p.linkedin { font-size: 1.357em; padding: 0 8px; margin: 0 0 12px; border-bottom: none; }

#excerpt li p.email a { border: 1px solid #e9661e; padding: 2px 6px; }
#excerpt li p.email a:hover { color: #58585b; border: 1px solid #58585b; }

#excerpt li a:hover { color: #58585b;}
#excerpt .small-image { border: none; padding: 33px 0 0; }

#footer { width: 960px; margin: 0 auto; text-align: center; overflow: auto; padding: 20px 0 30px; }
#footer p { margin: 0 0 0 42px; width: 627px; float: left; display: inline; text-align: left; font-size: 0.714em; color: #a5a7aa; background: #fff; padding-bottom: 4px; }
#footer img { float: right; margin-right: 7px; display: inline; }
#footer p.credit a { color: #58585b; }
#footer p.credit a:hover { color: #999; }

#slideshow1, #slideshow2, #slideshow3, #slideshow4, #slideshow5, #slideshow6, #slideshow7 { position: relative; }

.home #maincol { padding-top: 5px; }
.home #leftcol { width: 410px; background: url(/images/grey-grad.jpg) bottom left repeat-x; padding: 20px 30px 30px; margin: 0 0 0 24px; }
.home #leftcol h2 { color: #414142; font-size: 1.85em; margin-bottom: 14px; line-height: 1.259; background: none; padding: 0; width: auto; }
.home #leftcol p { font-size: 1.071; line-height: 1.4; color: #919396; }
.home #rightcol { margin-top: 0; }

.service-proposition #leftcol { width: 578px; }

#leftcol { margin-top: -40px; z-index: 100; }
#leftcol h2 { color: #ff6600; font-size: 2.1em; margin-bottom: 14px; line-height: 1.259; background: url(/images/h2-bg.png) bottom left repeat-x; color: #fff; padding: 20px 25px 50px; width: 405px; }
#leftcol p { color: #929497; font-size: 1.071; line-height: 1.4; margin: 0 0 1em; }

#standard-content-page #leftcol { margin-top: 20px; }
#standard-content-page #leftcol h2 { background: none; color: #ff6600; padding: 0; }

.behind-the-scenes #maincol, .core-beliefs #maincol, .our-clients #maincol { padding-top: 0; }
.behind-the-scenes #rightcol, .core-beliefs #rightcol, .our-clients #rightcol { margin-top: 19px; }

.behind-the-scenes #leftcol { margin-top: -40px; z-index: 100; }

.inline-content-block { width: 631px; overflow: auto; border-top: 1px solid #dddedf; padding-top: 1em; }
.inline-content-block-first { border: none; padding-top: 0; }
.inline-content-block-left { width: 389px; float: left; margin-right: 20px; }
.inline-content-block-right { width: 222px; float: left; }

.nugget { border: 1px solid #dddedf; padding: 0 0 4px; z-index: 1000; height: auto; margin-bottom: 10px; }
.nugget h2 { margin: 4px 10px 0; font-size: 1.357em; line-height: 1.15; color: #a5a7aa; padding: 0 8px; }
.nugget h2.first { background: url(/images/small-grey-grad.jpg) 0 0 repeat-x; margin: 0; color: #6d6e70; padding: 5px 18px 8px; }
.nugget p { color: #e9661e; font-size: 1.357em; padding: 0 8px 11px; border-bottom: 2px solid #eeeeef; margin: 2px 10px 8px;}
.nugget p a { text-decoration: none; color: #e9661e; }
.nugget p.email { font-size: 1.357em; padding: 0 8px; margin: 8px 0 12px; border-bottom: none; }
.nugget p.email a { border: 1px solid #e9661e; padding: 2px 6px; margin-left: 9px; }
.nugget a:hover, .nugget p.email a:hover { color: #58585b; border: 1px solid #58585b; }

.news { border: 1px solid #dddedf; padding: 0 0 4px; z-index: 1000; height: auto; margin-bottom: 10px; }
.news li { border-bottom: 2px solid #eeeeef; margin: 0 10px 8px; padding: 0 8px 8px; }
.news li.last { border: none; padding-bottom: 0; }
.news h2 { background: url(/images/small-grey-grad.jpg) 0 0 repeat-x; margin: 0 0 5px; color: #6d6e70; padding: 5px 18px 8px; font-size: 1.142em; }
.news h3 { font-size: 0.857em; line-height: 1.333; font-weight: bold; padding: 0; }
.news h3 a { color: #919396; text-decoration: none; }
.news h3 a:hover { color: #ff5604; }
.news p { font-size: 0.857em; color: #919396; line-height: 1.333; padding: 0; }
.news p.meta { color: #414142; font-size: 0.714em; }

#content h2 { padding: 18px 36px 40px 24px; font-size: 2em; line-height: 1.071; color: #fff; margin-bottom: 20px; }
#content h2.vision-intro { background: #ffcb33 url(/images/yellow-grad.jpg) bottom left repeat-x; }
#content h3 { color: #ff5604; font-size: 2em; line-height: 1.071; margin: 20px 0; }
#content h4 { color: #ff5604; font-size: 2em; line-height: 1.071; margin: 20px 0; border-top: 1px solid #dddedf; padding-top: 20px; }
#content p { font-size: 0.857em; line-height: 1.416; margin-bottom: 1em; }

.page-nugget { border: 1px solid #dddedf; padding: 0 10px 4px; z-index: 1000; height: auto; }
.page-nugget h2 { margin-top: 4px; font-size: 1.357em; line-height: 1.15; color: #a5a7aa; padding: 0 8px; }
.page-nugget p { color: #e9661e; font-size: 1.357em; padding: 0 8px 11px; border-bottom: 2px solid #eeeeef; margin: 2px 0 8px; }
.page-nugget p a { text-decoration: none; color: #e9661e; }
.page-nugget p.email { font-size: 1.357em; padding: 0 8px; margin: 8px 0 12px; border-bottom: none; }
.page-nugget p.email a { border: 1px solid #e9661e; padding: 2px 6px; }
.page-nugget a:hover, .page-nugget p.email a:hover { color: #58585b; border: 1px solid #58585b;}

.page-nugget p.pp {  border-top: 2px solid #eeeeef; border-bottom: none; padding-top: 8px; margin-top: 8px; }
.page-nugget p.pp a:hover, .page-nugget p.pp3 a:hover { border: none; padding: 0; }
.page-nugget p.pp3 { border-bottom: none; }

h3 { font-size: 1.285em; margin-bottom: 0.5em; }

ol { padding-left: 0px; }
ol li { font-weight: bold; list-style-type: decimal; list-style-position: inside; font-size: 1.285em; margin-bottom: 22px;  border-top: 1px solid #dddedf; padding-top: 1em; }
ol li p { font-size: 0.722em; font-weight: normal; padding-top: 10px; }
ol li h4 { font-weight: bold; display: inline; }

.part { width: 630px; overflow: auto; }
.part h5 { font-style: italic; font-weight: bold; font-size: 0.722em; margin: 10px 0;  }
.part h6 { font-size: 0.722em; font-style: italic; font-weight: bold; color: #6D6E70; }
#leftcol .part p { font-size: 0.722em; color: #6D6E70; }

#leftcol p.or { float: left; display: block; width: 30px; min-height: 50px; text-align: center; font-size: 0.785em; font-style: italic; padding-top: 60px; }
.option-a { width: 257px; float: left; background: #ffcb33 url(/images/grey-grad.png) bottom left repeat-x; padding: 10px 21px; min-height: 130px; margin-bottom: 10px;  }
.option-b { width: 257px; float: left; background: #f15722 url(/images/grey-grad.png) bottom left repeat-x; padding: 10px 21px; min-height: 140px; margin-bottom: 10px;  }

.smallprint {  border-top: 1px solid #dddedf; padding-top: 1.5em; font-size: 0.714em; }

.client-content-block { width: 631px; overflow: auto; border-bottom: 1px solid #dddedf; padding-top: 1em; }
	#leftcol .client-content-block p { font-size: 0.928em; }
.client-content-block-left { float: left; width: 167px; margin-bottom: 1em; }
.client-content-block-right { float: right; width: 464px; }

.investment-strategy #leftcol h3 { font-size: 2em; color: #ff6600; border-top: 1px solid #dddedf; padding-top: 0.5em; padding-right: 20%; }
.investment-strategy #leftcol h4 { font-weight: bold; font-size: 0.928em; line-height: 1.4; }  
.investment-strategy #leftcol p { font-size: 0.928em; }

.core-beliefs #leftcol { margin-top: -40px; }
.core-beliefs #leftcol ul { float: left; width: 355px; margin-left: 25px; display: inline; }
.core-beliefs #leftcol ul li { background: url(/images/plus-sign.gif) 0 5px no-repeat; font-size: 1.071em; padding-left: 12px; line-height: 1.2; margin-bottom: 11px; }
.core-beliefs #leftcol img { float: right; margin-top: 35px; }

#leftcol blockquote { font-size: 1.2em; line-height: 1.44;  }
#leftcol blockquote p { margin: 0 0 0.4em; }
#leftcol cite { font-size: 0.928em; color: #ff6600; margin: 0 0 1.5em; padding-bottom: 1.5em; display: block; border-bottom: 1px solid #dddedf; }

.contact-me #leftcol { width: 493px; }
.contact-me #leftcol p { font-size: 1.071em; margin-bottom: 1.2em; }

form { margin-top: 40px; }
.form-row { width: 100%; overflow: auto; padding-bottom: 16px; }
form label { float: left; width: 113px; padding: 5px 0 0;}
form .wpcf7-form-control-wrap { width: 361px; display: block; float: left; }
form input { width: 361px; padding: 2px 3px; line-height: 1; }
form .form-submit input { width: auto; float: right; margin-right: 7px; background: #fff; border: 1px solid #ff8c40; font-size: 1.245em; text-transform: lowercase; color: #ff8c40; }

.contact-us #leftcol p { font-size: 1.071em; }
.contact-us #leftcol h3 { font-size: 1.071em; margin: 0; color: #ff6600; }
.contact-us #leftcol a { color: #929497; text-decoration: none; }
.contact-us #leftcol a:hover { color: #ff6600; }

.small-leftcol { width: 316px; float: left; margin-top: 59px; }
#leftcol .small-leftcol h2 { background: none; color: #FF6600; padding: 0; }

#map_canvas { float: left; width: 314px; height: 314px; margin-top: 59px; }

.request-brochure #leftcol { width: 493px; }
.request-brochure #rightcol { width: 252px; position: relative; }
.request-brochure #rightcol img { position: absolute; top: 180px; right: 50px; }
.request-brochure #leftcol h3 { font-size: 2em; color: #ff6600; padding-top: 0.5em; padding-right: 20%; }

.wpcf7-not-valid-tip-no-ajax  { color: #FF6600; display: block; margin: 5px 0 0 0; font-size: 0.857em; clear: both; }
.wpcf7-validation-errors { color: #FF6600; margin-top: 5px; font-size: 0.857em; }
.wpcf7-response-output { color: #ff6600; }

}
