@charset "UTF-8";
/* CSS Document */

/*--------------------------------------*/
/* GLOBAL
/*--------------------------------------*/

body{
	background-attachment: absolute;
	background-color: #1a1a1a;
	background-image: url(../images/bkg.jpg);
	background-position:top-left;
	background-repeat:repeat-x;

}


#wrapper {

	width:1400px;
	height:800px;
	margin: 0 auto;
	position:relative;
	left: 0px;
}



/*--------------------------------------*/
/* header
/*--------------------------------------*/

#header {
	position: relative;
	height:150px;

}

#kyle {
	position:absolute;
	top:46px;
	left:100px;
}

#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	position:absolute;
	top:146px;
	left:845px;
	height:172px;
	width:104px;
}

#menu span {
  display: none;
  position: absolute;
}


#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	left: -228px;
	top: 5px;
	width: 186px;
	height: 182px;
}

#menu a:hover {
  background-position: none;
}

#menu a:hover span {
  display: block;
}


#menu .av {
	width: 95px;
	height: 35px;
	background: url(../images/av_btn1.png) no-repeat;
	left: 0px;
	top: 0px;
}

#menu .av span {
  width: 95px;
	height: 35px;
  background: url(../images/av_btn2.png) no-repeat;
  left: 0px;
  top: 0px;
}

#av_menu {
	position:absolute;
	top:172px;
	left:97px;
	height:100px;
	width:208px;
}


/*--------------------------------------*/
/* index
/*--------------------------------------*/

#mainpic1 {
position:absolute;
top:125px;
left:100px;
}

#indexmain {
	position:absolute;
	width:876px;
	height:599px;
	top:118px;
	left:280px;
	border-bottom:#CCCCCC thin solid;
}

#indexpic {
	position:absolute;
	left:72px;
	top:-27px;
}
 
#indextext {
	font: normal 15px/1.4 arial, sans-serif bold;
	text-align:center;
	position:absolute;
	color:#1a1a1a;
	width: 900px;
	height: 78px;
	left: 150px;
	top: 735px;
}

#designbtn {
	position:absolute;
	left: 458px;
	top: -26px;
	}

#marketingbtn {
	position:absolute;
	left: 458px;
	top: 184px;
}

#multimediabtn {
	position:absolute;
	left: 458px;
	top: 394px;
}

#resume {
	position:absolute;
	height: 165px;
	width: 427px;
	left:-10px;
	top: 416px;
	}

#resumetxt {font-family:Arial, Helvetica, sans-serif;
    color:#eaeaea;
	font-size: 18px;
	text-align:center;
	
}
#resumepdf {
	position:absolute;
	height:75px;
	width:75px;
	left: 267px;
	top: 77px;
}

#resumedoc {
	position:absolute;
	height:75px;
	width:75px;
	left: 90px;
	top: 77px;
}

/*--------------------------------------*/
/* design
/*--------------------------------------*/

#designmain {
	position:absolute;
	width:940px;
	height:1336px;
	top:132px;
	left:273px;
	border-bottom:#CCCCCC thin solid;
}

#webdesigntxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	text-align:left;
	color: #eaeaea;
	width: 919px;
	height: 10px;
	position:absolute;
	top: -42px;
	left: -1px;
	padding:10px;
}

#hpdesign {
	position:absolute;
	width: 941px;
	height: 310px;
	top:2px;
	left:-1px;
	border-top:#CCCCCC thin solid;
}

#hpdesigntxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	color: #eaeaea;
	width: 375px;
	height: 193px;
	position:absolute;
	top: 14px;
	left: 515px;
	padding:10px;
	}
	
	
#ssdesign {
	position:absolute;
	width: 941px;
	height: 310px;
	top:319px;
	left:-1px;
}

#ssdesigntxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	color: #eaeaea;
	width: 375px;
	height: 193px;
	position:absolute;
	top: 14px;
	left: 515px;
	padding:10px;
	}
	
#tsdesign {
	position:absolute;
	width: 941px;
	height: 310px;
	top:640px;
	left:0px;
}

#tsdesigntxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	color: #eaeaea;
	width: 375px;
	height: 193px;
	position:absolute;
	top: 14px;
	left: 515px;
	padding:10px;
	}

#robotdesign {
	position:absolute;
	width: 838px;
	height:300px;
	top:967px;
	left:-1px;
}

#robotdesigntxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	color: #eaeaea;
	width: 375px;
	height: 193px;
	position:absolute;
	top: 46px;
	left: 517px;
	padding:10px;
	}

#printdesigntxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	text-align:left;
	color: #eaeaea;
	width: 919px;
	height: 10px;
	position:absolute;
	top: 1299px;
	left: 1px;
	padding:10px;
}

#notionprint {
	position:absolute;
	width: 905px;
	height:300px;
	top:1342px;
	left:1px;
}

#notionprinttxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	color: #eaeaea;
	width: 375px;
	height: 130px;
	position:absolute;
	top: 31px;
	left: 517px;
	padding:10px;
	
}
	
#hpprint {
	position:absolute;
	width: 905px;
	height:300px;
	top:1666px;
	left:2px;
}

#hpprinttxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	color: #eaeaea;
	width: 375px;
	height: 130px;
	position:absolute;
	top: 41px;
	left: 517px;
	padding:10px;

}

/*--------------------------------------*/
/* marketing
/*--------------------------------------*/


#marketingmain {
	position:absolute;
	width:814px;
	height:949px;
	top:104px;
	left:341px;
	border-bottom:#CCCCCC thin solid;
}
#socialmedia {
	position:absolute;
	width:800px;
	height:300px;
	background-image: url(../images/socialmediabkg.jpg);
	background-repeat: no-repeat;
	left: 0px;
	top: 3px;
}

#socialmediatxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	color: #333333;
	width: 331px;
	height: 247px;
	position:absolute;
	top: 17px;
	left: 437px;
	padding:10px;
}

#notionblog {
	position:absolute;
	width: 801px;
	height:300px;
	top:315px;
	left:0px;
}

#notionblogtxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	color: #333333;
	width: 341px;
	height: 230px;
	position:absolute;
	top: 50px;
	left: 435px;
	padding:10px;
}

#notionforum {
	position:absolute;
	width: 801px;
	height:300px;
	top:632px;
	left:0px;
}

#notionforumtxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	color: #333333;
	width: 353px;
	height: 250px;
	position:absolute;
	top: 24px;
	left: 419px;
	padding:10px;
}


/*--------------------------------------*/
/* multimedia
/*--------------------------------------*/

#audioexbkg {
	position:absolute;
	width:800px;
	height:300px;
	background-image: url(../images/audioexbkg.jpg);
	background-repeat: no-repeat;
	left: 337px;
	top: 109px;
}

#audioex1 {
	position:absolute;
	top: 11px;
	left: 419px;
}

#audioex1txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	color: #333333;
	width: 238px;
	height: 15px;
	position:absolute;
	top: 24px;
	left: 0px;
	padding:10px;
}

#audioex2 {
	position:absolute;
	top: 80px;
	left: 417px;
}

#audioex2txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	color: #333333;
	width: 238px;
	height: 15px;
	position:absolute;
	top: 28px;
	left: 0px;
	padding:10px;
}

#audioex3 {
	position:absolute;
	top: 157px;
	left: 415px;
}

#audioex3txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	color: #333333;
	width: 238px;
	height: 15px;
	position:absolute;
	top: 28px;
	left: 0px;
	padding:10px;
}

#audioex4 {
	position:absolute;
	top: 229px;
	left: 416px;
}

#audioex4txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	color: #333333;
	width: 238px;
	height: 15px;
	position:absolute;
	top: 28px;
	left: 0px;
	padding:10px;

}

#audiotxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	color: #eaeaea;
	width: 780px;
	height: 66px;
	position:absolute;
	top: 306px;
	left: 0px;
	padding:10px;
	border-bottom:#CCCCCC thin solid;

}

#videobkg {
	position:absolute;
	top:528px;
	left:336px;
}

#video_content1 {
	top: 587px;
	left: 350px;
	position:absolute;
}

#video_content1txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	color: #333333;
	width: 211px;
	height: 188px;
	position:absolute;
	top: 635px;
	left: 908px;
	padding:10px;
}

#video_content2 {
	top: 974px;
	left: 350px;
	position:absolute;
}

#video_content2txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align:left;
	color: #333333;
	width: 204px;
	height: 66px;
	position:absolute;
	top: 1002px;
	left: 907px;
	padding:10px;
}

/*--------------------------------------*/
/* contact
/*--------------------------------------*/

#contactinfo {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #eaeaea;
	position:absolute;
	width: 427px;
	height: 75px;
	left: 9px;
	top: 247px;
}

#contact_resume {
	position:absolute;
	height: 165px;
	width: 427px;
	left:-11px;
	top: 305px;
	}


/*--------------------------------------*/
/* footer
/*--------------------------------------*/

#footerback {
	background-image: url(../images/footerback.png);
	background-repeat:repeat-x;
}

#indexfooter {
	height: 200px;
	width: 940px;
	position:relative;
	top:700px;
	left:100px;
}

#multimediafooter {
	height: 200px;
	width: 940px;
	position:relative;
	top:1325px;
	left:100px;
}

#designfooter {
	height: 200px;
	width: 940px;
	position:relative;
	top:2100px;
	left:101px;
}

#marketingfooter {
	height: 200px;
	width: 940px;
	position:relative;
	top:1025px;
	left:100px;
}

#contactfooter {
	height: 200px;
	width: 940px;
	position:relative;
	top:700px;
	left:100px;
}

#rights{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#eaeaea;
	position:absolute;
	left:687px;
	top:92px;
	width: 336px;
}