/* main CSS Document */

/* GENERAL STYLING*/

/*--reset css styles for generic page elements individually--*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	font-size: 13px;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	color: #cccccc;
	text-align:center;/* for ie5.+*/
	background-color: #000000;
	
}


li, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

p,h1,h2,h3,h4,h5,h6,ul,ol {
	/*margin-bottom:.5em*/
}

a img,img{
	border:none;
	display:block;
	margin-bottom: 1em;
}

a{
	text-decoration:none;
	color:#ff9932;/*orange*/
}

a:hover{
	color:#cccccc;/*silver*/
}

h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
}

h1{
	font-size:100%;
	color: #cccccc;/*light sliver*/
	text-transform: uppercase;
}

h2{
	font-size:100%;
	color: #ff9932;/*orange*/
	text-transform: uppercase;
	margin-bottom: 1em;
}

.italic{
	font-style: italic;	
}

.lightGrey{
	color: #cccccc;	
}

.upper{
	text-transform: uppercase;	
}


/*--COMMON DIV STYLES--*/

#outer {
	width: 960px;
	margin: auto; /*center the page*/
	text-align: left; /*reset text back to left due to ie5.x fix*/
	background-color: #353535;/*dark grey*/
}

/*--HEADER--*/

#pageHeader {
	height: 120px;
	position: relative;
	margin-left: 260px;
	background: url("./newgfx/logo.jpg") no-repeat;

}

/*--NAV BAR--*/

#nav {
	background-color: #343434;/*grey*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	font-weight:bold;
	height:20px;
	width: 900px;
	text-align: center;
	padding-bottom: 1px;
	padding-top: 3px;
}

#nav ul{
	margin-left: 140px;
}

#nav li {
    display:inline;
	text-transform: uppercase;
}

#nav a{
	/*width: 159px*/
	width: 103px;
 	color: #ffffff;/*light silver*/
	background:url("./images/button_159x40.gif") no-repeat;
	float: left;
	padding: 3px 1px 3px 0px;
	margin-left: 8px;
}

#nav a:hover{
	color: #000000;/*black*/
	background-position: 0 -20px;
}

#current a {
	color: #000000;
	background-position: 0 -20px;
}

/*--FOOTER--*/

#copyright {
	font-size: 75%;
	text-align: center;
	background-color: #343434;
	padding-top: 5px;
}

#copyright a{
	text-transform: uppercase;
}

/*--HOME PAGE--*/


#homeContent img{
	margin-left: 145px;
}

#title{
	color: #666;
	position: absolute;
	text-transform: uppercase;
	font-size: 20px;
	z-index: 1;
	margin: 42px 0 0 362px;
	letter-spacing: 1px;
}

#subTitle{
	color: #666;
	position: absolute;
	font-size: 13px;
	z-index: 1;
	letter-spacing: 3.1px;
	line-height: 1px;
	margin: 65px 0 0 362px;

}

#presents{
	color: #666;
	font-size: 15px;
	letter-spacing: 2px;
	margin: 90px 0 0 445px;
	position: absolute;
	z-index: 1;
}

#shop{
	position: absolute;
	margin: -95px 0 0 230px;
}

#tinisite{
	position: absolute;
	margin: -94px 0 0 425px;
}

#blog{
	position: absolute;
	margin: -95px 0 0 610px;
}

#homeText{
	visibility: hidden;	
}

/*--BACKGROUND PAGE--*/

#backContent {
	text-align: center;	
	padding: 20px 0 20px 0;
	line-height: 12px;
}

.backBox {
	width: 180px;
	border: 1px solid #ffffff;
	margin: 0 auto;/*center the boxes*/
	margin-top: 5px;
	font-size: 11px;
	padding: 10px 0 10px 0;
}

.backHeading{
	color:#ff9932;/*orange*/
	text-transform: uppercase;
}

/*--PROJECTS PAGE--*/

#projectsContent{
	width: 960px;
	height: 510px;
}

#projectsCol1{
	float: left;
	width: 700px;
	position: relative;
}

#projectsText{
	margin: 20px 0 0 215px;	
	position: absolute;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	color: #ff9932;/*orange*/
}

#gdbrunyText{
	text-transform: uppercase;
	color:#999999;/*grey*/
	font-size: 110%;
	font-weight: bold;
}

#projectsTitle{
	text-transform: uppercase;
	font-size: 290%;
	font-weight:bolder;	
}

#projectsSubTitle{
	font-size: 91%;
}

#projectsTextBox{
	position: absolute;
	top: 350px;
	left: 480px;
	background-color: #2d4297;/*blue*/
	width: 210px;
	text-align: center;
	color: #ffffff;
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 91%;
	padding: 10px;
}

#projectsCol1 img{
	margin: 45px 0 50px 70px;	
}

#projectsCol2{
	width: 260px;
	float: right;
	text-align: center;
	margin-top: 73px;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
}

#projectsCol2 a{
	color:#999999;
	
}

#ppics{
	color: #ff9932;/*orange*/
	font-weight: bold;
}

.projectsView{
	color: #999999;
	font-size: 85%;
	text-decoration: underline;
}

#projectsCol2 img{
	margin: 10px 0 0 60px;
	
}

/*--GALLERY PAGE--*/

#galleryContent{
	height: 490px;	
}

#gdbrunyGalleryText{
	text-transform: uppercase;
	color:#999999;/*grey*/
	font-size: 110%;
	font-weight: bold;
	margin: 45px 0 0 218px;
}

#galleryHeading{
	color: #ff9932;/*orange*/
	text-transform: uppercase;
	font-size: 290%;
	font-weight:bolder;	
	margin: 0 0 0 218px;
}

#gallerySubHeading{
	color: #ff9932;/*orange*/
	text-transform: uppercase;
	margin: 0 0 0 218px;	
}

#candcHeading{
	color: #999999;/*grey*/
	text-transform: uppercase;
	margin: 30px 0 0 120px;	
	float: left;
}

#galleryPics1A{
	margin: 30px 0 0 220px;	
	height: 65px;
}

#galleryPics1A img{
	float: left;
	margin: 0 5px 0 0;
}

#galleryPics1B{
	margin: 0 0 0 220px;	
	height: 100px;
}

#galleryPics1B img{
	float: left;
	margin: 0 5px 0 0;
}

#screenArtHeading{
	color: #999999;/*grey*/
	text-transform: uppercase;
	margin: 0 0 0 85px;	
	position: relative;
	float: left;
	text-align: right;
	width: 125px;
}

#screenArtTxt{
	font-style: italic;
	font-size: 80%;
}

#galleryPics2A{
	margin: 0 0 65px 220px;	
}

#galleryPics2A img{
	float: left;
	margin: 0 5px 0 0;
}

#galleryPics2B{
	margin: 0 0 150px 220px;	
}

#galleryPics2B img{
	float: left;
	margin: 0 5px 0 0;
}

/*--LINKS PAGE--*/

#links{
	position: relative;
	background:url("./images/links/frame_x3.gif") no-repeat;
	width: 330px;
	height: 385px;
	margin: 50px 0 40px 300px;
}

#linksShop{
	position: absolute;
	top: 100px;
	left: 75px;
	width: 70px;/*need this for positioning with ie*/
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 110%;
}

#linksShop a{
	color: #000000;/*black*/
}

#linksShop a:hover{
	color: #f87354;/*dark orange*/
}

#linksTinisite{
	position: absolute;
	top: 170px;
	left: 125px;
	width: 75px;/*need this for positioning with ie*/
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 110%;

}

#linksTinisite a{
	color: #000000;
}

#linksTinisite a:hover{
	color: #f87354;/*dark orange*/
}

#linksBlog{
	position: absolute;
	top: 245px;
	left: 180px;
	width: 75px;/*need this for positioning with ie*/
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 110%;

}

#linksBlog a{
	color: #000000;
}

#linksBlog a:hover{
	color: #f87354;/*dark orange*/
}

/*--WORK EXPERIENCE PAGE--*/

#workExperienceTitle{
	text-transform: uppercase;
	color: #ff9932;/*orange*/
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0 20px 0;
}

/*--WORK EXPERIENCE PAGE*/

#workExperienceTitle{
	text-align:center;
	font-size: 25px;
}

#workExperienceSubTitle1{
	text-align:center;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

#workExperienceSubTitle2{
	text-align:center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;

}

#weContentOuter{
	background-color: #ffffff;
	width: 607px;
	margin: 25px 0 10px 180px;
}

#workExperienceContent{
	text-align: center;
	margin: 0 0 10px 0;
}

#workExperienceContent a{
	text-decoration: underline;
	color: #ff9932;/*orange*/
}

#weContent1{
	width: 580px;
	background-color: #cccccc;/*white*/
	margin: 25px 0 0 0;
	padding: 1em 1em 2em 1em;
	border-bottom: 1px solid #ffffff;
}

#weContent1 img{
	float: left;
	margin: 5px 0 0 10px;
}

#weContent1A{
	width: 380px;
	margin: 0 0 0 200px;
}

#weContent1A_01{
	color: #ff0000;/*red*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 110%;
	text-align: center;
}

#weContent1A_02{
	color: #0000ff;/*blue*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 110%;
	text-align: center;
}

#weContent1A_03{
	color: #0000ff;/*blue*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 100%;
	text-align: center;
}

#weContent1A_04{
	color: #0000ff;/*blue*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 80%;
	text-align: center;
}

#weContent1A_05{
	color: #ff0000;/*red*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	width: 580px;
}

#weContent2{
	width: 580px;
	background-color: #cccccc;/*white*/
	margin: 0 0 10px 0;
	padding: 2em 1em 2em 1em;
	border-bottom: 1px solid #cccccc;
}

#weContent2 img{
	float: right;
	margin: 35px 20px 0 0;
}

#weContent2A{
	width: 380px;
}

#weContent2A_01{
	color: #ff0000;/*red*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 110%;
	text-align: center;
}

#weContent2A_02{
	color: #0000ff;/*blue*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 110%;
	text-align: center;
}

#weContent2A_03{
	color: #0000ff;/*blue*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 100%;
	text-align: center;
}

#weContent2A_04{
	color: #0000ff;/*blue*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 80%;
	text-align: center;
}

#weContent2A_05{
	color: #0000ff;/*blue*/
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 80%;
	text-align: center;
	font-weight: bold;
	margin: 0 10px 0 0;
}

#weContent3{
	width: 580px;
}

#weContent3A_01{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 100%;
	text-align: center;
	margin: 20px 0 0 0;
}

#weContent3A_02{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 100%;
	text-align: center;
}

#weContent3A_03{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 100%;
	text-align: center;
	padding: 0 0 20px 0;
}

.red{
	color: #ff0000;/*red*/
}

/*--FREE SOFTWARE PAGE--*/

#softwareTitle{
	text-transform: uppercase;
	color: #ff9932;/*orange*/
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0 20px 0;
}

#softwareContent{
	text-align: center;
}

#softwareContent a{
	color: #ff9932;/*orange*/
	text-decoration: underline;
	
}

#theader{
	text-transform: uppercase;
	font-weight: bold;
}

#linksTable{
	border-collapse: collapse;
	width: 50%;
	margin: 0 0 10px 220px;
}

#linksTable td{
	border: 1px solid;
	padding: 5px 2px 5px 2px;
}

#linksTable td#description{
	width: 20%;	
}

#linksTable td#status,#size,#acquisition{
	width: 5%;	
}

.linksUpper{
	text-transform: uppercase;
}

.linksItalics{
	font-style: italic;	
}

#linksBack{
	margin-bottom: 10px;	
}


/*--CONTACT PAGE--*/

#contactContent img{
	
	margin: 100px 0 100px 270px;
	
}

/*--COPYRIGHT PAGE--*/

#copyrightPage{
	margin: 115px 0 115px 310px;
	text-align: justify;
	width: 300px;
	border: 1px solid #ffffff;
	padding: 1em;
	font-size: 85%;
}

#copyHeading{
	text-transform: uppercase;
	margin-left: 110px;
}

/*copyright msg*/

#copyright{
	clear: both;/*for the two column layout on the projects page*/	
}