/*
    Document   : screen
    Created on : 19-Jan-2009, 17:35:45
    Author     : mfleming
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.clear{
	clear: both;
}

h1,h2,h3,h4{
	font-family: Arial,Helvetica,sans-serif;
}

.small{
	font-size: 0.9em;
}

.slink{
	text-decoration: none;
	cursor: text;
}

.floatr{
	float: right;
	padding: 0 0 20px 20px;
}

a img{
    border: 0;
}

a{
	text-decoration: underline;
	color: #424242;
}

abbr{
	border: 0;
}

*{
    margin: 0;
    padding: 0;
    outline: 0;
}

th{
	color: #8a8a8a;
	font-weight: normal;
	text-align: left;
}

td{
	padding: 0 20px 0 0;
}

td:first-child{
	width: 150px;
}

td{
	width: 80px;
}

body{
    background: #fff url(bg.gif) repeat-x 0 0;
    font-size: 62.5%;
	/*font-family: Arial,Helvetica,sans-serif;*/
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',sans-serif;

}

#header{
	color: #fff;
	font-size: 1.25em;
	/*height: 394px;*/
	width: 950px;
	margin: auto;
	background: #9E006B url(bg.gif) repeat-x 0 0;
	position: relative;
	overflow: hidden;
	padding: 0 0 0 50px;
}


#header #feature{
	background: url(pg_tips.jpg) no-repeat right bottom;
	/*top: -257px;
	right: 0;
	z-index: 50;*/
	padding: 25px 0 0 0;
	overflow: auto;
	height: 369px;
}

#header #feature a{
	text-decoration: none;
	color: #fff;
}

#header #feature a:hover,#header #feature a:focus{
	text-decoration: underline;
}

#header form{
	background: url(formDiv.gif) no-repeat 0 100%;
	position: absolute;
	right: 50px;
	top: 20px;
	width: 329px;
}

#header form div{
	background: url(form.gif) no-repeat 0 0;
	padding: 5px 0 5px 0;
	min-height: 22px;
}

#header form label{
	display: block;
	color: #AF0077;
	margin: 4px 0 0 5px;
	float: left;
}

#header form input{
	background: transparent;
	border: 0;
	overflow: hidden;
	color: #fff;
	font-size: 0.85em;
	width: 172px;
	font-family: Arial,Helvetica,sans-serif;
	margin: 6px 0 0 10px;
	float: left;
}

#header form .btn{
	padding: 0;
	border: 0;
	cursor: pointer;
	background: url(submit.gif) no-repeat 0 0;
	text-indent: 22px;
	padding: 0 0 0 22px;
	height: 22px;
	margin: 0;
	width: 22px;
	overflow: hidden;
}

.mainmenu{
	font-size: 1.3em;
	text-transform: lowercase;
	list-style: none;
	position: absolute;
	right: 0;
	top: 70px;
	margin: 0 50px 0 0;
	z-index: 100;
	font-family: Arial,Helvetica,sans-serif;
}

.mainmenu li{
	float: left;
	padding: 0 0 0 38px;
}

.mainmenu a{
	text-decoration: none;
	color: #fff;
}

#header li.active a{
	text-decoration: none;
	color: #AF0077;
}

#header a:hover, #header a:focus{
	text-decoration: underline;
}

#header p{
	line-height: 1.3em;
	margin: 0 0 1.1em 0;
	padding: 0 520px 0 0;
}

h1{
	/*color: #AF0077;*/
	color: #DD0095;
	font-size: 2.6em;
	letter-spacing: -1px;
	clear: both;
	background: url(provoke.gif) no-repeat 0 0;
	margin: 0 0 0.4em 0;
	padding: 100px 520px 0 0;
	line-height: 1em;
}

#docarea{
	width: 1000px;
	margin: auto;
	font-size: 1.15em;
	line-height: 1.35em;
	position: relative;
}

#leftcol{
	width: 194px;
	float:left;
	padding: 0 68px 30px 50px;
	font-size: 1.1em;
	color: #424242;
	position: relative;
	margin-top: -15px;
	z-index: 100;
	background: url(leftcol.jpg) no-repeat 65px 0;
	height: 700px;

}

#docarea>#leftcol{
	height: auto;
	min-height: 700px;
}

#leftcol h2{
	border-top: 1px solid #CFCFCF;
	font-weight: normal;
	color: #9F5785;
	font-size: 1.3em;
	padding: 10px 0;
	text-transform: lowercase;
}

#leftcol ul{
	list-style: none;
	font-size: 0.9em;
	padding: 0 0 15px 0;
	line-height: 1.6em;
}

#leftcol ul a{
	text-decoration: none;
	color: #333;
}

#leftcol ul a:hover,#leftcol ul a:focus{
	text-decoration: underline;
}

#leftcol .contact h2{
	font-size: 1em;
	color: #333;
	padding: 35px 0 0 0;
}

#leftcol .contact strong{
	display: block;
	color: #9F5785;
	font-size: 2.2em;
	letter-spacing: -1px;
	padding: 4px 0;
	font-family: arial, helvetica, sans-serif;
}

#leftcol .contact span{
	font-size: 0.8em;
}

#leftcol .contact a{
	color: #9F5785;
	font-weight: bold;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
	letter-spacing: -1px;
	font-size: 1.2em;
	display: block;
	padding: 15px 0;
}


#trail{
	font-size: 0.9em;
	margin: 0 0 1.5em 0;
	color: #999;
}

#trail a{
	text-decoration: none;
	color: #9F5785;
}

#trail a:hover, #trail a:focus{
	text-decoration: underline;
}

#rightcol h2{
	margin: 0 0 0.7em 0;
	color: #9F5785;
	font-size: 1.6em;
	letter-spacing: -1px;
	line-height: 0.9em;
	clear: both;
}

#rightcol h2.sub{
	margin: 1.5em 0 0.7em 0;
}

#rightcol h3{
	color: #9F5785;
	margin: 0 0 0.5em 0;
	font-size: 1.1em;
}

#rightcol h4{
	font-size: 1em;
	margin: 0;
}

#rightcol p{
	margin: 0 0 1.5em 0;
}

#rightcol ul, #rightcol ol{
	margin: 0 0 1.5em 20px;
}

dt{
	font-weight: bold;
}

dd{
	margin: 0 0 1.5em 0;
}

#rightcol #cta{
	color: #2E2F33;
	font-size: 1.7em;
	letter-spacing: -1px;
	line-height: 1.1em;
	margin-top: 30px;
	font-family: Arial,Helvetica,sans-serif;
	background: url(cta.jpg) no-repeat 0 0;
	min-height: 78px;
	padding: 0 0 0 80px;
}

#rightcol #cta strong{
	background:  #FDFBE2;
	display: block;
	padding: 15px 50px 0 43px;
	height: 57px;
	border-top: 1px solid #fff;
}

#rightcol #cta>strong{
	height: auto;
	min-height: 57px;
}

#rightcol #cta a{
	text-decoration: none;
}

#rightcol #cta a span{
	color: #D01087;
}

#rightcol #cta a:hover span,#rightcol #cta a:focus span{
	text-decoration: underline;
}

#rightcol .col{
	float: left;
	width: 172px;
	padding: 0 27px 30px 0;
	font-size: 0.95em;
}
#rightcol #last-child{
	padding: 0;
}

#rightcol .col h2{
	font-size: 1em;
	text-transform: lowercase;
	color: #999;
	margin: 0 0 0.5em 0;
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: normal;
}

#rightcol .col.home em{
	min-height: 90px;
	font-family: Arial,Helvetica,sans-serif;
}


#rightcol .col em{
	display: block;
	font-style: normal;
	color: #9F5785;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 0.6em 0;
}

#rightcol .col p{
	margin: 0 0 0.8em 0;
}

#rightcol .col.home p{
	min-height: 80px;
}

#rightcol .col p strong{
	color: #883566;
}

#rightcol .col ul{
	list-style: none;
	margin: 0;
}

#rightcol .col li{
	border-bottom: 1px dotted #898989;
	padding: 3px 0 3px 10px;
	background: url(colli.png) no-repeat left center;
}

#rightcol .col li a{
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
}

#rightcol .col li a:hover, #rightcol .col li a:focus{
	color: #883566;
}

#rightcol .case_study_list{
	list-style: none;
	margin: 0;
}

#rightcol .case_study_list li{
	width: 178px;
	float: left;
	padding: 0 20px 0 0;
	height: 200px;
}

#rightcol .case_study_list>li{
	height: auto;
	min-height: 200px;
}

#rightcol .case_study_list li.one{
	clear: both;
}


#rightcol .case_study_list li.three{
	padding: 0;
}

#rightcol #paignation{
	clear: both;
}

#rightcol .case_study_list a{
	text-decoration: none;
	color: #9F5785;
	display: block;
}

#rightcol .case_study_list a:hover,#rightcol .case_study_list a:focus{
	text-decoration: underline;
}

#rightcol .case_study_list h2{
	font-size: 1em;
	margin: 0 0 0.1em 0;
	font-weight: normal;
	letter-spacing: normal;
}

#rightcol .case_study_list p{
	margin: 0 0 1em 0;
}

#rightcol .case_study_list img{
	background: url(portfoliobg.png) no-repeat 0 0;
	padding: 8px;
	margin: 0 0 0.5em 0;
	position: relative;
	left: -5px;
}

#rightcol .case_study_list strong{
	font-weight: normal;
	color: #9F5785;
}

#rightcol form{
	width: 550px;
}

#success{
	display: none;
}

#rightcol form p.error{
	margin: 0 0 10px 0;
	display: none;
	color: red;
	background: #ffffcc;
	padding: 5px;
	text-align: center;
	border: 1px dashed red;
}

#rightcol form p.serror{
	margin: 10px 0 10px 0;
	color: red;
	background: #ffffcc;
	padding: 5px;
	text-align: center;
	border: 1px dashed red;
}

#rightcol form p.serror a{
	color: red;
	text-decoration: underline;
}

#rightcol form .focus{
	background: #ccc;
}

#rightcol form .highlight{
	background: #222;
}

#rightcol form .highlight.focus{
	background: #444;
}

#rightcol form p{
	margin: 0 0 5px 0;
}

#rightcol form div{
	clear: both;
	padding: 5px;
	margin: 0 0 10px 0;
}

#rightcol form label{
	display: block;
	float: left;
	width: 170px;
}

#rightcol form input{
	width: 340px;
	font-size: 1em;
	padding: 2px;
}

#rightcol button{
	margin: 0 0 0 170px;
	cursor: pointer;
	background: #9D006B;
	color: #fff;
	border: 0;
	padding: 5px 10px;
	font-size: 1.5em;
}

#rightcol textarea{
	font-size: 1.1em;
	font-family: Arial,Helvetica,sans-serif;
	padding: 2px;
	width: 340px;
}

#rightcol{
	width: 600px;
	float: left;
	padding: 0 25px 30px 0;
	color: #424242;
}

#portfolioright{
	line-height: 1.2em;
}

#portfolioright h3{
	margin: 0 0 1em 0;
	font-size: 1em;
}

#portfolioright p{
	margin: 0 0 1em 0;
}

#portfolioright img{
	background: url(portfoliobg.png) no-repeat 0 0;
	padding: 3px 3px 11px 3px;
	margin: 0 0 1em 0;
}

#portfolioright strong{
	font-weight: normal;
	color: #9F5785;
}

#portfolioright a{
	color: #9F5785;
	text-decoration: none;
}

#portfolioright a:hover,#portfolioright a:focus{
	text-decoration: underline;
}

#clients{
	clear: both;
	margin: 0 50px;
	color: #999;
}

#clients p{
	padding: 5px;
}

#clients img{
	border-top: 1px solid #E4E4E4;
}

#menuContainer{
	background: #DDDDDD url(menuContainer.png) repeat-y 100% 0;
	margin: 0 50px;
	border-top: 10px solid #ddd;
	color: #999;
	/*color: #666;*/
	clear: both;
	height: 1px;
}

#docarea>#menuContainer{
	height: auto;
}

#menuContainer div{
	float: left;
}

#menuContainer div.menu{
	width: 196px;
}

#menuContainer div.menu.first-child{
	padding: 0 0 0 18px;
}

#menuContainer h2{
	color: #fff;
	font-size: 1em;
	text-transform: lowercase;
}

#menuContainer a{
	text-decoration: none;
	/*color: #999;*/
	color: #666;
}

#menuContainer a:hover, #menuContainer a:focus{
	text-decoration: underline;
}

#menuContainer ul{
	list-style: none;
}

#menuContainer p{
	clear: both;
	margin: 0 12px;
	border-top: 15px solid #ddd;
	background: #ddd;
}

#menuContainer p span{
	display: block;
	border-top: 1px solid #fff;
	padding: 5px 0;
	color: #666;
}

#tagCloud{
	padding: 0 0 0 15px;
	width: 235px;
}

#tagCloud p{
	text-indent: 10px;
	margin: 0 0 30px 0;
	border: 0;
}

#tagCloud img{
	position: relative;
	left: -10px;
	top: 3px;
}

#tagCloud strong{
	color: #9F5785;
	font-size: 2.3em;
	letter-spacing: -1px;
	display: block;
	padding: 0 0 20px 0;
}


#rightcol h2.blogpull{
	background: #d3b5c8 url(blogpull.h2.jpg) no-repeat 0 0;
	color: #fff;
	width: 526px;
	padding: 20px 0 10px 70px;
	min-height: 26px;
	margin: -10px 0 0 0;
}

#rightcol ul.blogpull{
	background: #F7F7F7;
	margin: 0 0 0 9px;
	padding: 0;
	list-style: none;
	width: 585px;
	border-color: #CFCFCF;
	border-width: 0 1px 1px 1px;
	border-style: solid;
}

#rightcol ul.blogpull li{
	margin: 0 19px 0 18px;
	border-bottom: 1px solid #CFCFCF;
	padding: 7px 0 8px 43px;
	background: url(blogpull.li.jpg) no-repeat 0 5px;
}

#docarea #rightcol ul.blogpull li.last-child{
	border: 0;
	padding: 5px 0 10px 43px;
}

#rightcol ul.blogpull a{
	text-decoration: none;
	color: #9F5785;
}

#rightcol ul.blogpull a:hover,#rightcol ul.blogpull a:focus{
	text-decoration: underline;
}


#footer{
	background: url(footer.png) no-repeat 100% 11px;
	margin: 0 50px 0 60px;
	color: #999;
	padding: 10px 0 30px 0;;
}

#footer ul, #footer li{
	display: inline;
}

#footer li{
	background: url(li.png) no-repeat left center;
	padding: 0 9px 0 10px;
}

#footer li.first-child{
	padding: 0 9px 0 2px;
	background: none;
}

#footer a{
	text-decoration: none;
	color: #999;
}

#footer a:hover, #footer a:focus{
	text-decoration: underline;
}

#footer2{
	background: #111 url(footer2.png) repeat-x 0 0;
	color: #fff;
	font-size: 1.1em;
	padding: 45px 0 0 0;
}

#footer2 #inner{
	background: url(footer2.inner.jpg) no-repeat right bottom;
	width: 961px;
	margin: auto;
}

#footer2 h2{
	border-bottom: 1px solid #444;
	font-size: 1em;
	font-weight: normal;
}

#footer2 h2 span{
	position: relative;
	top: -5px;
	left: 5px;
}

#footer2 .readon,#footer2 .time{
	color: #9F5785;
}

#footer2 .left{
	width: 445px;
	float: left;
	padding: 0 35px 50px 0;
}

.bloglist,.twitterlist{
	list-style: none;
}

.bloglist li{
	border-top: 1px solid #333;
	border-bottom: 1px solid #111;
	padding: 10px 0 10px 0;
}

.bloglist li.first-child{
	border-top: 0;
}

.bloglist li.last-child{
	border-bottom: 0;
}

.bloglist h3{
	color: #9F5785;
	font-weight: normal;
	font-size: 1em;
}

.twitterlist li{
	padding: 10px 0 12px 0;
}

#footer2 .right{
	width: 205px;
	float: left;
}

#footer2 .contact{
	width: 241px;
	float: left;
	padding: 0 0 0 35px;
	color: #9F5785;
}

#footer2 .contact img{
	padding: 0 0 15px 0;
}

#footer2 .contact p{
	margin: 0 0 1em 0;
}

#footer2 .contact span{
	color: #fff;
	font-size: 2.2em;
	line-height: 1.5em;
}

#footer2 .contact a{
	color: #fff;
	font-size: 1.4em;
}

#footer2 .menu.first-child{
	clear: left;
}

#footer2 em.title{
	display: block;
	clear: both;
	font-family: 'times new roman',times,serif;
	font-style: normal;
	font-size: 3.5em;
}

#footer2 .menu{
	float: left;
	width: 205px;
	margin: 0 35px 0 0;
	padding: 0 0 40px 0;
	overflow: hidden;
}

#footer2 .menu.first-child{
	clear: left;
}

#footer2 .menu h2{
	color: #9F5785;
	padding: 0 0 5px 0;
}

#footer2 .menu ul{
	list-style: none;
	padding: 5px 0 0 0;
}

#footer2 .menu ul li{
	padding: 1px 0;
}

#footer2 a{
	text-decoration: none;
	color: #fff;
}

#footer2 a:hover,#footer2 a:focus{
	text-decoration: underline;
}

#footer2 .copyright{
	font-size: 0.9em;
	padding: 5px 0 25px 0;
}