/* GLOBAL SETTINGS for the background color of browser area to black etc */
html, body {
	     border: 0;
         marign:0;
         padding: 0;
         background-color:#000000;
		 }
		 
	
body {
font: 100%/1.25 arial, helvetica, sans-serif;
}
	
			 
	
#pages_art {
    float: left;
	margin-top: 0;
	width:339px;
	height:600px;
}
		 
		 
		 
/* INDEX PG FLASH PLACEMENT */				
#index_art {
    positon: absolute;
	margin: 1px 0 0 0;
	width:339px;
	height:600px;
}



	 
		 
/* This is the main website content area set to standard visitor screen size */				
#container {
    background-image: url(images/backgrnd.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	width:800px;
	height:600px;
	margin:0 auto;
    background-color:#FFFFFF;
	border:0px;
}	 


/* This is the main website content area set to standard visitor screen size */				
#quote_container {
    background-image: url(images/backgrnd.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	width:800px;
	margin:0 auto;
    background-color:#20293B;
	border:0px;
}	



/* This is the main website content area for the QUOTE php page was too long */				
#quote_containerphp {
    background-image: url(images/backgrnd.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	width:800px;
	height:600px;
	margin:0 auto;
    background-color:#20293B;
	border:0px;
}	 

	 
	 



/* This styles the site title text "Time To Design" */	
#site_title {
	float: right;
	width: 183px;
	height: 22px;
	margin: 20px 10px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ff7f00;
	text-decoration: none;
}	 


		
		
/* This is the main navigation links at the top of my portfolio site */
#topnav1    {font-family:Arial, Helvetica, sans-serif;
             float: right;
			 clear:none;
             border: 0;
			 font-weight: normal;
			 width: 190px;
			 padding:0px;
			 height:26px;
			 margin: 50px -100px 0 0;
			 }
			 
			 
			 
			 
 /* Sets any list items background to dark-blue (exampl: top nav button backgrounds */
li    {list-style-type:none;
       width: 50px;
	   font-size:11px;
	   font-weight: normal;
		}
		
		
		
		
		
			 

/* This is the sub navigation / conveyour belt of icon project images below the main navigation */ 
#subnav    {font-family:Arial, Helvetica, sans-serif;
             color: #1d2536;
			 font-weight: normal;
			 width: 445px;
			 height:47px;
			 padding:0px;
			 float:right;
			 margin:55px 9px 0px 0px;
			 }		
			 



/* This styels the 4 teaser images on the home page */			
#teasers    {width: 378px;
			 height:90x;
			 padding: 0;
			 float:right;
			 clear:both;
			 margin: -482px -3px 0 0;
			 display:inline;
			 }



/* This aligns the teaser images left to right */
#teasers li    {list-style-type:none;
       			display:inline;
	   			padding: 0 14px 0 0;
				border:#FFFFFF;
				vertical-align:middle;
				}



		 
			
/* This is the div / inner-html that will hold ALL stacked projects and where page content loads into */			
#projects    {font-family:Arial, Helvetica, sans-serif;
             color: white;
			 font-weight: normal;
			 width: 447px;
			 height:350px;
			 padding:0px;
			 float:right;
			 clear:right;
			 margin: 50px 12px 0 0;
			 border: 0;
			 }	
			 
			 
/* This is the div / inner-html that will hold QUOTE Thank You Message Information */			
#projects_res    {font-family:Arial, Helvetica, sans-serif;
             color: white;
			 font-weight: normal;
			 width: 447px;
			 height:350px;
			 padding:0px;
			 float:right;
			 clear:left;
			 margin: -455px 12px 0 0;
			 }			
			 
		
		
/* This is the div / inner-html that will hold the HOME PAGE INTRO CONTENT */	
#projects_ndx    {font-family:Arial, Helvetica, sans-serif;             
             color: white;
			 font-weight: normal;
			 width: 447px;
			 height:350px;
			 padding:0px;
			 float:right;
			 clear:left;
			 margin: -355px 12px 0 0px;
			 }
		
		
		
		
		
/* This is the div / inner-html that will hold the HOME PAGE INTRO CONTENT */	
#projects_quotephp    {font-family:Arial, Helvetica, sans-serif;
             color: white;
			 font-weight: normal;
			 width: 447px;
			 height:350px;
			 padding:0px;
			 float:right;
			 clear:left;
			 margin: -455px 0 0 490px;
			 }
		


/* Sets ALL links on the project screen shots borders */
 #p_border   {
 border: 3px solid #ffffff;
 }

	 

			 
			 
/* This is the div that places the thank you for responding text in proper location */			  
#php    {font-family:Arial, Helvetica, sans-serif;
             color: white;
			 font-weight: normal;
			 width: 456px;
			 height:350px;
			 padding:0px;
			 float:right;
			 left: 320px;
			 margin-top:140px;
			 margin-right:5px;
			 }
			 
			 
/* This is where my forminfo is stored */			  
#info_box    {font-family:Arial, Helvetica, sans-serif;
             color: white;
			 font-weight: normal;
			 width: 447px;
			 height:350px;
			 padding:0px;
			 float:right;
			 clear:left;
			 margin: -455px 12px 0 0;
			 }
			 
			 
			 
/* This is where my QUOTE info is stored */			  
#quote_box    {font-family:Arial, Helvetica, sans-serif;
             color: white;
			 font-weight: normal;
			 width: 447px;
			 height:auto;
			 padding:0px;
			 float:right;
			 clear:left;
			 margin: -455px 12px 0 0;
			 }
			 




/****************************************  START QUOTE Box FORM SETTINGS  ***************************************/

#info_box fieldset {
border: 1px solid #999999;
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}

#info_box legend {
color: #990000;
font-weight:bold;
}


/****************************************  END QUOTE Box FORM SETTINGS  ***************************************/

			 
/* **************************************************************************************************************** */
/* THE FOLLOWING DIVS ARE FOR MY ALL MY PROJECT ON EACH PAGE (SET TO DISPLY NONE OR HIDDEN IN THE JAVA SCRIPT CODE */ 
			 /* ALL DESIGN PROJECTS WEB & GRAPHIC- stacked div (table layout) */ 
			 
#mydiv1, #mydiv2, #mydiv3, #mydiv4, #mydiv5, #mydiv6, #mydiv7, #mydiv8, #mydiv9, #mydiv10 {
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	font-weight: normal;
	width: 455px;
	height:328px;
	padding:0px;
    position:static;
	border: 0px;
	left: 330px;
	margin-top: 15px;
	margin-right: 5px;
	display:none;
			 }
			 
 
			 
/* END OF DIVS FOR ALL MY PROJECTS  */
/* ********************************************************************************** */



/* This is MY RESUME TABLE */ 
#resume   {
	font-family:Arial, Helvetica, sans-serif;
	color: white;
	font-weight: normal;
	width: 455px;
	height:50px;
	padding:0px;
    position:static;
	border: 0px;
	left: 209px;
	margin-top: 15px;
	margin-right: 5px;
			 }
/* END OF MY RESUME TABLE  */



/* Sets the page status indicators in the main navigation to static orange (text rollover turned off) */
.selected {color: #ff7f00;
          background-color: #03366;
		  font-weight:bold;}
		  
		  
 
/* Sets ALL links to white */
#topnav1 a:link {font-weight: bold;
           text-decoration: none;
           color: #ffffff;}


/* Sets ALL visited links to grey */
#topnav1 a:visited {font-weight: bold;
                text-decoration: none;
                color: #ffffff;}

/* Sets mouse over of ALL links to orange */
#topnav1 a:hover {font-weight: bold;
              text-decoration: none;
			  border-bottom: 1px;
              color: #ff7f00;
              }
			  
/* Sets site wide navigation links by div name */	
#email a:link {color:#ffffff;}
#email a:hover {color:#ff7f00;}
#email a:visited {color: #bfbfbf;}

#topnav1 a:active {font-weight: bold;
               text-decoration: none;
               color: #000000;}
			   
#subnav a:link {color: #ffffff;}
#subnav a:hover {color: #ff7f00;}
#subnav a:visited {color: #bfbfbf;}

.disclaimt a:link {color: #ffffff;}
.disclaimt a:visited {color: #bfbfbf;}
.disclaimt a:hover {color: #ff7f00;}

#projects a:link {color:#003366;}
#projects a:hover {color:#ff7f00;}
#projects a:visited {color: #404040;}

.launch a:link {color:#003366;}
.launch a:hover {color:#ff7f00;}
.launch a:visited {color: #bfbfbf;}


/* Sets ALL links on the Map page */		  
.m a:link {color: #ffffff;}
.m a:visited {color: #bfbfbf;}
.m a:hover {color: #ff7f00;}


/* Sets ALL links on the project screen shots borders */
#p_border a:link {color:#ffffff;}
#p_border a:visited {color: #bfbfbf;}
#p_border a:hover {color: #003366;}


/* Styles ALL <td> tags on the Resume Page*/
projects td  {font-family: Arial, Helvetica, sans-serif;
        color: #ffffff;
        font-weight: normal;
	    font-size: 12px;}
		
	
		
/* Styles ALL <td> tags on the Resume Page*/
#map    {font-family: Arial, Helvetica, sans-serif;
        color: #ffffff;
		vertical-align:middle;
        font-weight: normal;
		text-decoration:underline;
	    font-size: 12px;}

		  
/* Sets ALL h2 tags to black */
h2		{border:solid 0px black;}


/* Sets ALL h1 tags to white */
h1     {font-family: Arial, Helvetica, sans-serif;
        color: #ffffff;
        font-weight: normal;
	    font-size: 11px;}


/* Sets ALL paragraph tags to black */
.p 		 {border:solid 0px black;
          font-family: Arial, helvetica, sans-serf
          text decoration: bold;
          align: center;}
		  
	
/* Sets ALL headers on resume page to bold italic white */		  
.b     {font-family: Arial, Helvetica, sans-serif;
        color: #ffffff;
        font-weight: bold;
		font-style:italic;
	    font-size: 13px;}
		
		
/* Sets font style on the Map page */		  
.m     {font-family: Arial, Helvetica, sans-serif;
        color: #ffffff;
        font-weight: nomal;
	    font-size: 11px;}
		
		

/* Sets the properties of any items in a link link list (seperate from the main navigation) */
#linkList		{border:solid 0px black;
                  padding:10px;
                  width:200px;
                  margin:10px;
                  background-color:#FFFFFF;
                  position:absolute;
                  bottom:0px;
                  right:0px;}
				  
				  


/* This sets the visitors page status indicators to to bold orage (example: you are on the "Websites" page) */
.stat_indicate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ff7f00;
	text-decoration: none;
}



/* this sets the font style for the "documentaion" text selection items */
.documents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}



/* this sets the font style for the "Project Title" header above the description */
.proj_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}



/* this sets the font style for the Projects decription text */
.proj_describe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
}



.launch {
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
color:#FF9900;
}

/* this is a common link to the disclaimer statement for ALL projects */
#disclaim {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	width: 53px;
	height: 12px;
	float: right;
	clear: right;
	margin: 9px 20px 0px 0px;
	text-decoration: none;
	padding: 1px;
}




/* this  is the bottom blue-nav bar that holds any additional links such as disclaimer, download software for viewing files etc */
#bottnav2    {
	font-family:Arial, Helvetica, sans-serif;
	border: 0px;
	font-weight: normal;
	width: 799px;
	height:26px;
	padding:1px;
	margin-top: 573px;
	position:absolute;
	text-align: right;
	vertical-align: middle;
	background-position: center;
			 } 
			 
			 
/* this  is the bottom blue-nav bar for the THANKS PHP page */
#bottnav2a    {
	font-family:Arial, Helvetica, sans-serif;
	border: 0px;
	font-weight: normal;
	width: 799px;
	height:26px;
	padding:1px;
	margin-top: 572px;
	position:absolute;
	text-align: right;
	vertical-align: middle;
	background-image: url(images/nav_dots2.gif);
	background-repeat: no-repeat;
	background-position: center;
			 }