/*
purple: #7C387B
*/

body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


#container{
	width:1100px;
	margin:0 auto;	
}

#header{
	position:relative;
	height:135px;
	background:url(../images/top_gradient.jpg) no-repeat bottom left;
	margin-bottom:50px;
}

#home #header{
	margin-bottom:0;
	background-image:none;	
}

#logo{
	position:absolute;
	top:27px;
	left:30px;	
}

#nav{
	position:absolute;
	bottom:32px;
	right:0;	
}

#nav a{
	text-transform:uppercase;
	color:#888;
	margin-left:20px;
	font-size:13px;
	text-decoration:none;
}

#nav a span{
	display:none;
}

#subnav{
	background-color:#CCC;	
	width:115px;
	padding:20px 20px;
}

#subnav a{
	display:block;
	text-decoration:none;
	color:#7C387B;
	margin-left:0;
	font-size:14px;
	margin-bottom:15px;
	font-weight:bold;
	line-height:140%;
}

#subnav a:last-child{
	margin-bottom:0;
}

#subnav ul{
	margin-top:-10px;
	margin-left:0px;
	padding-left:15px;
}

#subnav ul li{
	padding-left:5px;
	margin-bottom:5px;
}

#subnav ul a{
	color:#333;
	margin-left:0;
}

#about a.about, #about a.about span,
#tools a.tools, #tools a.tools span,
#services a.services, #services a.services span,
#contact a.contact, #contact a.contact span,
#clientLogin a.clientLogin, #clientLogin a.clientLogin span{
	color:#7C387B;
	display:inline;
}

/*************** content ***************/

#notLoggedIn{
	background-color:#C66;
	color:#fff;
	padding:5px 20px;
}

#notLoggedIn a{
	color:#fff;
}

.twoColumn .left{
	width: 155px;
}

.twoColumn .left, .twoColumn .right{
	float:left;	
}

.twoColumn .right{
	margin-left:30px;
	width:915px;
}

.purpleH1{
color:#7B3579;
font-size:30px;
font-family:"franklin-gothic-ext-comp-urw";
margin:0;
margin-bottom:15px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
}

.purpleH2{
font-family:"franklin-gothic-ext-comp-urw";
color:#7B3579;
font-size:24px;	
font-weight:700;
}


.dialectSite h2{
	color:#7C387B;
	font-weight:700;
	font-family:"franklin-gothic-ext-comp-urw";
}

.dialectSite h3{
	color:#7C387B;
	font-weight:400;
	text-transform:uppercase;
	font-family:"franklin-gothic-ext-comp-urw";
}


.right .body{
	font-size:14px;
	float:left;
	font-family: "petala-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
}


.right .body a{
	color:#7C387B;
}

.right .body li{
	margin-bottom:8px;
	vertical-align:middle;
}



p{
	margin:0;
	margin-bottom:8px;
	line-height:160%;
}

#clientLogos .logoWrapper{
	float:left;
	border-bottom:1px solid #888;
	width:175px;
	text-align:center;
	padding-bottom:20px;
	margin: 0 8px 20px 0;
	margin-left:0;
	position:relative;
}

#clientLogos .logoWrapper:nth-of-type(5n+5){
	margin-right:0;
}

#clientLogos .logoDescription{
	position:absolute;
	top:104px;
	width:155px;
	padding:20px 10px;;
	text-align:center;
	background: top center #ccc url(../images/client_list/arrow_down.png) no-repeat;
	z-index:3;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
}


/*************** showcase ***************/

#showCase{
	width:1100px;
	height:500px;
	background-color:#e2e2e2;
	margin-bottom:100px;
}

#showCaseSlider li div{
	background-color: rgba(255, 255, 255, 0.5);
	width:1100px;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;
	filter: alpha(opacity=50);
}

#showCaseSlider li div h1{
	margin:8px 0 5px 40px;
	padding:0;
	font-weight:normal;
	font-size:20px;
	color:#333;
}

#showCaseSlider li div p{
	margin:0 0 0 40px;
	width:800px;
	font-size:15px;
	color:#333;
}

/*************** showcase ***************/

#mp3Wrapper{
	padding:5px 0;	
}

/*************** news ***************/

#newsListing .article .date{
	font-size:11px;	
}


#newsListing .article h1{
	font-size:14px;
	padding:0;
	margin:0;
	margin-bottom:15px;
}



/*************** footer ***************/

#footer{
	border-bottom:10px solid #7C387B;
}

#footer #copyright, #footer #socialMedia, #footer #links{
	float:right;
	margin-left:20px;
	height:30px;
	padding-top:25px
}

#footer #copyright, #footer #links{
	line-height:22px;	
}

 #footer #links a{
	 color:#7B3579;
	 text-decoration:none
 }
 
 /*************** quotes ***************/
 
 #quote{
	float:right;
	margin-right:50px;
}

#quote dt, #quote dd{
	font-family: "petala-pro",sans-serif;
	color:#7C387B;
	font-size:18px;
	width:350px;
	font-weight:normal;
	margin-left:0;
	padding-left:0;
	line-height:160%;
}

#quote dt{
	margin-bottom:10px;	
}

#quote dd{
	text-transform:uppercase;
	font-size:15px;
	width:330px;
	padding-left:20px;
	text-indent:-20px;
}

.clients #quote{
	float:left;
	margin-left:0;
	padding-top:20px
}

.clients #quote dt,.clients  #quote dd{
	width:150px;
	font-size:15px;
}
.clients  #quote dd{
	font-size:12px;	
}