/*CORE CSS*/

body {margin:0 auto;font-family:/*'Helvetica Neue', Helvetica,*/ Arial;}

p {font-size:11px;line-height:140%;}
h1,h2 {font-weight:bold;margin:0px;}
h2 {font-size:100%;color:#123251;margin-bottom:5px;}
h6 {font-size:75%;color:#aaa;margin:0px 0px 10px;;}
a {text-decoration:none;color:#006ab1;}
a:hover {color:#123251;text-decoration:none;}

.hidden {display:none;}

/*WRAPPER CSS*/

#outer {z-index:10;height:400px;width:1060px;margin:0 auto;}

/*HEADER CSS*/

#header {z-index:10;height:122px;top:0;width:100%;background:url(http://www.swacommunications.com/assets/images/logo.png) no-repeat top left;margin-bottom:10px;}

#mainnav {float:left;height:60px;margin:60px 0px 0px 268px;}

#menu ul li a, #menu ul li a:visited {display:block;text-align:center;}
#menu ul {padding:0; margin:0;list-style-type: none; }
#menu ul li {float:left; position:relative;text-transform:uppercase;height:20px;margin-right:64px;}
#menu ul li.last {margin-right:0px;}
/*#menu ul li:hover {cursor:pointer;}*/

#menu ul li a.Home {background:url(http://www.swacommunications.com/assets/images/home_off.png) no-repeat left;width:57px;}
#menu ul li a.Home:hover, #menu ul li.active a.Home {background:url(http://www.swacommunications.com/assets/images/home_on.png) no-repeat left;width:57px}

#menu ul li a.Skills {background:url(http://www.swacommunications.com/assets/images/skills_off.png) no-repeat left;width:64px}
#menu ul li a.Skills:hover, #menu ul li.active a.Skills {background:url(http://www.swacommunications.com/assets/images/skills_on.png) no-repeat left;width:64px}

#menu ul li a.Examples {background:url(http://www.swacommunications.com/assets/images/examples_off.png) no-repeat left;width:104px}
#menu ul li a.Examples:hover, #menu ul li.active a.Examples {background:url(http://www.swacommunications.com/assets/images/examples_on.png) no-repeat left;width:104px}

#menu ul li a.Thoughts {background:url(http://www.swacommunications.com/assets/images/thoughts_off.png) no-repeat left;width:109px}
#menu ul li a.Thoughts:hover, #menu ul li.active a.Thoughts {background:url(http://www.swacommunications.com/assets/images/thoughts_on.png) no-repeat left;width:109px}

#menu ul li a.Details {background:url(http://www.swacommunications.com/assets/images/details_off.png) no-repeat left;width:81px}
#menu ul li a.Details:hover, #menu ul li.active a.Details {background:url(http://www.swacommunications.com/assets/images/details_on.png) no-repeat left;width:81px}

/*PAGE CSS*/

#page {z-index:100;width:100%;min-height:300px;width:1060px;/*position:fixed;*/}

#left {width:156px;padding:15px 0px 0px 20px;float:left;height:100px;}
#left p {color:#666;padding:0px 5px 15px 0px;margin:0px;}

body.Examples #left p {padding-bottom:5px;}

body.Home #left {background:url(http://www.swacommunications.com/assets/images/marks_left.png) no-repeat top left;padding-top:20px;}
body.Home #left p {font-style:italic;background:url(http://www.swacommunications.com/assets/images/marks_right.png) no-repeat bottom right;}

body.Skills #left, body.Thoughts #left {padding-left:0px; width:176px;}
body.Skills #page img {margin:2px 5px -8px 0px;}

#left h1 {color:#005794;font-size:11px;}
#left h2 {color:#002e55;font-size:11px;}

#left a#next {display:block;background:url(http://www.swacommunications.com/assets/images/next_off.png) no-repeat; width:89px;height:25px;}
#left a#next:hover {background:url(http://www.swacommunications.com/assets/images/next.png) no-repeat;}

#left a#prev {display:block;background:url(http://www.swacommunications.com/assets/images/previous_off.png) no-repeat; width:159px;height:25px;}
#left a#prev:hover {background:url(http://www.swacommunications.com/assets/images/previous.png) no-repeat;}

#main {padding:12px 0px 20px 90px;width:730px;float:left;}
#main p {margin:0 100px 1em 0;font-size:12px;}

#main #case_study {z-index:0;position:relative;margin-left:-10px;width:694px;height:220px;margin-top:20px;}
/*#main #case_study .left {background:#e7eaed; width:100px;height:100%;float:left;margin-right:10px;}*/
#main #case_study_right {width:694px;height:100%;background:#fff;float:left;border:0px;}
#main #case_study_right img {border:0px;}

/*#case_study_right {position: relative;}
#case_study_right img {position: absolute;top:0;left:0;}
#case_study_right img:first-child {display:block;} */

#main #main_wrapper {width:100%;}
#main #main_wrapper .manager {width:140px;margin-right:50px;float:left;}
#main #main_wrapper .manager img {border:0;margin-bottom:10px;}

body.Examples #main {padding:12px 0px 20px 90px;width:730px;}

body.Examples #showcase_row {height:40px;margin-bottom:3px;}
body.Examples #showcase_cell {background:#fff;width:130px;margin-right:5px;height:100%;float:left;overflow:hidden;}

body.Thoughts #left a {font-weight:bold;display:block;margin-bottom:2px;}

#showcase_cell img {	border:none;opacity:1.0;filter:alpha(opacity=100);}

#strap {z-index:-1;height:700px;width:100%;position:absolute;top:0px;}
#strap_inner {z-index:-1;margin:400px auto;width:1060px;margin-bottom:0px;}
#strap .strapline {z-index:-1;float:left;width:181px;height:220px;background:url(http://www.swacommunications.com/assets/images/strapline.png) no-repeat 0% 65%;}
#strap .icon {z-index:-1;width:420px;float:right;height:220px;overflow:hidden;}

#social {height:38px;top:170px;position:relative;}
#social img {border:0px;margin-top:5px;}
#social img:hover {margin-top:0px;padding-bottom:3px;border-bottom:2px #006ab1 solid;}
#social a {display:inline;}

body.Home #strap .icon {background:url(http://www.swacommunications.com/assets/images/icons.jpg) no-repeat 0px 100px;}
body.Skills #strap .icon {background:url(http://www.swacommunications.com/assets/images/icons.jpg) no-repeat 0px -150px;}
body.Examples #strap .icon {background:url(http://www.swacommunications.com/assets/images/icons.jpg) no-repeat 0px -400px;}
body.Thoughts #strap .icon {background:url(http://www.swacommunications.com/assets/images/icons.jpg) no-repeat 0px -650px;}
body.Details #strap .icon {background:url(http://www.swacommunications.com/assets/images/icons.jpg) no-repeat 0px -900px;}

/*CONTACT FORM CSS*/

body.Contact {padding:20px;}
body.Contact #wrapper {margin:0 auto;}
body.Contact h3 {font-size:12px;font-weight:bold;}
body.Contact form input {width:280px;margin-bottom:5px;border:1px #123351 solid; padding:4px 4px;font-size:11px;color:#0069b3;text-transform:uppercase;}
body.Contact form textarea {width:280px;margin-bottom:5px;border:1px #123351 solid; padding:4px 4px;font-size:11px;color:#aaa;font-family:Arial;text-transform:uppercase;}
body.Contact form .button {background:url(http://www.swacommunications.com/assets/images/submit_off.png) no-repeat;width:124px;height:25px;border:0px;}
body.Contact form .button:hover {background:url(http://www.swacommunications.com/assets/images/submit_on.png) no-repeat;width:124px;height:25px;cursor:pointer;border:0px;}
body.Contact .errors {font-size:12px;margin-bottom:10px;}

/*FOOTER CSS*/

#base {z-index:2;height:76px;width:100%;background:url(http://www.swacommunications.com/assets/images/base_bg.png) repeat-x bottom; position:fixed;bottom:0}

#base .text {margin:30px auto;width:1060px;height:20px;margin-bottom:0px;}

#base .text .left {float:left;}
#base .text .right {float:right;text-align:right;margin-right:120px;}

#base .text p {font-size:10px; color:#fff;margin:0;}
#base a {color:#fff;}
#base a:hover {text-decoration:underline;}

/*OTHER CSS*/

.clear {clear:both;}

#twitterbubble {height:146px;background:url(http://www.swacommunications.com/assets/images/twitterbubble.png) no-repeat; padding:10px;}
#twitterbubble p {padding-bottom:5px;}
#tweet {color:#fff;font-size:11px;}

.tweetdate {color:#ccc;margin-top:3px;text-align:right;}
.tweettitle {font-weight:bold;color:#fff !important;padding:0px;}
#tweet a {font-size:10px; display:inline !important;}
#tweet a:hover {color:#fff;}