* {
	margin: 0;
	padding: 0;
}

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

#container {
	position: relative;
	left: 20px;
	top: 20px;
	width: 1000px;
	}
	
/*menu*/
#menubar {
	position: relative;
	width: 440px;
	height: 15px;
	top: 39px;
	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: relative;
	width: 620px;
	height: 90px;
	top: 75px;
	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: relative;
	width: 380px;
	height: 255px;
	top: 105px;
	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: 350px;
	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 {
	margin-bottom:20px;
	position: static;
	width: 620px;
	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;
	}


.paragraph {
	width: 380px;
	position: relative;
	left: 240px;
	margin-bottom:20px;
	}

.picture {
		margin-bottom: 20px;
	}
	
#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;
	}
	

#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;
	}

/*footer*/
#footer {
	position: static;
	width:620px;
	height: 90.5px;
	}
	
/*inside footer*/
#navigation {
	position: relative;
	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;
	}