/*----------------------------------------------------------- 
CSS Document

author: Jason Eyermann
e-mail: jason@aspirecreate.com
website: http://www.aspirecreate.com
-----------------------------------------------------------*/

* {
   margin: 0;
   padding: 0;
}   

html {
    font-size:100%;
}

body {
     background: url(images/bgimages/bgbackground.gif) repeat;
    font-size: 70%;
	font-family: Verdana, "myriad pro", "Lucida Grande", Helvetica, sans-serif;
	line-height:160%;
	 color: #d08d26;
	 text-indent:0px;
}

/*----------------------------------main divs-----------------------------------------*/	
	
#container {
     position:absolute;
	 top: 0px;
	 left: 0px;
	 width: 100%;
	 height:100%;
	 background:url(images/bgimages/flowers.gif) no-repeat top left;
}

#outerbox {
     position:relative;
    float:right;
	width: 90%;
	border-bottom: 2px solid #d08d26;
	border-top: 6px solid #d08d26;
}

#outerbox2 {
    position:relative;
    margin-left: 5%;
}
	
	


#centrebox {
     position:relative;
   float:left;
   width: 600px;
}

#headbox {
   width:100%;
   height:90px;
   border-left: 20px solid #d08d26;
   border-bottom: 2px solid #d08d26;
   background: url(images/bgimages/bgtransparent.png) repeat top left !important;
   background: url(images/bgimages/BGmiddel.gif) repeat top left;
} 

  	   	   	   

#navbox {
     height:145px;
	 width: 600px;
	 margin-left:0px;
	 
}

#navboxmain {
     height:130px;
	 width: 620px;
	  margin-left:10px;
}

#navboxnone {
     height:0px;
}	 

#contentarea {
    width: 618px;
    position:relative;
    background: url(images/bgimages/bgtransparent.png) repeat top left !important;
	background: url(images/bgimages/BGmiddel.gif) repeat top left;
	border-left: 2px solid #d08d26;
	border-top: 2px solid #d08d26;
	border-collapse:collapse;
}

#middlecontent {
     width:100%;
	 height: 720px;
	 margin-top:3px;
}

#flashbox {
     margin-top:30px;
	 text-align:center;
	 padding-bottom:60px;
	 padding: 10px;
}

#flashboxtwo {
     margin-top:30px;
	 text-align:center;
	 padding-bottom:60px;
	 padding: 10px;
}

.flashboxthree {
     margin-top:30px;
	 text-align:center;
	 padding-bottom:60px;
	 padding: 10px;
}	 	 
	

#contentright {
     position: relative;
    float:right;
	width: 220px;
	margin: 10px 20px 30px 0px;
	text-align: right;
	display:inline;
	height:100%;
}

	

#contentleft {
     float: left;
	 width: 310px;
	 margin: 10px 0 30px 20px;
	 height: 100%
	 position:relative;
	 display:inline;
}

.clearbox {
    clear:both;
}

.external a {
    background: url(images/other/external-link.gif) no-repeat left top;
	padding-left: 15px;
}

#centre td {
     padding-left: 6px;
}

#table th, #table td {
      border:1px solid #d08d26;	
}

#table {
 margin-left:10px;
 border-collapse:collapse;
} 

#quiz  {
   border-collapse:collapse;
}   
  
caption {
     font-size:120%;
	 font-weight:bold;
	 margin: 6px;
}

#quiz td {
    text-align:center;
}

.sitemap {
      padding-left:5px;
}

.green {
    color:aac56f;
}		  		     	   
	
		
/*------------favourite links page--------------------*/

#texttwo {
     padding: 15px;
}

.textmiddle {
     clear:both;
	 padding-bottom:15px;
}	 

.textright {
     float:right;
	 width:280px;
	 clear:right;
}	

.textleft {
     float:left;
	 width:280px;
	 clear:left;
}

#texttwo ul {
     margin-bottom:20px;
}	 	 
 

	 
     

/*-------------titles------------------------------------*/

#title {
    height:55px;
	position: absolute;
	top: 25px;
	right: 10px;
	width:326px;
}

#index #title {
    background: url(images/headers/newaspirecreate.jpg) no-repeat bottom right;
}

#printdesign #title {
    background:url(images/headers/newprintdesign.jpg) no-repeat bottom right;
}

#webdesign #title {
    background:url(images/headers/newwebdesign.jpg) no-repeat bottom right;
}

#flashdesign #title {
    background:url(images/headers/newflashdesign.jpg) no-repeat bottom right;
}	

#imagemanipulation #title {
    background:url(images/headers/new3dandother.jpg) no-repeat bottom right;
}

#resources #title {
    background:url(images/headers/newresources.jpg) no-repeat bottom right;
}

#guestbook #title {
    background:url(images/headers/newguestbook.jpg) no-repeat bottom right;
}

#contact #title {
    background:url(images/headers/newcontact.jpg) no-repeat bottom right;
}

#links #title {
    background:url(images/headers/newlinks.jpg) no-repeat bottom right;
}

#applications #title {
    background:url(images/headers/newapplications.jpg) no-repeat bottom right;
}

#sitemap #title {
    background:url(images/headers/newsitemap.jpg) no-repeat bottom right;
}

		
			 		
      	
   
/* ------------index content divs-------------------------- */


#indexintropicture  {
     border: 2px solid #d08d26;
	 border-left: 18px solid #d08d26;
	 height:100px;
	 background: url(images/background/flowersmiddle.jpg) no-repeat bottom right;
}

#indexintropicture:hover {
     border-left: 2px solid #d08d26;
}	 

#indexintrotext {
     color: #e75c00;
}

.recentwork {
    float:right;
	width: 180px;
	border: 2px solid #d08d26;
	display:inline;
	height: 50px;
	border-left: 15px solid #d08d26;
	margin-top: 3px;
	margin-bottom: 3px;
}

.recentwork:hover {
      width: 193px;
     border-left: 2px solid #d08d26;
}	 
    

#contentright p {
      font-size:90%;
	  line-height:130%;
	  text-align:right;
}	  	
    

#recentworkone {
	background: url(images/recentindex/domgardens.jpg) center center;
}

#recentworktwo {
	background:url(images/recentindex/windycityrecent.jpg) center center;
}

#recentworkthree {
	background:url(images/recentindex/recentClearance.jpg) center center;
}

#recentworkfour {
	background:url(images/recentindex/recentone.jpg) center center;
}

#contentright p {
    clear:both;
}

#indexbottomright {
    width: 100%;
	height:200px;
	
}

.desc {
    height: 30px;
	font-size:80%;
}		


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

#footer {
     margin-left: 10%;
	 clear:both;
	padding-bottom: 20px;
}

#footer ul {
   padding-left:100px;
   margin: 4px 0 5px 0;
   border:none;
}   



#footer ul li{
     display:inline;
	 border:none;
}

#footer ul li a {
     display:inline;
	 border :none;
	 padding:3px 10px 0 10px;
}
/*
#footer ul li a:link {
     color:#d08d26;
}
*/
#footer a img {
      border:none;
}	  

/*-------------------inline top navigation---------------------------------*/

#inlinenav  {
       border-bottom: 1px solid #d08d26;
	   width: 620px;
	   text-align:center;
	  
}



#inlinenav ul li {
       display:inline;
	    border-bottom:none;  
}	

#inlinenav ul li a {
       display:inline;
	   padding:0px 22px 0 22px;
	   width:150px;
	   border-bottom:none;
	   
} 


/*----------------index list and all lists----------------------------------*/
ul {
   list-style-type:none;
}

ul li {
   padding-top: 3px;
}   

ul li a {
    display:block;
   text-decoration: none;
   border-bottom: 1px dotted #d08d26;
  
}

p a {
   color:#d08d26;
   text-decoration:none;
   border-bottom: 1px dotted #d08d26;
}   

a:link {
   color: #d08d26;
}

a:visited { 
  color: #d08d26;
  
} 

a:hover { 
   color: #282928;
   background-color: #946638;
}

a:active { 
   color: #d08d26;
}

a img:link, a img:visited {
     text-decoration:none;
	 border: 3px solid #d08d26;
}

a img:hover {
     text-decoration:none;
	 border:none;
}

a img:active {
     text-decoration:none;
	 border:none;
}	              

  

/*--------------- headers and paragraphs---------------------*/	 	

p {
 color:#d08d26;
}


h5 {
   font-size: 110%;
    font-weight:lighter;
	color: #d08d26;
} 

h4 {
   font-size: 130%;
   font-weight:lighter;
   color: #d08d26;
   
}

h4 a{
    border-bottom: 1px dotted #d08d26;
	text-decoration:none;
}
h4 a:link {
    border-bottom: 1px dotted #d08d26;
	text-decoration:none;
}

h5 a{
    border-bottom: 1px dotted #d08d26;
	text-decoration:none;
}
h5 a:link {
    border-bottom: 1px dotted #d08d26;
	text-decoration:none;
}


/*-----for ie6------*/


li {
 display: inline; /* :kledge: Removes lorge gaps in IE6 */
}

td {
   text-align:left;
   padding-bottom: 8px;
}