/* CSS Document */


/*------- Text styles--------*/

img {border:none;}

a {
text-decoration:none;
border:none;
} 
 
p
{font-family:'Open Sans', sans-serif;
font-size:13px;
font-weight:normal;
color:#000;
}

h1
{font-family:'Open Sans', sans-serif;
font-size:18px;
font-weight:700;
color:#262C5B;
padding:10px 0 0 0;
}

h2
{font-family:'Open Sans', sans-serif;
font-size:13px;
font-weight:normal;
color:#332a86;
padding:0 50px 0 0;
}

h3
{font-family:'Open Sans', sans-serif;
font-weight:Normal;
font-size:16px;
color:#285B6E;
padding-right:20px;
}

#intro p
{font-family:'Arapey', serif;
font-size:18px;
color:#332a86;
display:block;
margin-top:32px;
}

nav a {
text-decoration:none;
font-family:'Open Sans', sans-serif;
font-weight:bold;
font-size:14px;
color:#000000;
padding:0 0 5px 45px;
float:right;
}

nav a:hover {
color:#7F7FA1!important;
}

.right a {
margin:0;
padding:0 0 0 12px;
text-decoration:none;
}

.cta {
float:right;
display:block;
font-family:'Open Sans', sans-serif;
font-weight:bold;
margin:-9px 0 20px 0;
color:#332a86;
z-index:1000;
}

.cta a{
font-family:'Open Sans', sans-serif;
font-weight:bold;
color:#332a86;
}

.cta a:hover {
color:#999999;
}

.news {
font-size:16px;
font-weight:400;
color:#332a86;
padding:10px 0 0 0;
}

.read-more {
font-family:'Open Sans', sans-serif;
font-size:13px;
font-weight:700;
padding:0 0 20px 0;
border-bottom: 1px #938bba solid;
text-decoration:none;
color:#285B6E;
margin:-10px 0 0 0;
display:block;
}

.read-more:hover {
color:#7F7FA1;
}

.middle-nav a {
width:33.3%;
background:#645AA0;
margin:0;
padding:15px 0;
text-align:center;
position:relative;
float:left;
font-family: "Open Sans",sans-serif;
font-weight: 600;
font-size: 16px;
color: #DDDBEC;
}

.middle-nav a:hover {
color:#fff;
}

.testimonial p
{font-family:'Arapey', serif;
font-size:18px;
line-height:120%;
color:#332a86;
margin-top:14px;
margin-bottom:20px;}

.testimonial h3
{font-family:'Open Sans', sans-serif;
font-size:13px;
font-weight:500;
color:#332a86;
margin:0 0 20px 20px;
}

.testimonial a
{font-family:'Open Sans', sans-serif;
font-size:13px;
font-weight:bold;
color:#6D6E71;
text-decoration:none;}

.testimonial h1
{font-family:'Open Sans', sans-serif;
font-size:16px;
font-weight:500;
color:#332a86;
margin-top:25px;}

.testimonial h3
{font-family:'Open Sans', sans-serif;
font-size:13px;
font-weight:500;
color:#332a86;
margin-bottom:20px;}

.testimonial .contact
{font-family:'Open Sans', sans-serif;
font-size:16px;
font-weight:500;
color:#332a86;
text-decoration:none;}

.testimonial img
{padding:0 0 25px 20px;
display:block;}


.testimonial p, h1, h3 {
padding:0 20px 0 20px;
}

#social_media
{margin:0 0 0 20px;
clear:both;
}

#social_media a
{display:inline;float:left; padding:0; margin:0;
}

#social_media img
{padding-left:10px;
border:none;}

#social_media .email
{width:158px;
height:30px;
float:left;
background-color:#D5D7D8;
vertical-align:middle;}

#social_media h1
{font-family:'Open Sans', sans-serif;
font-size:18px;
font-weight:bold;
color:#6D6E71;}

.left_content p, h1, h2, h3 {
padding:0 20px 0 0;
}

.left_content h2{
font-family:'Open Sans', sans-serif;
font-size:16px;
font-weight:600;
line-height:120%;
color:#332a86;
}

.left_content a{
color:#285B6E;
}

.left_content a:hover{
color:#332a86;
}


.left_content ul, li
{font-family:'Open Sans', sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
list-style-position:outside;
list-style:square;
margin:0px 8px 8px 10px;
}

.article h1
{font-family: "Open Sans",sans-serif;
font-weight: bold;
font-size: 14px;
color: #285B6E;
}

.article h2 {
font-family:'Open Sans', sans-serif;
font-weight:900;
font-size:13px;
color:#fff;
padding:5px 10px;
width:140px;
}

.article img
{float:right;
padding-right:20px;
padding-left:20px;
padding-bottom:10px;
}

.q{
background:#645AA0;
}

.qs{
background:#3FC0C5;
}

.en {background:#295B6E;
}

.man {
background:#666666;
}

.prop {
background:#C37529;
}

.loc {
background:#EB222A;
}
.rec {
background:#009444;
}

.tech {
background:#9D9FA2;
}

.res {
background:#66CCFF;
}

.lgov {
background:#861585;
}

.ren {
background:#00cc33;
}

.edu {
background:#4AAEB7;
}

.story_link {
font-family:'Open Sans', sans-serif;
font-weight:bold;
font-size:13px!important;
color:#7F7FA1;
text-decoration:none;
}

.story_link:hover {
color:#7f9ca1!important;
}

.genre {
font-size:16px!important;
background:#295B6E;
width:400px!important;
font-weight:normal!important;
margin:0 0 50px 0;

}
/*------- Structure top ---------*/

.more_news
{font-family:'Open Sans', sans-serif;
font-weight:bold;
font-size:14px;
color:#645AA0;
text-decoration:none;
}

.more_news:hover {
color:#285B6E;
}

#wrapper {
width:75%;
margin:5px auto 10px auto;
position:relative;
min-width:910px;}

header {
width:100%;
position:relative;
left:0;
}

nav {
border-bottom:1px #938bba solid;
position:absolute;
width:80%;
right:0;
top:25px;
z-index:1001;

}

#strip {
width:100%;
position:relative;
display:block;
height:100%;
}

.logo {
float:left;
top:0;
left:0;
width:150px;
margin:0 15px 0 0;
padding:0;
border-right:#FFFFFF solid 15px;
z-index:10;
position:absolute;
}

#intro {
position:relative;
clear:both;
padding:50px 0 40px 0;
z-index:1000;
}

#intro .left {
float:left;
width:48%;
}

#intro .right {
width:48%;
float:right;
padding:0;
margin:0;
text-align:right;
}

#intro .right img {
border:none;
margin:0;
padding:0;
}

.tweets p {
float:right;
width:95%;
}

/*------- Structure Imagery ---------*/


#imageset
{clear:both;
width:100%;
background-color:#dddbeb;
border-bottom:1px;
border-bottom-color:#332a86;
border-bottom-style:solid;
padding:15px 0;
margin:80px 0 0 0;
position:relative;
height:166px;}

.cycle1{
float:left;
width:16%;
height:166px;
border-right:solid #dddbeb 1px;
overflow:hidden;

}

.cycle2
{
float:left;
width:34%;
height:166px;
border-right:solid #dddbeb 1px;
overflow:hidden;

}

.cycle3
{
float:left;
width:16%;
height:166px;
border-right:solid #dddbeb 1px;
overflow:hidden;
}

.cycle4
{
float:left;
width:33.5%;
height:166px;
overflow:hidden;
}

#imageset .one{
border-right:solid #dddbeb 1px;}

#imageset img {
width:100%;
}


/*------- Structure three across ---------*/

#services {
width:100%;
clear:both;
position:relative;
display:block;
}

#services h2 {
font-family: "Open Sans",sans-serif;
font-size: 13px;
color: #366;
padding:0 15px;
}

.corp {
width:33%;
text-align:center;
background:#f1f0f7;
float:left;
border-right:1px #938bba solid;
}

.plan {
width:32.5%;
text-align:center;
background:#f9fdfa;
float:right;
border-right:1px #938bba solid;
}

.mark {
width:34%;
text-align:center;
background:#f5edf1;
float:right;
}

.corp:hover {
background:#FFFFFF;
}

.mark:hover {
background:#FFFFFF;
}

.plan:hover {
background:#fff;
}

/*-------- Structure Main --------*/

main {
width:100%;
display:block;
clear:both;
position:relative;
border-top:10px #645BA1 solid;
height:100%;
}

#fillme {
position:absolute;
width:100%;
}

main .content {
width: 66%;
border-right: 1px #938bba solid;
float:left;
}

main .tweets {
width:34%;
position:absolute;
right:0;
height:100%;
}

.content img {
margin:20px;
float:right;
clear:both;
}

.tweets img {
width:95%;
display:block;
float:right;
border-bottom:#fff 20px solid;
}

#base
{width:100%;
position:absolute;
margin:155px 0 0 0;
left:0;
}

.article
{width:100%;
padding-top:13px;
padding-bottom:13px;
border-bottom:2px;
border-color:#dddbeb;
border-bottom-style:solid;
}

.middle-nav {
width:100%;
position:absolute;
margin:75px 0 0 0;
}
.clear {
position:ABSOLUTE;
width:100%;
}

.left_content
{width:70%;
float:left;
}

.testimonial
{width:30%;
position:absolute;
border-left:2px #dddbeb solid;
right:0;
height:100%;
}

#logos {
width:85%;
position:relative;
float:left;
}

#logos img {
width:33.3%;
float:left;
padding: 15px 0;
}

#david {
height:160px;
overflow:hidden;
float:left;
}

.dmswap {
height:320px;
position:relative;
margin:0;
border:0;
padding:0;
}

.dmswap:hover  {
top:-160px;
}

.david_text {
clear:both;
display:block;

}

a.dm:hover + .david_text {
display:block;
}

#charlie {
height:160px;
overflow:hidden;
float:left;
}

.cvswap {
height:320px;
position:relative;
margin:0;
border:0;
padding:0;
}

.cvswap:hover  {
top:-160px;
}

.charlie_text {
clear:both;
display:block;

}

a.cv:hover + .charlie_text {
display:block;
}

#adrienne {
height:160px;
overflow:hidden;
margin-bottom:20px;
float:left;
}

.ar_text {
display:block;
position:relative;
clear:both;
}

a.ar:hover + .ar_text {
display:block;
}

.arswap {
height:320px;
position:relative;
margin:0;
border:0;
padding:0;
}

.arswap:hover  {
top:-160px;
}

#sananur {
height:160px;
overflow:hidden;
margin-bottom:20px;
float:left;
}

.sm_text {
display:block;
position:relative;
clear:both;
}

a.sm:hover + .sm_text {
display:block;
}

.smswap {
height:320px;
position:relative;
margin:0;
border:0;
padding:0;
}

.smswap:hover  {
top:-160px;
}

#simon {
height:160px;
overflow:hidden;
margin-bottom:20px;
float:left;
}

.sr_text {
display:block;
position:relative;
clear:both;
}

a.sr:hover + .sr_text {
display:block;
}

.srswap {
height:320px;
position:relative;
margin:0;
border:0;
padding:0;
}

.srswap:hover  {
top:-160px;
}

#craig {
height:160px;
overflow:hidden;
margin-bottom:20px;
float:left;
}

.cf_text {
display:block;
position:relative;
clear:both;
}

a.cf:hover + .cf_text {
display:block;
}

.cfswap {
height:320px;
position:relative;
margin:0;
border:0;
padding:0;
}

.cfswap:hover  {
top:-160px;
}
#gallery {
width:584px;
position:relative;
display:block;
height:300px;
}

gallery img {
height:160px;
overflow:hidden;
}

#gallery ul
{margin:20px 0 0 0;
padding:0;
height:160px;
overflow:hidden;
display:block;
position:relative;
}

#gallery li
{display:inline;
padding:0;
margin:0;
text-indent:0;
list-style:none;
height:160px;
overflow:hidden;
}