/*
20 DEV styles

bg color: #C7D0B5
dk green (nav): #3D3D31

*/

body{background:url('../images/headerBG.gif') top center repeat-x; font-family:Arial, Helvetica, sans-serif; background-color:#C7D0B5;}
a:link, a:visited{text-decoration:underline;}
a:hover{text-decoration:none;}
p{line-height:18px;}
/*.header{background:url('../images/20devlogowebbigger.png') bottom center no-repeat; text-align:left; margin-top:30px;}*/
.header{background:url('../images/20development_logo_web_new.png') bottom center no-repeat; text-align:left; margin-top:30px;}

/*BOX will be what we call every content box.  sizes dont matter this just gives
 the background color and border color*/
.box{background-color:#D3D9C4; border:1px solid #696D5F; font-size:.9em; padding:30px; text-align:left; overflow:hidden; width:93%;}
.boxNoBG{background-color:transparent;}

/*Misc. layout widths....note that widths in the class name do not match 
the actual width in the code, use the number in the name for the math
*/
.width25, .width50, .width75{float:left; margin-right:10px;}
.width25{width:23%;}
.width50{width:48%;}
.width75{width:73%;}


/*Typography*/
h1,h2,h3{margin-top: 30px;
	border-bottom: 1px solid #797979;
	margin-bottom: 10px;
	color: #607293;}
h1{font-size:2em; margin-bottom:20px;}
h2{font-size:1.6em; margin-bottom:15px;}
h3{	font-size: 1.3em;}
h4{font-size:1.0em;}
p{margin-bottom:10px;}
ul{/*list-style-image: url('');*/  list-style-type: disc; list-style-position: inside; line-height:18px; margin-left:15px;}



/*common styles*/
.floatR{float:right;}
.floatL{float:left;}
.clearB{clear:both;}
.hide{display:none;}

/*Page specific styles*/
#ourwork div.clienttext strong{display:block; font-weight:bold; font-size:18px;}
.portfolio .portItem{width:99%; margin-bottom:100px; clear:both;}
.portfolio .portItem img{float:right; border:10px solid #696d5f; margin-left:30px;}
.portfolio .portItem h2{border:0;}
.portfolio .portItem a{display:block; font-weight:bold; margin-top:10px;}

/*DIV specific styles*/
.contentArea a:link, .contentArea a:visited{color:#647479}
.footLeft{float:left;}
.footRight{float:right; font-size:.8em; text-align:right;}
.boxLeft{float:left; width:60%; padding-right:20px; border-right:1px solid black; /*font-size:1.1em;*/}
.boxRight{float:right; width:30%; text-align:justified; padding-right:15px;}
.input{margin-left:15px;}