@charset "UTF-8";
/* CSS Document */

body {
	background-color:#f4eee6;
	text-align: center;
	margin: 0;
	font-family:"Courier New", Courier, monospace;
}

A:link{
	color: #413C38;
	text-decoration: none;
}

A:hover{
	color: #9a8f7b;
	text-decoration: underline;
}

A:active{
	color: #413C38;
	text-decoration: none;
}

A:visited{
	color: #413C38;
	text-decoration: none;
}

h1 {
	font-size:1.375em;
	color: #413C38;
	margin-bottom:0.2em;
	text-align: left;
}

h2 {
    color: #413C38;
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0 0 0 27px;
    text-align: left;

}

h3 {
    color: #413C38;
    font-size: 0.9em;
    margin: 0;
    padding: 0 0 0 27px;
    text-align: left;
}

h4 {
    color: #413C38;
    font-size: 0.7em;
    margin: 0;
    padding: 0 0 0 27px;
    text-align: left;
}


#main {
	height: 595px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	border: 1px solid #413c39;
	position: relative;
}

#top {
	height: 12px;
	width: 980px;
	background-color: #413c39;
}

#logo {
	background-image:url(../images/robertrhu_webdesign.jpg);
    height: 76px;
    left: 812px;
    position: relative;
    width: 120px;	
}

#photo {
	background-image: url("../images/boulder_colorado_web_design_robertrhu_photo.jpg");
    height: 122px;
    left: 150px;
    position: absolute;
    top: 25px;
    width: 131px;
}

#leftlogo {
	background-image: url("../images/robertrhu_webdesign_leftlogo.jpg");
    height: 534px;
    left: 24px;
    position: absolute;
    top: 35px;
    width: 84px;
}

#divider {
	background-image:url(../images/robertrhu_webdesign_horibar.jpg);
	width: 394px;
	height: 3px;
	position: absolute;
	left: 332px;
	top: 82px;	
}

#vdivider {
	background-image: url("../images/robertrhu_webdesign_vertbar.gif");
    height: 400px;
    left: 535px;
    position: absolute;
    top: 140px;
    width: 3px;
}

#popdivider {
    background-image: url("../images/robertrhu_webdesign_popdivider.gif");
    height: 295px;
    left: 365px;
    position: absolute;
    top: 0;
    width: 5px;
}

#pophdivider {
	background-image: url("../images/robertrhu_boulder_webdesign_pophdivider.png");
    height: 2px;
    left: 23px;
    position: absolute;
    top: 47px;
    width: 317px;
}



li.newbullet {
    background: url("../images/arrowbullet.png") no-repeat scroll 0 6px transparent;
    padding: 0 0 0 25px;
    vertical-align: top;
}

li.checkbullet {
	background: url("../images/robertrhu_webdesign_checkbullet.png") no-repeat scroll 0 6px transparent;
    line-height: 0.6;
    padding: 7px 15px 0 22px;
    text-align: left;
    vertical-align: top;
}

li.checkbullet2 {
	background: url("../images/robertrhu_webdesign_checkbullet.png") no-repeat center left transparent;
  	float: left;
    font-size: 12px;
    line-height: 1.35;
    padding: 3px 5px 0 14px;
    text-align: left;
}

.clients {
	float: left;
    margin: 0 0 0 27px;
    width: 421px;
	
}

#client {
	position: relative;
	top:10px;	
}

ul{
	list-style-type:none;
	padding:0;
	margin: 0 0 8px 0;
}



.poplist {
    font-size: 70%;
    letter-spacing: -1.675px;
    line-height: 1.675;
    margin: 0 0 0 20px;
    text-align: left;
}


#rescontent1 {
    height: 443px;
    left: 121px;
    position: absolute;
    top: 122px;
    width: 365px;
}

#rescontent2 {
    height: 443px;
    left: 575px;
    position: absolute;
    top: 122px;
    width: 380px;
}

.presume {
    font-size: 89%;
    line-height: 0.95;
    margin: 0 0 10px;
    padding: 2px 0 0 27px;
    text-align: left;
		
}

.ppop {
	font-size: 82%;
    left: 0;
    line-height: 0.95;
    margin: 0 0 10px;
    padding: 27px 0 0 27px;
    position: absolute;
    text-align: left;
    width: 325px;
		
}

.schools {
	font-size: 0.95em;
    margin: 10px 0 0;
}

.schools2 {
	font-size: 0.8em;
    margin: 0 0 0;	
}

.right {
	text-align: right;	
}

.left {
	text-align: left;	
}

.center {
	text-align: center;	
}

#download {
	left: 456px;
    position: absolute;
    top: 553px;
	font-weight:600;
}

.nav {
	height: 62px;
    left: 305px;
    position: absolute;
    top: 12px;
    width: 450px;
}

.nav ul {
	float:left;
	margin:0;
	padding:0;
}
.nav ul li {
	display:inline;
}
.nav ul li a {
	float:left;
}
#navlist {
	height:33px;
}
.nav span {
	display:none;
}
#portfolio {
	background:url("../images/robertrhu_webdesign_portbtn.jpg") no-repeat scroll 0 0 transparent;
	display:block;
	height:33px;
	margin-left:30px;
	margin-right:30px;
	margin-top:0px;
	width:109px;
}
#portfolio:hover {
	background-position:0 -33px;
}
#resume {
	background:transparent url("../images/robertrhu_webdesign_resbtn.jpg") no-repeat scroll 0 0;
	display:block;
	height:33px;
	width:109px;
	margin-left: 0px;
	margin-right: 30px;
	margin-top: 0px;
}
#resume:hover {
	background-position: 0 -33px;
}

#contact {
	background:url("../images/robertrhu_webdesign_contactbtn.jpg") no-repeat scroll 0 0 transparent;
	display:block;
	height:33px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	width:109px;
}

#contact:hover {
	background-position:0 -33px;
}

.button {
	margin-left:0px;
	margin-right:30px;
	border: none;
}

#portpg .button {
	margin-left:30px;
	margin-right:30px;
	border: none;
}



	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		line-height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

#slider{
	border: 4px solid #787662;
    left: 153px;
    position: absolute;
    top: 149px;
}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		left: 0px;
		list-style: none outside none;
		margin: 0;
		padding: 0;
		position: relative;
		top: 0px;
		width: 771px;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		height: 411px;
		overflow: hidden;
		width: 771px;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display: block;
		height: 77px;
		left: 120px;
		position: absolute;
		top: 343px;
		width: 30px;
		z-index: 1000;
		}	
	#nextBtn, #slider1next{ 
		left:940px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

.texttop {
	 margin: 3px 0 0 0;
} 

.popskills {
    left: 6px;
    position: relative;
    top: 20px;
}

.shuffler {
	text-align: left;
	padding: 0px;
	margin: 0px;
	clear: both;
	position: absolute;
}

#clickhere {
    color:#413C38;
  	font-size:0.8em;
 	font-weight:bold;
  	left:599px;
  	position:relative;
	top:44px;
 	width:340px;
	}

.contact {
	left: 64px;
    position: relative;
    top: 60px;
    width: 100%;
	color: #413C38;
    font-weight: bold;
	}
	
.pcontact {
    clear: both;
    float: left;
    font-size: 0.9em;
    left: 150px;
    position: relative;
}

.pcontact2 {
  float: left;
    font-size: 0.9em;
    left: 287px;
    position: relative;
    top: -20px;
}

.pcontact3 {
    clear: both;
    float: left;
    font-size: 0.9em;
    left: 150px;
    position: relative;
    top: 6px;
}

.pcontact4 {
    float: left;
    font-size: 0.9em;
    left: 286px;
    position: relative;
    top: -10px;
}

.pcontact5 {
    clear: both;
    float: left;
    font-size: 0.9em;
    left: 150px;
    position: relative;
    top: 42px;
}

#first {
	border: 1px solid #413C38;
    clear: both;
    float: left;
    height: 17px;
    left: 150px;
    padding-left: 3px;
    padding-top: 3px;
    position: relative;
    width: 255px;
}

#last {
	border: 1px solid #413C38;
    clear: both;
    float: left;
    height: 17px;
    left: 546px;
    padding-left: 3px;
    padding-top: 3px;
    position: relative;
    top: -23px;
    width: 255px;
}

#phone {
	border: 1px solid #413C38;
    float: left;
    height: 17px;
    left: 183px;
    padding-left: 3px;
    padding-top: 3px;
    position: relative;
    top: 9px;
    width: 255px;
}

#email {
	border: 1px solid #413C38;
    clear: both;
    float: left;
    height: 17px;
    left: 150px;
    padding-left: 3px;
    padding-top: 3px;
    position: relative;
    top: 9px;
    width: 255px;
}

#message {
	border: 1px solid #413C38;
    float: left;
    left: 47px;
    padding-left: 3px;
    padding-top: 3px;
    position: relative;
    top: 64px;
}

#first:focus, #last:focus, #email:focus, #phone:focus, #message:focus {
	background:#fff;
	-moz-box-shadow:    inset 1px 1px 1px 0px #000000;
   -webkit-box-shadow: inset 1px 1px 1px 0px #000000;
   box-shadow:         inset 1px 1px 1px 0px #000000;
   padding-left: 3px;
   padding-top: 3px;

   color: #413C38;
	}

#contactbutt {
	background: none repeat scroll 0 0 #EADFD9;
    border: 1px solid #413C39;
    clear: both;
    color: #413C39;
    float: left;
    font-family: "Courier New",Courier,monospace;
    font-size: 0.8em;
    font-weight: bold;
    height: 25px;
    left: 408px;
    padding-bottom: 3px;
    position: relative;
    top: 76px;
	}
	
#contactbutt:hover {
	background: none repeat scroll 0 0 #413C39;
    border: 1px solid #eadfd;
    color: white;
    font-size: 0.8em;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
    padding-bottom: 3px;
	}
	
#contactbutt:active {
	background: none repeat scroll 0 0 #787662;
    border: 1px solid #413C3;
    color: #413C39;
    font-size: 0.8em;
	font-weight:bold;
	font-family:"Courier New", Courier, monospace;
    padding-bottom: 3px;
	}

.sayhello {
	clear: both;
    color: #413C38;
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    left: 212px;
    position: relative;
    top: 51px;
}

.invoice {
    clear: left;
    margin: 0 90px 0 90px;
    padding: 80px;
}

.paypal-button {margin: 40px 0 90px;}

.thanksbusiness {color: #413C38;
    font-size: 1.5em;
    font-weight: bold;
margin-left: 11%;}