/* CSS Document */

body{
margin:0px;
font-family:"Trebuchet MS";
background-color:#ebecec;
background-image:url(/images/bodyBg.gif);
background-repeat:repeat-y;
background-position:center;}

#holdingDiv{
background-color:#FFFFFF;
width:895px;
margin-left:auto;
margin-right:auto;
}

#header{
height:184px;
}

#menu{
margin-top:-3px;
text-align:center;
height:27px;
width:525px;
float:right;
}

#menu ul{
margin:0px;
padding:0px;
font-size:1em;}

#menu li{
list-style-type:none;
clear:none;
display:inline;
vertical-align:super;
margin-right:10px;
}


#menu a{
color:#666666;
font-size:0.9em;
text-decoration:none;
}

#menu span{
border-bottom:5px solid #666666;}

#menu a:hover{
color:#000000;}

#menu a.current span{
border-bottom:5px solid #e53a8e;}

#logoNstrap{
float:left;
width:307px;
}

img.logo{
margin-left:23px;
margin-top:7px;
margin-bottom:10px;
}

#logoNstrap p{
float:right;
clear:right;
text-align:right;
background-color:#e53a8e;
margin-bottom:2px;
margin-top:2px;
color:#FFFFFF;
font-size:1em;
padding:1px;
font-weight:bold;
}

#headerQuote{
float:right;
clear:right;
width:550px;
}

#headerQuote p.line1{
margin-top:70px;
font-size:1.4em;
float:right;
text-align:right;
margin-right:108px;
background-color:#c20662;
color:#FFFFFF;
display: inline;
margin-bottom:0px;
padding:1px 5px 1px 5px;
}

#headerQuote p.line2{
margin-top:5px;
font-size:1.4em;
float:right;
clear:both;
text-align:right;
margin-right:50px;
background-color:#c20662;
color:#FFFFFF;
display: inline;
padding:1px 5px 1px 5px;
}

#body{
margin-top:13px;
background-color:#FFFFFF;
}

h1{
color:#e53a8e;
font-size:1.3em;
margin-bottom:3px;
margin-top:0px;}

h2{
font-size:0.9em;
margin-bottom:3px;
color:#333333;}

a{
color:#e53a8e;}

p{
font-size:0.85em;
margin-top:3px;
line-height:1.3em;}

ul.clients {
font-size:0.8em;
margin-top:3px;
line-height:1.25em;
margin-left:15px;
padding-left:5px;
}

ul.clients li{
margin-left:0px;}

ul.services {
padding:1px;
margin:1px;
font-size:0.85em;}


#textContent{
width:480px;
float:left;
margin-left:19px;
display: inline;
background-color:#FFFFFF;
}

#textContent ul{padding-left:20px;}

#textContent.caseStudy{
width:425px;}

#textContent h1 + p{
font-weight:bold;
margin-bottom:5px;}

.textCol{
float:left;
width:200px;
margin-right:10px;
}

.textCol h2{
margin-top:0px;}

.textCol p{
font-size:0.75em;}


#rightCols{
float:right;
width:383px;
}

#rightCols.caseStudy{
width:425px;
background-color:#0099CC;
margin-right:20px;
display:inline;
}

.screenshot{
margin:10px;}

.padding{
padding:5px;
padding-bottom:1px;
}


.small {
font-size:0.75em;
background-color:#cee2f9;
margin-bottom:5px;
padding:0px;
}

.small p{
margin-bottom:3px;}


h2.portfolio {
	margin-top:0px; 
	color: #e53a8e;
}


#rightCol1{
float:left;
width:167px;
}

#rightCol2{
float:right;
width:190px;
margin-right:18px;
display:inline;
background-color:#f5f8fb;
font-size:0.9em;
}

#rightCol2 h1{
margin-top:0px;
margin-bottom:0px;
font-size:1.1em;}

#rightCol2 p{
margin-bottom:10px;
margin-top:2px;
}

#footer{
background-image:url(/images/footerStripes.gif);
background-repeat:repeat-x;
padding-top:20px;
background-color:#FFFFFF;
clear:both;
width:896px;
margin-left:auto;
margin-right:auto;}

#footer p{
margin:4px;
font-size:0.7em; color: #666666;
}