html, body, img, table, form, input, ul, li, h1, h2, h3, h4, h5, h6, a {
	margin: 0; padding: 0; border:none; outline:none;
}

#html {
	z-index:0;
}

#body {
	color: #000;
	font: 12px Verdana, Helvetica, sans-serif;
	text-align: center;
	background-image: url(../images/site/background.gif);
	background-repeat:repeat-x;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
}
ul { list-style-type: none; }

.container {
	position: relative;
	width: 1000px;
	height: auto;
	margin: 0px auto 0px auto;
	text-align: left;
	top:0px;
	left:0px;	
}
/*.container { 
	*position: static; 
	_position: static; 
}*/
#contactbtn {
	left:795px;
	display:block;
	width:82px;
	height:50px;
	position:absolute;
	background-image: url(../images/site/contact-gray-btn.gif);
}
#resumebtn {
	top:0px;
	left:878px;
	display:block;
	width:82px;
	height:50px;
	position:absolute;
	background-image: url(../images/site/resume-gray-btn.gif);
}

#headerdiv { top:0px; left: 877px; display:block; position:absolute; background-color:#c9c9c9; height:50px; width:1px;}

#contactbtn a{  
		display:block;
		position:relative;
		width:82px;
		height:50px;
}
#resumebtn a {
		display:block;
		position:relative;
		width:82px;
		height:50px;
}
#contactbtn a:hover {
	background:url(../images/site/contact-red-btn.gif) no-repeat 0 0;
}
#resumebtn a:hover {
	background:url(../images/site/resume-red-btn.gif) no-repeat 0 0;
}

#resumelink a:link, a:visited {
	color:#E7332B;
	text-decoration:none;
}
#resumelink a:hover {
	color:#333333;
	border-bottom:2px #E7332B solid;
	border-bottom:#E7332B 1px #333;
	font-weight:bold;
}
#contactlink a:link, a:visited {
	color:#E7332B;
	text-decoration:none;
}
#contactlink a:hover {
	color:#333333;
	border-bottom:2px #E7332B solid;
	border-bottom:#E7332B 1px #333;
	font-weight:bold;
}
#sampletabs a:link, a:visited {
	color:#E7332B;
	text-decoration:none;
}
#sampletabs a:hover {
	color:#333333;
	border-bottom:2px #E7332B solid;
	border-bottom:#E7332B 1px #333;
	font-weight:bold;
}
#header {
	width: 1000px;
	height:51px;
	text-align: left;
	z-index: auto;
	background-image: url(../images/site/header.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	letter-spacing:-0.6px;
}
#footer {
	margin: 55px 40px 0 0;
	color:#333;
	text-align:center;
	font-weight:bold;
	font: 12px Arial, Helvetica, sans-serif;
}
.footerlink a:link, a:visited {
	color:#e7332b;
	text-decoration:underline;
}
.footerlink a:hover {
	color:#333;
	text-decoration:underline;
}
#contactlink {
	left:815px;
	display:block;
	/*width:75px;*/
	position:absolute;
	margin-top:26px;
}
#resumelink {
	left:900px;
	display:block;
	/*width:75px;*/
	position:absolute;
	margin-top:26px;
}
#contactlink #resumelink a {
	display:block;
	position:relative;
}
#headerclear {
	height:2px;
	width:1000px;
}

#sampletitle {
	height: 45px;
	width: 1000px;
}
#sampletabs {
	height: 32px;
	width: 1000px;
	background-image: url(../images/site/sampletabs_1000x25.jpg);
}
#samplebottom {
	height: 32px;
	width: 1000px;
	background-image: url(../images/site/samplebottom_1000x25.jpg);
}
#samplecontainer {
	margin:0 auto;
	position:static;
	height: 460px;
	width: 1000px;
	background-image: url(../images/site/samplecontainer_1000x460.jpg);
	overflow:hidden;
	z-index:auto;
}
#slider {
	margin-left:50px;
	margin-right:50px;
	width: 900px;
	height: 440px;
	top:131px;
	left:183px;
	z-index:1000;
}
#slider img {margin-top: 10px; margin-bottom: 10px; height:440px; width:auto; z-index:999;cursor:pointer;}



/*-----------buttons------------*/
#prevBtn{ 
		display:block;
		width:40px;
		height:75px;
		position:absolute;
		left:0px;
		top:313px;
		z-index:10;
		background:url(../images/site/sample_previous_button.png) no-repeat 0 0;
}
#nextBtn{
		display:block;
		width:40px;
		height:75px;
		position:absolute;
		left:960px;
		top:313px;
		z-index:10;
		background:url(../images/site/sample_next_button.png) no-repeat 0 0;
}
#prevBtn a{  
		display:block;
		position:relative;
		width:40px;
		height:75px;
			
}
#prevBtn a:hover {
	background:url(../images/site/sample_previous_button_hover.png) no-repeat 0 0;
}
#nextBtn a:hover {
	background:url(../images/site/sample_next_button_hover.png) no-repeat 0 0;
}
#nextBtn a{
		display:block;
		position:relative;
		width:40px;
		height:75px;	
}




/*-----------tabs------------*/
#sampletabscategory {
	float:left;
	position:absolute;
	top:96px;
	left:40px;
	/*width:100%;*/
	height:32px;
	visibility:visible;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	letter-spacing:-0.6px;
	text-align:center;

}
#samplefeaturedprojects {
	padding: 5px 0 0 0; 
	display:block;
	float:left; 
	height: 32px;
	width:135px;
	z-index:3;
}
#samplemarketingcampaigns {
	padding: 5px 0 0 0; 
	display:block;
	float:left; 
	height: 32px;
	width:165px;
	z-index:3; 
}
#samplesitedesign {
	padding: 5px 10px 0 10px; 
	display:block;
	float:left; 
	height: 32px;
	width:95px;
	z-index:3; 
}
#sampleadvertising{
	padding: 5px 0 0 0; 
	float:left; 
	height: 32px;
	width:95px;
	z-index:3; 
}
#sampleeditorial{
	padding: 5px 0 0 0;
	display:block; 
	float:left; 
	height: 32px;
	width:95px;
	z-index:3;
}
/*#samplesitedesign a:link{
	background:url(../images/sample_design_link.jpg) no-repeat 0 0;
}
#samplesitedesign a:hover {
	background:url(../images/sample_design_hover.jpg) no-repeat 0 0;
}
#samplesitedesign a:active {
	background:url(../images/sample_design_active.jpg) no-repeat 0 0;
}
#sampleadvertising a:link {
	background:url(../images/sample_advertising_link.jpg) no-repeat 0 0;
}
#sampleadvertising a:hover {
	background:url(../images/sample_advertising_hover.jpg) no-repeat 0 0;
}
#sampleadvertising a:active {
	background:url(../images/sample_advertising_active.jpg) no-repeat 0 0;
}
#sampleeditorial a:link {
	background:url(../images/sample_editorial_link.jpg) no-repeat 0 0;
}
#sampleeditorial a:hover {
	background:url(../images/sample_editorial_hover.jpg) no-repeat 0 0;
}
#sampleeditorial a:active {
	background:url(../images/sample_editorial_active.jpg) no-repeat 0 0;
}*/

/*#sampleadvertising a{ 
	display:block;
	float:left; 
	height: 32px; 
	width:120px;
}
*/

/*#sampleeditorial a{
	display:block; 
	float:left; 
	height: 32px; 
	width:120px;
}*/
#sampletabsvisitsite {
	position:absolute;
	top:96px;
	left:619px;
	width:158px;
	height:32px;
	z-index:2;
	visibility:visible;
	background:url(../images/site/sample_tabs_novisit_site.jpg);
}
#sampletabsback {
	position:absolute;
	left:777px;
	width:172px;
	height:32px;
	z-index:auto;
	visibility:visible;
}
/*-----------more info block------------*/
#moreinfo {
	display:block;
	top:584px;
	width:1000px;
	height:171px;
	z-index:12;
	background:url(../images/site/moreinfo_1000x172.jpg);
	font-family: Arial, Helvetica, sans-serif;
}
#textfield {
	padding-top:46px;
	padding-left:50px;
	width:auto;
	height: 171px;
	top:636px;
	left:84px;
	z-index:13;
	
}
#textfield #textproject {
	margin-left:34px;
	float:left;
	width:510px;
	height:76px;
}
#textfield h2.textprojectinfo {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:100;
	font-size:12px;
	line-height:150%;
	color:#333;
}
#textfield a.textprojectinfo {
	text-decoration:underline;
	color:#e7332b;
}

/*----------------------------*/
.summary { /*font class for summary area*/
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:100;
	font-size:12px;
}
h2.summary { /*h2 class for information font*/
	font-weight: normal;
	line-height:150%;
	color:#333;
}
h3.summary {
	font-weight: normal;
	line-height:130%;
	color:#333;
}
#texttitle { /*id container for title & information fields*/
	margin-left:91px;
	margin-right:0px;
	float:left;
  	width:55px;
}
#titlesummary { /*id container for title*/
	width:55px;
}
#textsummary {
}
#clientsummary { /*id container for client name information*/
	float:left;
	font-style:normal;
	color:#333;
	width:159px;
}
/*----------------------------*/
.image {
    position: relative;
    width: 100%;
}
.image .text {
    background: url(../images/samples/sample_overlay.png) repeat scroll 0 0 transparent;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 380px;
}
.text {
	width:900px;
	height:70px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 100;
	color:#fff;
}
.text h1 {
	color: #E7332B;
    font-size: 24px;
    font-weight: bold;
}
.text h3 {
	color: #E7332B;
	letter-spacing:-0.6px;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.text div.txtarea {
	/*margin: 0 20px;*/
	margin:0px 20px 0 20px;
	height:100%;
	width:880px;
}
.text div.txttitle {
	/*margin: 0 20px;*/
	margin:10px 0 0 0;
	height:28px;
	width:880px;
}
.text div.txtdesc {
	/*margin: 0 20px;*/
	/*margin:3px 0 0 0;*/
	height:42px;
	width:880px;
	line-height:16px;
}

.text a.textdesc{
	text-decoration:underline;
	color:#e7332b;
}