* {
	margin: 0;
	padding: 0;
}

/*general*/
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.65em;
	color: #336699;
	}

#container {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 1000px;
	height: 670px;
	}
#work01 #container {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 1000px;
	height: 1697.5px;
	}
#work02 #container {
	height: 1495.5px;
	}
#work03 #container {
	height: 1753.5px;
	}
#work04 #container {
	height: 1787.5px;
	}
#work05 #container {
	height: 1793px;
	}
#work06 #container {
	height: 1009px;
	}
#work07 #container {
	height: 1438.5px;
	}
#work08 #container {
	height: 1588.5px;
	}
#work09 #container {
	height: 1438.5px;
	}
#work10 #container {
	height: 1127.5px;
	}
#work11 #container {
	height: 1390.5px;
	}
#work12 #container {
	height: 957.5px;
	}
#work13 #container {
	height: 1638.5px;
	}
#work14 #container {
	height: 1329px;
	}
#work15 #container {
	height: 917.5px;
	}
#work16 #container {
	height: 948.5px;
	}
#work17 #container {
	height: 1036.5px;
	}
#story #container {
	height: 1040.5px;
	}
#contact #container {
	height: 982px;
	}
#contactthanks #container {
	height: 670px;
	}
	
/*menu*/
#menubar {
	position: absolute;
	width: 440px;
	height: 15px;
	top: 79px;
	left:0px;
	border: 1px none #000;
	font-size:1.4em; 
	font-weight: bold;
    font-family: arial, Helvetica, san-serif;
    line-height:100%; 
    letter-spacing: 0px;
	}

/*welcome*/
#welcomebar {
	position: absolute;
	width: 620px;
	height: 90px;
	top: 130px;
	left:0px;
	border-top: 10px solid #cc3366;
	}
	
#mynameissteven {
	position: absolute;
	width: 240px;
	height: 15px;
	top: 19px;
	left: 5px;
	border: 1px none #000;
	font-size:1.4em; 
	font-weight: bolder;
    font-family: arial, Helvetica, san-serif;
    color: #333;
    line-height:100%; 
    letter-spacing: 0px;
	}
#portfolio #mynameissteven {
	width: 260px;
    color: #333;
	}
#contactthanks #mynameissteven {
	width: 300px;
    color: #333;
	}

#subtitle {
	position: absolute;
	width: 240px;
	height: 55px;
	top: 29px;
	left: 5px;
	border: 1px none #000;
	font-size:6em; 
	font-weight: bold;
    font-family: arial, Helvetica, san-serif;
    color: #333;
    line-height:100%; 
    letter-spacing: 0px;
	}

#diagonallines {
	position: absolute;
	width: 378px;
	height: 65px;
	top: 20px;
	left: 242px;
	background-image: url(images/diagonallines.gif);
	background-repeat: no-repeat;
	}

#diagonallines2 {
	position: absolute;
	width: 344px;
	height: 65px;
	top: 20px;
	right: 0px;
	background-image: url(images/diagonallines2.gif);
	background-repeat: no-repeat;
	}
#contact #diagonallines2 {
	position: absolute;
	width: 310px;
	height: 65px;
	top: 20px;
	right: 0px;
	background-image: url(images/diagonallines2.gif);
	background-repeat: no-repeat;
	}

	
/*for news*/
#newsfeedbox {
	position: absolute;
	width: 380px;
	height: 300px;
	top: 260px;
	left: 240px;
	border: 1px none #666;
	}
	
#work01 #newsfeedbox {
	position: absolute;
	width: 380px;
	height: 150px;
	top: 260px;
	left: 240px;
	border: 0px none #666;
	} 
	
#newsfeed1 {
	position: absolute;
	top: 0px;
	padding: 4px 0 4px 0;
	border-top: 2px solid #cc3366;
	width: 380px;
	height: 44px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
 	width: 380px;
	height: 36px;
	}
html>body #newsfeed1 {
  	width: 380px;
  	height: 36px;
  	}

p #newsfeed1{
	font-size: 1.1em;
	margin-bottom: 1.5em 0;
	letter-spacing: .25px;
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	}

	
#newsfeed2 {
	position: absolute;
	top: 60px;
	padding: 4px 0 4px 0;
	border-top: 2px solid #cc3366;
	width: 380px;
	height: 44px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
 	width: 380px;
	height: 36px;
	}
html>body #newsfeed2 {
  	width: 380px;
  	height: 36px;
	}
	
p #newsfeed2{
	font-size: 1.1em;
	margin-bottom: 1.5em 0;
	letter-spacing: .25px;
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	}

#newsfeed3 {
	position: absolute;
	top: 120px;
	padding: 4px 0 4px 0;
	border-top: 2px solid #cc3366;
	width: 380px;
	height: 44px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
 	width: 380px;
	height: 36px;
	}
html>body #newsfeed3 {
  	width: 380px;
  	height: 36px;
  	}
  	
p #newsfeed3{
	font-size: 1.1em;
	margin-bottom: 1.5em 0;
	letter-spacing: .25px;
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	}
	
#newsfeed4 {
	position: absolute;
	width: 380px;
	height: 36px;
	top: 180px;
	padding: 4px 0 4px 0;
	border-top: 2px solid #cc3366;
	width: 380px;
	height: 44px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
 	width: 380px;
	height: 36px;
	}
html>body #newsfeed4 {
  	width: 380px;
  	height: 36px;
  	}
p #newsfeed4{
	font-size: 1.1em;
	margin-bottom: 1.5em 0;
	letter-spacing: .25px;
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	}
	
#newsfeed5 {
	position: absolute;
	top: 240px;
	padding: 4px 0 4px 0;
	border-top: 2px solid #cc3366;
	width: 380px;
	height: 44px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
 	width: 380px;
	height: 36px;
	}
html>body #newsfeed5 {
  	width: 380px;
  	height: 36px;
  	}
p #newsfeed5{
	font-size: 1.1em;
	margin-bottom: 1.5em 0;
	letter-spacing: .25px;
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	}

.title {width: 336px;
	height: 11px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: "#336699";
	line-height: 100%;
	float: left;
	}
	
.dates {
	width: 20px;
	height: 11px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: "#336699";
	float: left;
	line-height: 100%;
	}	
	
.description {
	width: 350px;
	height: 11px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: "#336699";
	line-height: 175%;
	float: left;
	}
	
/*for portfolio*/
#portfoliobox {
	position: absolute;
	width: 960px;
	height: 550px;
	top: 250px;
	left: 0px;
	border: 1px none #333;
	}
	
/*for work pages*/
	/*work header*/
	
#workheadbox {
	position: absolute;
	top: 0px;
	padding-top: 8px;
	padding-bottom: 4px;
	border-top: 4px solid #cc3366;
	border-bottom: 1px solid #cc3366;
	width: 380px;
	height: 56px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
 	width: 380px;
	height: 44px;
	}
html>body #workheadbox {
  	width: 380px;
  	height: 44px;
  	}	
#contact #workheadbox {
	display: none;
	}

#worknumber {
	position: absolute;
	width: 76px;
	top: 3px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 5.4em;
	color: #333;
	line-height: 100%;
	float: left;
	}	
#story #worknumber {
	top: 4px;
	}	
#worktitle {
	position: absolute;
	width: 320px;
	height: 25px;
	left: 90px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 24px;
	color: #333;
	line-height: 95%;
	float: left;
	}
	
#workinfobox {
	position: absolute;
	top: 60px;
	padding-top: 9px;
	padding-bottom: 15px;
	border-bottom: 1px solid #cc3366;
	width: 380px;
	height: 80px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
 	width: 380px;
	height: 56px;
	}
html>body #workinfobox {
  	width: 380px;
  	height: 56px;
  	}	
p #workinfobox{
	font-size: 1.1em;
	margin-bottom: 1.5em 0;
	letter-spacing: .25px;
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	}
	
#story #workinfobox {
	position: absolute;
	top: 60px;
	padding-top: 9px;
	padding-bottom: 15px;
	border-bottom: 1px solid #cc3366;
	width: 380px;
	height: 80px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
 	width: 380px;
	height: 56px;
	}
html>body #story #workinfobox {
  	width: 380px;
  	height: 56px;
  	}	
  	
#contact #workinfobox {
	border-bottom: 1px solid #cc3366;
	border-top: 1px solid #cc3366;
	top: 0px;
	padding-top: 17px;
	padding-bottom: 13px;
	height: 160px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
	height: 130px;
	}
html>body #contact #workinfobox {
  	height: 130px;
  	}	

#workinfo {
	position: absolute;
	width: 350px;
	height: 80px;
	line-height: 20px;
	float: left;
	}
#story #workinfo {
	position: absolute;
	width: 380px;
	height: 80px;
	top: 8.5px;
	line-height: 20px;
	float: left;
	}
#contact #workinfo {
	position: absolute;
	width: 300px;
	height: 80px;
	top: 5px;
	line-height: 20px;
	float: left;
	}
	
/*work content*/
#workcontent {
	position: absolute;
	width: 620px;
	height: 1097.5px;
	top: 407.5px;
	line-height: 16.5px;
	letter-spacing: .25px;
	float: left;	
	font-size: 1.1em;
	margin-bottom: 1.5em 0;
	letter-spacing: .25px;
	font-family: Helvetica, Arial, sans-serif;
	}
#work02 #workcontent {
	height: 939px;
	}
#work03 #workcontent {
	height: 1209px;
	}
#work04 #workcontent {
	height: 1243px;
	}
#work05 #workcontent {
	height: 1248.5px;
	}
#work06 #workcontent {
	height: 447px;
	}
#work07 #workcontent {
	height: 885px;
	}
#work08 #workcontent {
	height: 1035px;
	}
#work09 #workcontent {
	height: 885px;
	}	
#work10 #workcontent {
	height: 574.5px;
	}	
#work11 #workcontent {
	height: 837.5px;
	}	
#work12 #workcontent {
	height: 404.5px;
	}
#work13 #workcontent {
	height: 1087.5px;
	}	
#work14 #workcontent {
	height: 769px;
	}	
#work15 #workcontent {
	height: 364.5px;
	}	
#work16 #workcontent {
	height: 387.5px;
	}	
#work17 #workcontent {
	height: 483.5px;
	}	
#story #workcontent {
	height: 515.5px;
	}	
#contact #workcontent {
	top: 436.5px;
	height: 415px;
	}
#contactthanks #workcontent {
	top: 260px;
	height: 15px;
	}	


#firstparagraph {
	position: absolute;
	width: 380px;
	height: 93px;
	top: 0px;
	right: 0px;
	}
#work02 #firstparagraph {
	height: 77px;
	}
#work03 #firstparagraph {
	height: 44px;
	}
#work04 #firstparagraph {
	height: 77px;
	}
#work05 #firstparagraph {
	height: 110px;
	}	
#work06 #firstparagraph {
	height: 44px;
	}	
#work07 #firstparagraph {
	height: 93px;
	}
#work08 #firstparagraph {
	height: 126px;
	}
#work09 #firstparagraph {
	height: 93px;
	}
#work10 #firstparagraph {
	height: 143px;
	}
#work11 #firstparagraph {
	height: 77px;
	}
#work13 #firstparagraph {
	height: 93px;
	}
#work14 #firstparagraph {
	height: 258px;
	}
#work15 #firstparagraph {
	height: 27px;
	}
#story #firstparagraph {
	height: 159px;
	}	


#picture1 {
	position: absolute;
	top: 109.5px;
	right: 0px;
	width: 620px;
	height: 401px;
	}
#work02 #picture1 {
	top: 93.5px;
	width: 620px;
	height: 620px;
	}
#work03 #picture1 {
	top: 77px;
	right: 0px;
	width: 311px;
	height: 551px;
	}
#work04 #picture1 {
	top: 93.5px;
	width: 620px;
	height: 401px;
	}
#work05 #picture1 {
	top: 126.5px;
	width: 378px;
	height: 235px;
	}
#work06 #picture1 {
	top: 60.5px;
	width: 620px;
	height: 386px;
	}
#work07 #picture1 {
	top: 126px;
	width: 620px;
	height: 370px;
	}
#work08 #picture1 {
	top: 142.5px;
	width: 378px;
	height: 338px;
	}
#work09 #picture1 {
	top: 126px;
	width: 620px;
	height: 370px;
	}
#work10 #picture1 {
	top: 159.5px;
	width: 378px;
	height: 414px;
	}
#work11 #picture1 {
	top: 93.5px;
	width: 378px;
	height: 192px;
	}
#work12 #picture1 {
	top: 16.5px;
	width: 620px;
	height: 387px;
	}
#work13 #picture1 {
	top: 109.5px;
	width: 620px;
	height: 336px;
	}
#work14 #picture1 {
	top: 274.5px;
	width: 378px;
	height: 432px;
	}
#work15 #picture1 {
	top: 43.5px;
	width: 620px;
	height: 320px;
	}
#work16 #picture1 {
	top: 17.5px;
	width: 620px;
	height: 370px;
	}
#work17 #picture1 {
	top: 16.5px;
	width: 620px;
	height: 466px;
	}
#story #picture1 {
	top: 180px;
	width: 378px;
	height: 307px;
	}


#secondparagraph {
	position: absolute;
	top: 527px;
	right: 0px;
	width: 380px;
	height: 27px;
	color: #336699;
	float: left;
	}
#work02 #secondparagraph {
	top: 730px;
	height: 209px;
	}
#work03 #secondparagraph {
	top: 640.5px;
	height: 93px;
	}
#work04 #secondparagraph {
	top: 511px;
	height: 60px;
	}
#work05 #secondparagraph {
	top: 378px;
	height: 77px;
	}
#work08 #secondparagraph {
	top: 497px;
	height: 77px;
	}
#work11 #secondparagraph {
	top: 300px;
	height: 93px;
	}
#work13 #secondparagraph {
	top: 990.5px;
	height: 94px;
	}
#work14 #secondparagraph {
	top: 723px;
	height: 44px;
	}
#story #secondparagraph {
	top: 520px;
	height: 11px;
	}
		

#picture2 {
	position: absolute;
	top: 572.5px;
	right: 0px;
	width: 378px;
	height: 525px;
	}
#work03 #picture2 {
	top: 77px;
	left: 0px;
	width: 311px;
	height: 631px;
	}
#work04 #picture2 {
	top: 587.5px;
	width: 378px;
	height: 525px;
	}
#work05 #picture2 {
	top: 471.5px;
	width: 620px;
	height: 386px;
	right: 0;
	}
#work07 #picture2 {
	top: 512.5px;
	width: 378px;
	height: 370px;
	right: 0;
	}
#work08 #picture2 {
	top: 607px;
	width: 620px;
	height: 424px;
	right: 0;
	}
#work09 #picture2 {
	top: 512.5px;
	width: 620px;
	height: 370px;
	right: 0;
	}
#work11 #picture2 {
	top: 409.5px;
	width: 378px;
	height: 422px;
	right: 0;
	}
#work13 #picture2 {
	top: 462px;
	width: 620px;
	height: 512px;
	right: 0;
	}
	
	
#picture3 {
	position: absolute;
	top: 857px;
	right: 0px;
	width: 620px;
	height: 388px;
	right: 0;
	}	
#work03 #picture3 {
	top: 628px;
	width: 311px;
	height: 581px;
	}
	
	
#thirdparagraph {
	position: absolute;
	top: 1125.5px;
	right: 0px;
	width: 380px;
	height: 110px;
	color: #336699;
	float: left;
	}	

	
#sideline {
	position: absolute;
	top: 570px;
	left: 0px;
	width: 130px;
	height: 200px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #333;
	line-height: 16.5px;
	letter-spacing: .25px;
	float: left;
	}
#work04 #sideline {
	top:584px;
	height: 250px;
	}
#work07 #sideline {
	top:520px;
	height: 250px;
	}
#work08 #sideline {
	top:160px;
	height: 250px;
	}
#story #sideline {
	top:180px;
	height: 250px;
	}
	

#sidelineout {
	position: absolute;
	top: 876px;
	left: 637.5px;
	width: 130px;
	height: 200px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	color: #333;
	line-height: 16.5px;
	letter-spacing: .25px;
	float: left;
	color: #333;
	float: left;
	}
#work13 #sidelineout {
	top: 869px;
	}

/*footer*/
#footer {
	position: absolute;
	width:960px;
	height: 20px;
	top: 850px;
	left: 0px;
	}
#work01 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;
	} 
#work02 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work03 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work04 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work05 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work06 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work07 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work08 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work09 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work10 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work11 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work12 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work13 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work14 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	}
#work15 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work16 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#work17 #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#story #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#contact #footer {
	position: absolute;
	width:620px;
	height: 90.5px;
	bottom: 0px;
	left: 0px;	} 
#contactthanks #footer {	
	position: absolute;
	width:620px;
	height: 20px;
	bottom: 0px;
	left: 0px;
	}
	
/*inside footer*/
#navigation {
	position: absolute;
	left: 0;
	top: 0;
	width: 620px;
	height: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
	font-size: 1.4em;
	color: #336699;
	float: left;
	}
	
div#qTip {
	-x-system-font:none;
	background: #fff;
	color:#336699;
	display:none;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding:10px;
	position:absolute;
	text-align:left;
	width:250px;
	z-index:1000;
	}