@import "reset.css";

/* Fonts */

@font-face{
	font-family: 'Icomoon';
	src: url('fonts/icomoon.eot');
	src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('fonts/icomoon.svg#icomoon') format('svg'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
  font-family: 'Open Sans Bold';
  src: url('fonts/opensans-bold-webfont.eot');
  src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-bold-webfont.woff') format('woff'), url('fonts/opensans-bold-webfont.ttf') format('truetype'), url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans Semi Bold';
  src: url('fonts/opensans-semibold-webfont.eot');
  src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensans-semibold-webfont.woff') format('woff'), url('fonts/opensans-semibold-webfont.ttf') format('truetype'), url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* Generic elements */

body { background: url(images/pattern1.png) repeat; color: #000; font: 16px Arial, Helvetica, sans-serif; text-align: center; }

a,:link,:visited { color: #5960a2; text-decoration: underline; } 
a:hover,a.important,a.on { color: #000; text-decoration: underline; }

p { margin-bottom: 1em; }

small, big { line-height: normal; }

img.port { float: left; margin: 0 10px 10px 0; }
img.star { float: right; margin: 0 0 10px 10px; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }

p img, li img { vertical-align: middle; }

blockquote { padding: .25em 0 0 30px; background: url(images/quotes1_top-left.png) no-repeat; }
blockquote p { margin-bottom: .5em; }
blockquote .a { padding: 2px 30px 2px 0; background: url(images/quotes1_bottom-right.png) 100% 100% no-repeat; white-space: nowrap; *display: inline-block; }
blockquote cite { display: block; font-size: .748em; line-height: 1.25em; text-align: right; }


/* Custom paragraphs, links, images, etc. */

.featured-img { margin-bottom: 1.75em; }







/* Links & Buttons */

a.pdf { position: relative; float: left; margin-top: -.9em; padding: 1em 0 1em 40px; background: url(images/icon_pdf.png) 0 50% no-repeat; font-size: 1.15em; line-height: 1.25em; }
a.pdf:link,a.pdf:visited {  }
a.pdf:hover {  }


/* Headings */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; line-height: normal; }

h1 { font-size: 160%; }
h2 { font-size: 150%; }
h3 { font-size: 135%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }


/* Column group model */

.colgroup { clear: both; }
.colgroup .colset { clear: both; width: 100%; }
.colgroup .col { display: inline; float: left; width: 49.9%; }
.colgroup .port { float: left; }
.colgroup .star { float: right; }


/* Box models */

.box { margin-bottom: 1em; }

.boxA { width: 510px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #e68b1a; }
.boxA, .boxA a, .boxA a:visited { color: #fff; }
.boxA p { margin-bottom: .4em; }
.boxA .after { padding: 8px 20px 1px; }

.boxB { width: 310px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-family: 'Open Sans', sans-serif; background-color: #5960a2; }
.boxB .before { padding: 27px 20px 35px; }
.boxB, .boxB a, .boxB a:visited { color: #fff; }
.boxB h2 { font: 100 36.66px/40px Arial, Helvetica, sans-serif; }
.boxB ul { list-style: none; padding-left: 0; font-size: 14px; line-height: 1.5em; }
.boxB ul li { margin-bottom: .85em; padding-left: 33px; background: url(images/bullet1-onslateblue.png) 5px 5px no-repeat; }


/* List models */

.listA {  }


/* Story section */

.story p, .story blockquote, .story ul, .story ol { margin-bottom: 1em; }
.story h2, .story h3, .story h4, .story h5, .story h6 { font-weight: normal; }
.story h3 { margin-bottom: .75em; background: url(images/pattern3-horizontal.png) -2px 0 repeat-x; }
.story h3 span { display: block; height: 27px; padding: 8px 3px 9px; background: url(images/pattern3-horizontal.png) -2px 100% repeat-x; line-height: 27px; }
.story .highlight { margin-bottom: .75em; color: #e68b1a; font-size: 20px; line-height: 1.3em; }
.lt-ie9 .story .highlight { padding-right: 5px; }
.story ul { list-style: none; padding-left: 0; font-size: 18px; line-height: normal; }
.story ul li { margin-bottom: .6em; padding-left: 30px; background: url(images/bullet1-onwhite.png) 5px 7px no-repeat; }


/* Custom headings */

#logo { margin-bottom: 3px; color: #5960a2; font-weight: normal; font-size: 59px; }
#tagline { color: #e68b1a; font-weight: normal; font-size: 28px; line-height: 34px; }
#tagline2 { margin-right: -12px; }


/* Single layers */

#container { width: 1016px; margin: 0 auto; padding-bottom: 25px; text-align: left; }


/* The Header */

#header { padding-bottom: 15px; }
#header h3 { margin-bottom: 1.2em; font-weight: normal; }
#header .contact { font-size: 17px; line-height: 22px; }
#header .social-media-links { list-style: none; margin: 20px 0; padding: 0; font-size: 17px; }
#header .social-media-links li { display: inline-block; margin-left: 30px; }
#header .social-media-links li:first-child { margin-left: 0; }
#header .social-media-links a,
#header .social-media-links a:link { text-decoration: none; }
#header .social-media-links a:before { position: relative; top: -1px; display: inline-block; margin-right: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; vertical-align: middle; width: 30px; height: 30px; background-color: #5960a2; color: #fff; font-size: 17px; line-height: 30px; font-family: 'Icomoon'; text-align: center; content: ''; } 
#header .social-media-links a span { display: inline-block; vertical-align: middle; text-decoration: underline; }
#header .social-media-links li.linkedin a:before { font-size: 16px; line-height: 28px; content: '\e900'; }
#header .social-media-links li.amazon a:before { content: '\e901'; }


/* Wrapper box */

#wrapper { padding: 0 65px 24px 60px; background: url(images/box1-bg.png) repeat-y; color: #5960a2; }
#wrapperBefore { height: 67px; background: url(images/box1-top.png) no-repeat; }
#wrapperAfter { height: 67px; background: url(images/box1-bottom.png) no-repeat; }
#wrapper .colA { width: 520px; }
#wrapper .colB { float: right; width: 310px; }
/* Colgroup A */
#wrapper .colgroupA { overflow: hidden; padding-right: 40px; text-align: justify; }
#wrapper .colgroupA:after { clear: both; display: block; content: ''; }
#wrapper .colgroupA .colA1,
#wrapper .colgroupA .colA2,
#wrapper .colgroupA .colA3 { clear: none; float: left; margin-right: -40px; margin-left: 60px; text-align: left; width: 33.333%; }
#wrapper .colgroupA .colA1 { clear: both; margin-left: 0; }


/* Content */

#content {  }
#content .content-main { position: relative; }
#wrapper .content-main .colA { padding-bottom: 50px; }
#content .colgroupA h3 { position: relative; }
#content .colgroupB { background: url(images/pattern2-vertical.png) 50.4% 50% no-repeat; }
#content .colgroupB .col { width: 416px; }
#content .colgroupB .colB1 { padding-right: 29px; }
#content .colgroupB .colB2 { padding-left: 30px; }
/* Address */
#content .content-main .address .col { float: none; background: url(images/pattern3-horizontal.png) left bottom repeat-x; }
#content .content-main .address .colset-inner { display: table; table-layout: auto; border-collapse: separate; }
#content .content-main .address .colset-inner { height: 100%; width: 100%; table-layout: fixed; }
#content .content-main .address .colset-inner:before,
#content .content-main .address .colset-inner:after { display: none; }
#content .content-main .address .colset-inner > * { display: table-cell; padding-bottom: 20px; border-collapse: separate; vertical-align: top; white-space: normal; vertical-align: bottom; }
#content .content-main .address { overflow: visible; position: relative; width: auto; margin-right: -60px; margin-left: -20px; }
#content .content-main .address .colset-inner { border-collapse: separate; border-spacing: 20px 0; left: auto; min-width: 0; }


/* Services */

#services .story ul { margin-bottom: 0; }
#services .story li { margin-top: .6em; margin-bottom: 0; }
#services .story li:first-child { margin-top: 0; }


/* About Us */

#about-us { width: auto; margin-top: 40px; }
#about-us ul { font-weight: 200; font-family: 'Open Sans Semi Bold'; }


/* StoryFrames */

#storyframes { clear: both; padding-top: 20px; }
#storyframes h1 { display: block; margin-bottom: 1em; font-size: 25px; font-weight: 400; font: Arial, Helvetica, sans-serif; line-height: 36px;}
#storyframes p { margin-bottom: 1.9em; font: 16px Arial, Helvetica, sans-serif; text-align: left; line-height: 23px;}
#storyframes .thumb { float: right; width: 161px; padding-right: 0px; }
#storyframes .colgroupF { display: table; width: 950; padding-right: 0; margin: 0; }
#storyframes .colgroupF .colF1 { display: table-cell; margin: 0; text-align: left; width: 623px; }
#storyframes .colgroupF .colF1 p { margin-bottom: 1.9em; font: 16px Arial, Helvetica, sans-serif; text-align: left; line-height: 23px; }
#storyframes .colgroupF .colF1 h1 { display: block; margin-bottom: 1em; font-size: 25px; font-weight: 400; font: Arial, Helvetica, sans-serif; line-height: 36px;}
#storyframes .colgroupF .colF2 { float: right; display: table-cell; margin: 0; padding: 0; text-align: right; width: 200px;}
#storyframes .colgroupF .thumb { float: none; width: auto; padding-right: 0; }
#storyframes .thumb img { margin: 0 auto; }



/* Books */

#books { clear: both; padding-top: 23px; }
#books h1 { margin-bottom: 1em; font-size: 30px; font-weight: 400; font: Arial, Helvetica, sans-serif; }
#books p { margin-bottom: 1.9em; font: 16px Arial, Helvetica, sans-serif; text-align: left; line-height: 23px;}
#books .thumb { float: left; width: 113px; padding-right: 3px; }
#books .box { float: right; width: 300px; }
#books .box p { font: 0.867em/1.462em 'Open Sans', sans-serif; }
#books .box .before { padding-top: 8px; background: url(images/box4-top.png) no-repeat; }
#books .box .after { padding: 0 25px 0 16px; background: #5960a2 url(images/box4-bottom.png) 0 100% no-repeat; }
#books .colgroupA { display: table; table-layout: fixed; width: 100%; padding-right: 0; margin: 0; background: url(images/pattern3-vertical.png) left top repeat-y; }
#books .colgroupA .colA1,
#books .colgroupA .colA2,
#books .colgroupA .colA3 { float: none; display: table-cell; margin: 0; padding: 0 15px; background: url(images/pattern3-vertical.png) right top repeat-y; text-align: center; }
#books .colgroupA .thumb { float: none; width: auto; padding-right: 0; }
#books .thumb img { margin: 0 auto; }


/* The Footer */

#tld { position: relative; margin-top: -1.5em; padding: 0 65px; font-size: .933em; text-align: right; }
#tld a { text-decoration: none; }





/* DO NOT EDIT OR ADD CODE BELOW */

.clearfix:after, .box:after, .colgroup:after, .colset:after, .section:after, .after:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, .box, .colgroup, .colset, .section, .after { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix, * html .box, * html .colgroup, * html .colset, * html .section, * html .after { height: 1%; }
.clearfix, .box, .colgroup, .colset, .section, .after { display: block; }
/* end hide */