body {margin: 10px;
	  padding: 0px;
	  background: #D1F5B7 url(images/bg5.jpg);
	  font-family: verdana, arial, helvetica, sans-serif;
	  font-size: 100%;
	  text-align: center; /* for IE */}


/*     DIVS     */


#container{width: 800px;
           margin: 0 auto;
		   padding: 10px;
		   text-align: left; /* counter the body center */
           height: auto;
		   background-color: #F5F4BE;
	       background-image: url("images/lines.jpg");
	       color: black;
	       background-repeat: repeat-y;
		   position: relative;
		   }

* html #container {overflow: visible; width: 820px;/* fixes for IE6 (and older) */}	

#header {padding: 0;
         margin: 0;
		 background-image: url("images/title_bar2.jpg");
         width: 800px;
		 height: 171px;}

#navbar {padding: 0;
         margin: 0;
         width: 130px;
		 height: 239px;
         float: left;}

#content {width: 481px;
          padding: 20px 0px 20px 20px;
          float: left;}
		  
#content_portfolio{width: 635px;
                   padding: 20px 0px 20px 20px;
                   float: left;} 

		  
#csschange {width: 151px;
            float: right;
			height: auto;
			padding: 0px 0px 400px 0px;
			margin: 64px 0px 0px 0px;
			background-image: url("images/csschange2.jpg");
			background-repeat: no-repeat;}

#csschange img {display: block;}

#footer {text-align: left;
	     padding: 0em;
         clear: both;}


/*     LINKS     */

#home {position: absolute;
       top: 250px;
	   background-image: url("images/home.jpg");
	   width: 130px;
	   height: 43px;}

#portfolio {position: absolute;
            top: 345px;
	        background-image: url("images/portfolio.jpg");
	        width: 130px;
	        height: 43px;}

#contact {position: absolute;
          top: 440px;
	      background-image: url("images/contact.jpg");
	      width: 130px;
	      height: 43px;}

#content a:link {color: #9B13A3;
                 text-decoration: none;}
#content a:visited {color: #9B13A3;
                    text-decoration: none;}
#content a:hover{text-decoration: underline;}


#content_portfolio a:link {color: #9B13A3;
                           text-decoration: none;}
#content_portfolio a:visited {color: #9B13A3;
                              text-decoration: none;}
#content_portfolio a:hover{text-decoration: underline;}

#footer a:link {color: #9B13A3;
                text-decoration: none;}
#footer a:visited {color: #9B13A3;
                   text-decoration: none;}
#footer a:hover{text-decoration: underline;}

a img {border: 0;}

/*     IMAGES     */

#css_tick {position: absolute;
           top: 680px;
		   right: 10px;
	       background-image: url("images/vcss.png");
	       width: 88px;
	       height: 31px;}

#html_tick {position: absolute;
            top: 730px;
			right: 10px;
	        background-image: url("images/valid-html401.png");
	        width: 88px;
	        height: 31px;}

#firefox {position: absolute;
          top: 780px;
		  right: 10px;
	      background-image: url("images/firefox-spread-btn-1.png");
	      width: 88px;
	      height: 31px;}

.image_left {float: left;
             margin: 10px;
             border: solid #C0C2B5 2px;}
.image_left img {display: block;}

.image_right {float: right;
              margin: 10px;
              border: solid #C0C2B5 2px;}
.image_right img {display: block;}



/*     FONTS     */

h3 {font-family: verdana, sans-serif;
	font-size: 80%;
	font-weight: normal;
	line-height: 200%;
	color: #000000;}

h2 {font-family: verdana, sans-serif;
	font-size: 100%;
	font-weight: normal;
	letter-spacing: 3px;
	word-spacing: 5px;
	color: #000000;
	background-color: #D1F5B7;
    margin: 0em;
	width: 100%;
    display: list-item;
	list-style-type: square;}

* h2 {margin: 15px;}

h4 {font-family: verdana, sans-serif;
	font-size: 60%;
	text-align: right;
	padding: 1em 1em 1em 4em;
	color: #000000;}

h5 {font-family: verdana, sans-serif;
	font-size: 60%;
	text-align: center;
	padding: 1em;
	color: #000000;
	background-color: #D1F5B7;
	display: block;
	border: solid #C0C2B5 2px;}


/*     MISC     */

#button {padding: 0em;
         width: 100px;}

ul li {display: inline;}

.message {border: solid #C0C2B5 2px;}

.textarea {border: solid #C0C2B5 2px;
          width: 645px;
		  height: 300px;}
		  
		  
.jq_portfolio_cont {float: left;
                    width: 635px;
					padding:20px 0 190px 20px;
					}
					
.jq_image_left {float: left;
             width: 320px;
			 height: 215px;
             margin: 10px;
}


.jq_rk_titles 
{
float: left;
width: 100%;
height: 30px;
}

.jq_text_left {float: right;
             width: 260px;
             margin-top: 10px;
             height: 210px;}
			 
.jq_rk_titles h2
{font-family: verdana, sans-serif;

	font-size: 100%;

	font-weight: bold;

	letter-spacing: 3px;

	word-spacing: 5px;

	color: #000000;

	background-color: #D1F5B7;

    margin: 0em;
 padding-left: 10px;
	width: 100%;
}