/*
purple: #7C387B
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,600,700');

body{
	margin:0;
	padding:0;
	font-family:'Open Sans', 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
,.screenContainer{
	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:42px;
	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 li li a{
	margin-left:0;
}

#nav a span{
	display:none;
}

#nav > ul{
	margin:0;	
}

#nav li{
	display:inline-block;
	position:relative;
}

#nav li li{
	display:block;
	width:100%;
	white-space:nowrap;
	margin-bottom:8px;
}

#nav li li:last-child{
	margin-bottom:0;
}



#nav li ul{
	position:absolute;
	margin-left:0;
	padding-left:0;
	left:-99999px;
	z-index:9999;
	background-color:#ccc;
	list-style:none;
	padding:10px;
}

#nav li:hover ul{
	left:0;
}

#nav li{
	text-wrap:none !important;
}

#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;
}

#nav a.checkout{
	font-weight:bold;
	color:#7C387B;
	text-decoration:underline;
}

#home a.home, #home a.home span,
#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,
#checkout a.checkout, #checkout a.checkout span{
	color:#7C387B;
	display:inline;
}

#checkoutNavButton{
	position:absolute;
	right:0;
	top:25px;
	background-color:#7C387B;
	padding:5px 15px;
	color:#fff;
	text-decoration:none;
}

/*************** bread crumbs ***************/

#breadCrumbs{
	font-size:12px;	
}

#breadCrumbs a{
	text-decoration:none;
	color:#7B3579;
	font-weight:bold;
}

#breadCrumbs .breadCrumbSpacer::before{
	content:"\f054";
	font-family:"FontAwesome";
	color:#888;
	display:inline-block;
	margin:0 10px;
	font-size:10px;
}


/*************** 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:24px;
font-family:"Open Sans Condensed", Arial, sans-serif;
margin:0;
margin-bottom:15px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
}

.purpleH1.cardHead{
	text-transform:none;	
}

.purpleH2{
font-family:"Open Sans Condensed", Arial, sans-serif;
color:#7B3579;
font-size:24px;	
font-weight:700;
}


.dialectSite h2{
	color:#7C387B;
	font-weight:700;
	font-family:"Open Sans Condensed", Arial, sans-serif;
}

.dialectSite h3{
	color:#7C387B;
	font-weight:400;
	text-transform:uppercase;
	font-family:"Open Sans Condensed", Arial, sans-serif;
}


.right .body{
	font-size:14px;
	float:left;
	font-family: "Open Sans",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);
}

a.previewLink{
	color:#E17737 !important;
}


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

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

#showCaseSlider li div{
	background-color: rgba(255, 255, 255, 0.5);
	width:910px;
	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;	
}

i.collapsed{
	float:right;
	font-size:80%;
	cursor:pointer;	
}

/************* Columns *************/

.row [class^="col"] {
	display:inline-block;
	vertical-align:text-top;
}

.col-1 {
  width: 4.33%;
}

.col-2 {
  width: 12.66%;
}

.col-3 {
  width: 21%;
}

.col-4 {
  width: 29.33%;
}

.col-5 {
  width: 37.66%;
}

.col-6 {
  width: 46%;
}

.col-7 {
  width: 54.33%;
}

.col-8 {
  width: 62.66%;
}

.col-9 {
  width: 71%;
}

.col-10 {
  width: 79.33%;
}

.col-11 {
  width: 87.66%;
}

.col-12 {
  width: 96%;
}

/************* form *************/

.purpleButton{
	background-color:#7B3579;
	padding:5px 15px;
	color:#fff;
	font-family:"Open Sans Condensed", Arial, sans-serif;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
	border-radius:8px;
	letter-spacing:1px;
	display:inline-block;
	margin-right:10px;
	cursor:pointer;
	border:none;
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #3c763d;
    color: #3c763d;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #CAC6B5;
    color: #8a6d3b;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #C2B2B2;
    color: #a94442;
}

/************* grid *************/
.gridlist{
border-collapse:collapse;
}


.gridlist td, .gridlist th{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	padding:2px 2px 2px 4px;
	border-bottom:1px solid #E0DFE3;
	border-right:1px solid #E0DFE3;
	text-align:left;
}

.gridlist tr.gridheads td, .gridlist th{
	background-color:#E0DFE3;
	-moz-border-bottom-colors:#93A0BF #B7BFD5 #C7CEDE;
	border-top: 1px solid #93A0BF;
	border-bottom: 3px solid #93A0BF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #93A0BF;
}

.gridlist tr.gridheads a, .gridlist th a{
	text-decoration:none;
	color:#000000;
}

.gridlist tr.gridheads a:hover, .gridlist th a:hover{
color:#900;
}

.gridlist .id, .gridlist tr td:first-child,.gridlist tr th:first-child{
	background-color:#E0DFE3;
	-moz-border-bottom-colors:#93A0BF #B7BFD5 #C7CEDE;
	border-bottom: 3px solid #93A0BF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #93A0BF;
	width:15px;
}

.gridlist tr:nth-child(2n+3) td:nth-child(n+2){
	background-color:#F5F5F5;
}

#sort li:nth-child(2n+2) .gridlist tr td:nth-child(n+2){
	background-color:#F5F5F5;	
}

.gridlist .listover td{
background-color:#990000;
color:#ffffff;
border-right: 1px solid #fff;
}

.gridlist .listover a,.gridlist .listover a:hover{
color:#ffffff;
}

input.custom[type='checkbox'] {
	opacity:0;
    width: 18px;
	position:absolute;
}

input.custom[type='checkbox'] + label {
    clear: none;
    padding: 10px 0 9px 60px;
    cursor: pointer;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAABKCAMAAAAouTxrAAAAA3NCSVQICAjb4U/gAAABWVBMVEX///8AAAAfEwAYDgAODg4AAABsQQBlPQBcNwBYNQBRMQAzMzNMLgBCKAAoKCg3IQAhISEtGwAbGxsfEwAKCgoRCgCSWABYWFiGUABSUlJ7SgBMTExxRABsQQBCQkKgYABiYmLFdgC8cQC1bQBzc3NtbW3OfADFdgC8cQBzc3PYggDTfwDOfAB+fn7iiADchACGhobniwDiiACMjIztjgCUlJSMjIzFxcW9vb21tbWtra33nBKkpKTxkQCZmZmUlJTW1tbMzMz5x3v4wGz4qzb5pCP3nBL3lADxkQCZmZmUlJT97tbn5+f84rve3t7W1tb5x3v4wGy1tbX5qzWtra35pCP3nBL8lwD3lACZmZmUlJT/////+fD4+Pjw8PD97tb/7NDn5+f/37De3t7W1tbMzMz/xnDFxcX/v2C9vb21tbX/rDD/piCtra3/nxCkpKT/mQD8lwCZmZmvJzxYAAAAc3RSTlMAESIiIiIzMzMzMzMzMzMzMzMzMzMzREREREREREREVVVmZmZmZnd3d3eIiIiImZmZqqqqu7u7zMzMzMzMzMzM3d3d3d3d3d3d3d3u7u7u7u7u7u7u7u7u7u7u////////////////////////////////vNNFwQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAVdEVYdENyZWF0aW9uIFRpbWUAOS8yMC8xNOhBwaEAAALKSURBVFiF5Zb9V9JQGMe1XG+E2qtgYEQiJWElBL0wB724WKll2Bh3TBETLVHZ//9DY2Pb3X3uhU1Pp9Pp++PO+Zz73b3P832esbHza3yU2BTHFoMcDjkolZrJKTpdilRITULQxKKCXttoIkPN9mG309Jwrb9ckbKTBGhiz/RNE7LU7JzsaV6tr0hRL2hgIUFvIY9aJz8IUCtK8zjYP03Sm4hQs9shwbKUckHLJMAMEFjVykqCw7gEadK22iLBV8L0ADRdbtIwhDrAqVadN55jwM3RXFq/CLiKwFkHGlyhRscQOgR/qFXvDTiOUzZYXPsn4EpZh2PZ7F8p4IoF6wf7HAtDCHIVyQ+nA047K9c4m88ydl6Qe6m49xLoHV5nB9w4lwv07lGnXqLMOqPYFCYcjl3XoHW16mPObQhmHwGsKNy0G7B/YI7at902fISot+Ff0HICuCyDgJmGuQSxiuLBzBycGJ2DJWGGFqAJSa/t2blLhuDnYqmRDdEDmwvZOa9UCSmNQoo6IJy5cjs0BzXJmisWOHQiMQegPTcZo49F4ajfWft39M/sBZcX+HrvFKrXk8V8MszYC64syTxfJ5Djg121X7Lq2rvVzHVaWadlXgYn7atui6hvxQjYCy4siiKgjna8Lbm9lST3giURHvZLRYTU9w+9MZGmYEcAM8Ct+/heMEsxeboDMYQ+8VPYXrDMQ2yfhiH0JenuBWEZujymuDSdvnH3ggzluAM6htDXWWe+8xRul8WtLTqcTFaJIYZNw2jemX+0mmRhCIkOR8H+AFc/t0/K8/m6l2DvkHH2goVA7x5x6uVqkDpbvejuBUHqOo3tBTHZbx9t8zfwvcB3336IeBv+qb+c+EYGzNSyr1x6APYC7pE4Mgf5u7QAvfRc5sGZWO5+B7lr5/ytJ7wsiuJHQsYnWc4nh+8Fd67FDMXjMUzx8H+3F/wGQRJyNmXMO1oAAAAASUVORK5CYII=') 0 top no-repeat;
	display:inline-block;
}

input.custom[type='checkbox']:checked + label {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAABKCAMAAAAouTxrAAAAA3NCSVQICAjb4U/gAAABWVBMVEX///8AAAAfEwAYDgAODg4AAABsQQBlPQBcNwBYNQBRMQAzMzNMLgBCKAAoKCg3IQAhISEtGwAbGxsfEwAKCgoRCgCSWABYWFiGUABSUlJ7SgBMTExxRABsQQBCQkKgYABiYmLFdgC8cQC1bQBzc3NtbW3OfADFdgC8cQBzc3PYggDTfwDOfAB+fn7iiADchACGhobniwDiiACMjIztjgCUlJSMjIzFxcW9vb21tbWtra33nBKkpKTxkQCZmZmUlJTW1tbMzMz5x3v4wGz4qzb5pCP3nBL3lADxkQCZmZmUlJT97tbn5+f84rve3t7W1tb5x3v4wGy1tbX5qzWtra35pCP3nBL8lwD3lACZmZmUlJT/////+fD4+Pjw8PD97tb/7NDn5+f/37De3t7W1tbMzMz/xnDFxcX/v2C9vb21tbX/rDD/piCtra3/nxCkpKT/mQD8lwCZmZmvJzxYAAAAc3RSTlMAESIiIiIzMzMzMzMzMzMzMzMzMzMzREREREREREREVVVmZmZmZnd3d3eIiIiImZmZqqqqu7u7zMzMzMzMzMzM3d3d3d3d3d3d3d3u7u7u7u7u7u7u7u7u7u7u////////////////////////////////vNNFwQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAVdEVYdENyZWF0aW9uIFRpbWUAOS8yMC8xNOhBwaEAAALKSURBVFiF5Zb9V9JQGMe1XG+E2qtgYEQiJWElBL0wB724WKll2Bh3TBETLVHZ//9DY2Pb3X3uhU1Pp9Pp++PO+Zz73b3P832esbHza3yU2BTHFoMcDjkolZrJKTpdilRITULQxKKCXttoIkPN9mG309Jwrb9ckbKTBGhiz/RNE7LU7JzsaV6tr0hRL2hgIUFvIY9aJz8IUCtK8zjYP03Sm4hQs9shwbKUckHLJMAMEFjVykqCw7gEadK22iLBV8L0ADRdbtIwhDrAqVadN55jwM3RXFq/CLiKwFkHGlyhRscQOgR/qFXvDTiOUzZYXPsn4EpZh2PZ7F8p4IoF6wf7HAtDCHIVyQ+nA047K9c4m88ydl6Qe6m49xLoHV5nB9w4lwv07lGnXqLMOqPYFCYcjl3XoHW16mPObQhmHwGsKNy0G7B/YI7at902fISot+Ff0HICuCyDgJmGuQSxiuLBzBycGJ2DJWGGFqAJSa/t2blLhuDnYqmRDdEDmwvZOa9UCSmNQoo6IJy5cjs0BzXJmisWOHQiMQegPTcZo49F4ajfWft39M/sBZcX+HrvFKrXk8V8MszYC64syTxfJ5Djg121X7Lq2rvVzHVaWadlXgYn7atui6hvxQjYCy4siiKgjna8Lbm9lST3giURHvZLRYTU9w+9MZGmYEcAM8Ct+/heMEsxeboDMYQ+8VPYXrDMQ2yfhiH0JenuBWEZujymuDSdvnH3ggzluAM6htDXWWe+8xRul8WtLTqcTFaJIYZNw2jemX+0mmRhCIkOR8H+AFc/t0/K8/m6l2DvkHH2goVA7x5x6uVqkDpbvejuBUHqOo3tBTHZbx9t8zfwvcB3336IeBv+qb+c+EYGzNSyr1x6APYC7pE4Mgf5u7QAvfRc5sGZWO5+B7lr5/ytJ7wsiuJHQsYnWc4nh+8Fd67FDMXjMUzx8H+3F/wGQRJyNmXMO1oAAAAASUVORK5CYII=') left -37px no-repeat;
}

a.inlineLinkButton{
	padding:10px 20px;
	background-color:#7C387B;
	color:#ffffff !important;
	display:inline-block;
	border-radius:10px;
}

#loggedInAs{
	float: right;
	padding: 5px 0;
}

#previewTaskbar{
	background-color:#7C387B;
	padding:5px 0;
}

#previewTaskbar div{
	color:#fff;
	text-align: right;
}

#previewTaskbar a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	position:relative;
	margin-left:15px;
}

#previewTaskbar a:not(:last-child):after{
	content:"|";
	position:absolute;
	right: -20px;	
}

#previewTaskbar a:not(:last-child){
	margin-right:15px;
	
}


.verification-form{
	max-width: 400px;
	width: 100%;
	padding-top: 20px;

}

.verification-form [type="text"]{
	width: 100%;
	padding: 10px;
	margin: 5px 0;
	box-sizing: border-box;
}

.verification-form [type="submit"]{
	width: 100%;
	padding: 10px;
	margin: 5px 0;
	box-sizing: border-box;
	background-color: #7C387B;
	color: #fff;
	border: none;
	cursor: pointer;
}