@charset "UTF-8";

/* CSS Document */

* {margin: 0; padding: 0;}

body {

	text-align: center;

	color: #000000;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: medium;

	background-color: #FFFFFF;

	}

h1, h2, h3, h4, h5 p{font-weight: normal;}



a {

	color:#000;

	text-decoration: none;

	}

	

a:hover {

	color:#e9363a;

	text-decoration: underline;

	}





#wrapper {

	width: 862px;

	margin: 0 auto;	

	text-align: left;

	}

	

#header {

	width: 862px;

	height: 106px;

	border-bottom: 1px solid #000000;

	}

	

#header h1 {

	width: 177px;

	height: 106px;

	background: url(images/logo.gif) no-repeat;

	float: left;

	}

	

#header h1 a {

    float: left;

	width: 177px;

	height: 106px;

	display: block;

	text-indent: -9000px;

	text-decoration: none;

	}

#topgraphichome {

	height: 46px;

	width: 579px;

	margin: 20px 0px 0px 90px;

	float: left;

	display: block;

	}

	

#topgraphicabout {

	height: 76px;

	width: 429px;

	margin: 0px 0px 0px 240px;

	float: left;

	display: block;

	background:url(images/top01.gif) no-repeat;

	}

#topgraphicservices {

	height: 76px;

	width: 429px;

	margin: 0px 0px 0px 240px;

	float: left;

	display: block;

	background:url(images/top02.gif) no-repeat;

	}

#topgraphicpeople {

	height: 76px;

	width: 429px;

	margin: 0px 0px 0px 240px;

	float: left;

	display: block;

	background:url(images/top03.gif) no-repeat;

	}

#topgraphicportfolio {

	height: 76px;

	width: 429px;

	margin: 0px 0px 0px 240px;

	float: left;

	display: block;

	background:url(images/top05.gif) no-repeat;

	}

#topgraphiccontact {

	height: 76px;

	width: 429px;

	margin: 0px 0px 0px 240px;

	float: left;

	display: block;

	background:url(images/top04.gif) no-repeat;

	}







/*navigation*/

	

ul#mainnav {

	height: 20px;

	margin: 10px 5px 5px 270px;

	float: left;

	list-style: none;

	display: block;

	}



ul#mainnav li {

	width: auto;

	text-transform: uppercase;

	font-size: 13px;

	margin-right: 7px;

	float: left;

	display: block;

	}

	

ul#mainnav li a {

	text-decoration: none;

	}

	

ul#mainnav li a:hover{

	text-decoration: none;

	color:#e9363a;

	}



/*end  navigation*/



	

#main {

	width: 862px;

	height: 261px;

	float:left;

	background-image:url(images/flasharea.gif);

	}

#tag {

	width: 862px;

	height: 71px;

	float:left;

	background-image:url(images/tagandicons.gif);

	}



#bottom {

	width: 862px;

	height: 216px;

	float:left;

	margin:7px 0 0 0px;

	}



	

.bottombox{

	width: 293px;

	height: 202px;

	float:left;

	background:url(images/sampleproject.jpg) no-repeat;

	margin-right:18px;

	}



.bottombox h1{

	padding: 10px 0 8px 10px;

	display:block;

	font-size: 14px;

	font-weight: bold;

	}

	

.bottombox p{

	display:block;

	float:left;

	font: 12px Helvetica, Arial, sans-serif;

	margin: 10px 10px 10px 138px;

	color:#444444;

	line-height: 15px;

	}

	

.bottombox p a{

	margin: 0px;

	display:block;

	float:left;

	width: 118px;

	}



.bottombox p a hover{

	color:#e9363a;

	}



.bottomboxmiddle{

	width: 255px;

	height: 202px;

	float:left;

	}

	

.bottomboxmiddle h1{

	padding: 10px 0 8px 10px;

	display:block;

	font-size: 14px;

	font-weight: bold;

	}

	

.bottomboxmiddle h2{

	padding-left:20px;

	display:block;

	font: 14px bold;

	color: #e9363a;

	}

	

.bottomboxmiddle p{
	display:block;
	float:left;
	margin: 10px 25px 15px 20px;
	color:#999999;
	line-height: 18px;
	font: 17px Georgia, "Times New Roman", Times, serif;
	}

	

.bottomboxmiddle p a{
	margin: 10px 10px 0px 20px;
	font: 12px Helvetica, Arial, sans-serif;
	}



.bottomboxmiddle p a hover{

	color:#e9363a;

	}

	

.bottomboxright{

	width: 260px;

	height: 202px;

	float:left;

	background-color:#000;

	margin-left:25px;

	padding-left:10px;

	}



.bottomboxright h1{

	padding: 15px 0 8px 20px;

	display:block;

	font: 14px bold;

	color:#FFF;

	}

	

.blog{

	float:left;

	font: 12px Georgia, "Times New Roman", Times, serif;

	list-style: none;

	padding: 10px 5px 10px 5px;

	line-height: 14px;

	}

	
.blog p a{

	color:#FFF;

	}
	
.blog p{
	
	padding-bottom: 8px;

	}
	

#bottom ul li{

	color: #FFF;

	padding: 5px 10px 5px 10px;

	background:url(images/bullet.gif) no-repeat left;

	}	

	

/*SUBPAGES*/	



#centerwrapper{

	width: 862px;

	height: 483px;

	float:left;

	}

	

#featureflash{

	width: 862px;

	height: 438px;

	float:right;

	display:block;

	padding-top:10px;

	}



 #portfolionavleft{

	width:180px;

	height:438px;

	float:left;

	margin: 5px 0px 10px 0;

	}

 

 #portoflioflash{

	width: 520px;

	height: 438px;

	float:left;

	}



	

#onecolumn{

	width:842px;

	height: auto;

	float:left;

	margin: 41px 0 10px 0;

	padding: 10px;

	}

	

.contactblock{

	display:block;

	width:250px;

	float:left;

	margin: 41px 0 10px 50px;

	color:#4a4a4a;

	font: 13px Helvetica, Arial, sans-serif;

	line-height:18px;

	}

.contactblock a{ color: #e9363a;} 

				/*leftside*/	

#contentleft{

	width:464px;

	height: auto;

	float:left;

	margin: 41px 0 10px 0;

	padding-left: 10px;

	border-right: 1px dashed #000000;

	}

	

#contentleft h1{

	color:#4a4a4a;

	font-size: 48px;

	line-height: 55px;

	letter-spacing: -1pt;

	}

#contentleft h2{

	color:#4a4a4a;

	font-size: 55px;

	line-height: 42px;	

	letter-spacing: -1pt;

	}

#contentleft h3{

	color:#4a4a4a;

	font-size: 33px;

	line-height: 43px;	

	letter-spacing: -1pt;

	}

.medium {

	font-size: 42px;

	line-height:50px;

	letter-spacing: -1pt;

	color:#4a4a4a;

	}

.mediumred {

	font-size: 45px;

	letter-spacing: -1pt;

	color:#e9363a;

	}



.large {

	font-size: 72px;

	line-height:50px;

	letter-spacing: -1pt;

	color:#4a4a4a;

	}



.xlarge {

	font-size: 100px;

	line-height:50px;

	color:#e9363a;

	}

	

.contentleftportfolio{

	display:block;

	color:#4a4a4a;

	margin: 36px 32px 120px 174px;

	font: 12px Helvetica, Arial, sans-serif;

	line-height:23px;

	}

.contentleftabout{

	display:block;

	color:#4a4a4a;

	margin: 36px 32px 0px 174px;

	font: 12px Helvetica, Arial, sans-serif;

	line-height:23px;

	}

	

.contentleftpeople{

	display:block;

	color:#4a4a4a;

	margin: 36px 32px 80px 174px;

	font: 12px Helvetica, Arial, sans-serif;

	line-height:23px;

	}

	

#contentleft img{

	display:block;

	width: 420px;

	height: 88px;

	float:left;

	margin:30px 0 0 20px;

	}



#contentleftbio{

	width:95px;

	height: auto;

	float:left;

	margin: 5px 0px 10px 0;

	}



.bio{

	display:block;

	}

	

#contentleftbio p a{

	display:block;

	float:left;

	font: 11px Helvetica, Arial, sans-serif;

	color:#4a4a4a;

	margin: 25px 0px;

	}



.smheads{

	display:block;

	width: 35px;

	height: 35px;

	float:left;

	border:none;

	margin: 0 0px 10px 0px;

	}

	

#names {

	font: 12px  bold Helvetica, Arial, sans-serif;

	line-height:23px;

	float:left;

	margin:100px 0px;

	}

	

.smtitle{

	line-height:13px;

	}

	

.lghead{

	display:block;

	width:105px;

	height:105px;

	margin-top:10px;

	}

	





				/*rightside*/	

	

#contentright{

	width:387px;

	height: auto;

	float:left;

	margin-top: 41px;

	}

	

.portfolio{

	display:block;

	margin:70px 10px 0 60px;

	list-style: none;

	}

	

.portfolio li{

	text-decoration:none;

	font: 28px Georgia, "Times New Roman", Times, serif;

	color:#BBB;

	padding-bottom:10px;

	line-height:12px;

	}

	

.portfolio li a{

	text-decoration:none;

	padding-left: 15px;

	font: 14px Helvetica, Arial, "sans-serif bold";
	
	line-height:15px;

	}

	

.about{

	display:block;

	margin:110px 10px 0 60px;

	font: 15px bold;

	list-style-position: outside;

	list-style-image: url(images/redbullet.gif);

	}

	

.about li a{

	line-height:45px;

	text-decoration:none;

	margin-bottom:10px;

	}
	
	
.cms{

	display:block;

	margin:40px 10px 0 60px;

	font: 15px Helvetica, Arial, sans-serif;
	
	line-height:25px;

	list-style-position: outside;

	list-style-image: url(images/redbullet.gif);

	}

#callout{
	margin: 20px 10px 10px 40px;
	
	color:#AAAAAA;
	
	font-size: 28px;
	
	line-height: 32px;
	
	letter-spacing: -1pt;
	}


#contentright img{

	display:block;

	width: 370px;

	height: 167px;

	float:left;

	margin-left:10px;

	}

	

.services{

	display:block;

	margin:20px 10px 0 50px;

	font: 12px Helvetica, Arial, sans-serif;

	list-style: none;

	color:#777777;

	}

	

.services li{

	line-height:16px;

	text-decoration:none;

	margin-bottom: 10px;

	}

	

.people{

	display:block;

	margin:20px 10px 0 10px;

	font: 12px Helvetica, Arial, sans-serif;

	list-style:none;

	}

	

.people li a{

	line-height:45px;

	text-decoration:none;

	margin-bottom: 10px;

	}

.people li a hover{

	color:#e9363a;

	}

#contentright .people img{

	display:block;

	width: 35px;

	height: 35px;

	float:left;

	margin-right: 10px;

	}

	

#contentrightbio p{

	width: 640px;

	height: auto;

	float:left;

	margin: 25px 0 0 20px;

	font: 12px Helvetica, Arial, sans-serif;

	line-height:19px;

	color:#666666;

	}	

	

	

/*end SUBPAGES*/	

	

#footer {

	width: 862px;

	float:left;

	border-top: 1px solid #000000;

	padding-top:10px;

	}



.address {

	float:left;

	width:575px;

	font: 11px Helvetica, Arial, sans-serif;

	color:#777777;

	}

	

.copyright {

	float:right;

	text-align:right;

	width:285px;

	font: 10px Georgia, "Times New Roman", Times, serif;

	color:#777777;

	}





.clear {clear: both;}