/*dylan mclernon css*/

html{
	width:1280px;
	margin:0px;
	padding:0px;
}

body{
	font-family:helvetica,verdana,san-serif;
	font-size:11px;
	color:#787270;
	background:#222222 url('../img/bg_sunset.jpg') no-repeat fixed;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
/*index page*/
div#dmbox{
	width:1280px;
	background:#fff;
}

div#dmmastcontain{
	width:1280px;
   height:200px;
	background:#fff;
	
}

div#dmmast{
	width:854px;
	height:200px;
	float:left;
   
}

div#dmident{
  background:url('../img/nav_area1.jpg') no-repeat;
  width:423px;
  height:200px;
  float:left;
}

div#dmident2{
  background:url('../img/nav_area2.jpg') no-repeat;
  width:423px;
  height:200px;
  float:left;
}

div#dmident3{
  background:url('../img/nav_area3.jpg') no-repeat;
  width:423px;
  height:200px;
  float:left;
}

div#dmident4{
  background:url('../img/nav_area4.jpg') no-repeat;
  width:423px;
  height:200px;
  float:left;
}

div#dmcontent{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	width:1280px;
	height:388px;
	background:#fff;
}

div#indexone{
	margin:0px 0px 0px 0px;
	background:url('../img/index_piece1.jpg') no-repeat;
	width:427px;
	height:388px;
   float:left;
}

div#indexonetext{
	position:relative;
	top:75px;
	left:16px;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

div#indexonetext2{
	position:relative;
	top:102px;
	left:16px;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

.journey{
	font-weight:bold;
}

div#indextwo{
	margin:0px 0px 0px 0px;
	background:url('../img/index_piece2.jpg') no-repeat;
	width:427px;
	height:388px;
   float:left;
}

div#indexthree{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url('../img/index_piece3.jpg') no-repeat;
	width:423px;
	height:388px;
   float:left;
}

div#indexthreetext{
	position:relative;
	top:75px;
	left:16px;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

div#indexthreetext2{
	position:relative;
	top:102px;
	left:16px;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

div#indexthreetext3{
	position:relative;
	top:105px;
	left:16px;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

.probsol{
   font-size:12px;	
   font-weight:bold;
}

div#dmfooter{
	float:left;
	background:#787270 url('../img/footerbar.gif') no-repeat;
	width:1280px;
	height:16px;
}

div#dmfoottext{
	padding:1px 0px 0px 18px;
	color:#de6c26;
}

.dmfootsy{
 padding-left:335px;
}

.dmfootsy a{
	color:#787270;
	text-decoration:none;
}

.dmfootsy a:hover{
	text-decoration:none;
	color:#de6c26;
}

.dmfootsy2{
	padding-left:355px;
	color:#787270;
}

.dmfootsy2 a{
	color:#787270;
	text-decoration:none;
}

.dmfootsy2 a:hover{
	color:#de6c26;
	text-decoration:underline;
}



/* metagallery  */	

/*link border removal*/	
img{border:none;}
/*link border removal end*/	

div#metamorph{
	width:383px;
	height:200px;
	position:relative;
	top:71px;
	left:23px;
}

ul#metagallery, ul#metagallery li{
	margin:0;
	padding:0;
	list-style:none;
}

ul#metagallery{
	width:382px;
	height:249px;
	position:relative;
	background:#fff url(../img/z1_gallery.gif) no-repeat;
}			

ul#metagallery li{
	float:left;
	display:inline;
	margin-top:187px;
}								

ul#metagallery a span{
	display:none;
}

ul#metagallery a:hover{
	background:none;
	z-index:100;
}	

ul#metagallery a:hover span{
	position:absolute;
	width:382px;
	height:187px;
	float:left;
	top:0;
	left:0;
	display:block;
}				
					
/* metagallery*/
/*end index page*/


/*design page*/

div#designone{
	margin:0px 0px 0px 0px;
	background:url('../img/design_piece1.jpg') no-repeat;
	width:427px;
	height:388px;
   float:left;
}

div#designtwo{
	margin:0px 0px 0px 0px;
	background:url('../img/design_piece2.jpg') no-repeat;
	width:427px;
	height:388px;
   float:left;
}

div#designtwotext{
	position:relative;
	top:75px;
	left:16px;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

div#designtwotext2{
	position:relative;
	top:116px;
	left:16px;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

div#designtwotext3{
	position:relative;
	top:120px;
	left:16px;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

.ace{
	font-size:14px;
}

div#designthree{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url('../img/design_piece3.jpg') no-repeat;
	width:423px;
	height:388px;
   float:left;
}

/*business identity gallery*/
div#busident{
	width:383px;
	height:200px;
	position:relative;
	top:71px;
	left:21px;
}

ul#busgallery, ul#busgallery li{
	margin:0;
	padding:0;
	list-style:none;
}

ul#busgallery{
	width:382px;
	height:249px;
	position:relative;
	background:#fff url(../img/bus1_gallery.jpg) no-repeat;
}			

ul#busgallery li{
	float:left;
	display:inline;
	margin-top:187px;
}								

ul#busgallery a span{
	display:none;
}

ul#busgallery a:hover{
	background:none;
	z-index:100;
}	

ul#busgallery a:hover span{
	position:absolute;
	width:382px;
	height:187px;
	float:left;
	top:0;
	left:0;
	display:block;
}				
/*end business identity gallery*/

/*magazine layout gallery*/
div#mag{
	width:383px;
	height:200px;
	position:relative;
	top:71px;
	left:23px;
}

ul#maggallery, ul#maggallery li{
	margin:0;
	padding:0;
	list-style:none;
}

ul#maggallery{
	width:382px;
	height:249px;
	position:relative;
	background:#37363a url(../img/lay1_gallery.jpg) no-repeat;
}			

ul#maggallery li{
	float:left;
	display:inline;
	margin-top:187px;
}								

ul#maggallery a span{
	display:none;
}

ul#maggallery a:hover{
	background:none;
	z-index:100;
}	

ul#maggallery a:hover span{
	position:absolute;
	width:382px;
	height:187px;
	float:left;
	top:0;
	left:0;
	display:block;
}	
/*magazine layout gallery end*/

/*design page end*/

/*video page*/

div#videoone{
	margin:0px 0px 0px 0px;
	background:url('../img/video_piece1.jpg') no-repeat;
	width:427px;
	height:388px;
   float:left;
}

div#videotwo{
	margin:0px 0px 0px 0px;
	background:url('../img/video_piece2.jpg') no-repeat;
	width:427px;
	height:388px;
   float:left;
}

div#videotwotext{
	position:relative;
	top:75px;
	left:16px;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

div#videotwotext2{
	position:relative;
	top:116px;
	left:16px;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

div#videotwotext3{
	position:relative;
	top:152px;
	left:16px;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

div#videothree{
	margin:0px 0px 0px 0px;
	background:url('../img/video_piece3.jpg') no-repeat;
	width:423px;
	height:388px;
   float:left;
}
/*end video page*/

/*contact page*/
div#contone{
	margin:0px 0px 0px 0px;
	background:url('../img/contact_piece1.jpg') no-repeat;
	width:427px;
	height:388px;
   float:left;
}

div#conttwo{
	margin:0px 0px 0px 0px;
	background:url('../img/contact_piece2.jpg') no-repeat;
	width:427px;
	height:388px;
   float:left;
}

div#conttwotext1{
	position:relative;
	top:75px;
	left:25px;
	text-align:right;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

div#conttwotext2{
	position:relative;
	top:104px;
	left:25px;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

div#conttwotext3{
	position:relative;
	top:130px;
	left:25px;
	text-align:right;
	line-height:15px;
	width:388px;
	letter-spacing:0.09em;
}

.designlinks a{
	color:#787270;
	text-decoration:none;
}

.designlinks a:hover{
	color:#de6c26;
	text-decoration:underline;
}

div#contthree{
	margin:0px 0px 0px 0px;
	background:url('../img/contact_piece3.jpg') no-repeat;
	width:423px;
	height:388px;
   float:left;
}

.conttwotext2 ul,li{
  list-style-type:none;
  padding:0px 0px 2px 0px;
  margin:0px;
}

.contactinfo{
	text-align:right;
	margin:0px;
	padding:0px;
}

/*contact form*/
div#dmcontactform{
	position:relative;
	top:73px;
	left:38px;
}

.dmform p{
	width: 300px;
	clear:left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	border-top: 1px dashed #787270;
}

.dmform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

.dmform textarea{
	width: 265px;
}

.visitor{
	background-color:#ffc834;
   color:#3e4b62;
}

.email{
	background-color:#e69426;
   color:#3e4b62;
}

.select{
	background-color:#de6c26;
	color:#fff;
}

.mssg{
	background-color:#2f4e6d;
	color:#ffc834;
}

.sender{
	background-color:#6889b4;
	color:#fff;
/*end contact form*/	

}

/*end contact page*/

/*navigation*/

div#dmnav{
	width:184px;
	height:111px;

}

div#dmnav ul li{
	list-style-type:none;
	padding:2px 0px 0px 10px;
	margin:0px 0px 0px 0px;
   display:block;
   float:left;
}

.navdm{
   position:relative;
	margin:0px;
	padding:0px;
	float:left;
}

#dmnav a.home{
   display:block;
	width:36px;
	height:111px;
	background: url('../img/index_btn.jpg') top left no-repeat;
   text-indent:-9000px;
	overflow: hidden;
}

#dmnav a.design{
   display:block;
	width:36px;
	height:111px;
	background: url('../img/design_btn.jpg') top left no-repeat;
   text-indent:-9000px;
	overflow: hidden;
}

#dmnav a.video{
	display:block;
	width:36px;
	height:111px;
	background: url('../img/video_btn.jpg') top left no-repeat;
   text-indent:-9000px;
	overflow: hidden;
}

#dmnav a.contact{
	display:block;
	width:36px;
	height:111px;
	background: url('../img/contact_btn.jpg') top left no-repeat;
   text-indent:-9000px;
	overflow: hidden;
}

#dmnav a:hover{
	background-position:0 -111px;
   overflow: hidden;
}
/*end navigation*/