body{
background:url(http://risforrob.com/bg.jpg);
background-repeat:repeat;
background-position:center -220px;
overflow-x:hidden;
}


a {
   outline: none;
}

#box{
margin-left:auto;
margin-right:auto;
width:740px;

}

#box2{
margin-left:auto;
margin-right:auto;
width:750px;
}

#nav{
width:700px;
height:60px;
font-size:28px;
padding-top:44px;
padding-left:30px;
font-weight:normal;
border-bottom:1px solid #dddddd;
}

#logo{
position:absolute;
margin-left:-145px; 
top:18px;
}

blockquote{
font:italic 18px Georgia,serif;
margin:0;	
}

img{
border:none;
}

h1{
font-size:85px;
}

h2{
font-size:60px;
letter-spacing:-1px;
}

h3{
font-size:25px;
font-weight:bold;
letter-spacing:-1px;
}

a{
text-decoration:none;
color:#000;
font-family: "Arial", Helvetica, sans serif;
}

a:hover{
color: #333333;
}

a.about:hover{
color:#44d6ff;
}

#abouttop:hover{
color:#44d6ff;
}

a.about{
color:#555555;
}
a#abouttop{
color:#555555;	
}

#aboutbottom:hover, .highlight_about{

color:#44d6ff;	
}


a.work:hover{
color:#44d6ff;
}

#worktop:hover{
color:#44d6ff;
}

a.work{
color:#555555;
}
a#worktop{
color:#555555;	
}

#workbottom:hover, .highlight_work{
	
color:#44d6ff;	
}

a.blog:hover{
color:#44d6ff;
}

#blogtop:hover{
color:#44d6ff;
}

a.blog{
color:#555555;
}
a#blogtop{
color:#555555;	
}

#blogbottom:hover, .highlight_blog{
	
color:#44d6ff;
}

a.contact:hover{
color:#44d6ff;
}

#contacttop:hover{
color:#44d6ff;
}

a.contact{
color:#555555;
}
a#contacttop{
color:#555555;	
}

#contactbottom:hover, .highlight_contact{
color:#44d6ff;
}

#smalltype{
font-size:19px;	
text-align:right;
margin-right:15px;
}

#type{
letter-spacing:-2px;	
}

#about{
margin-top:-50px;
font-size:14px;	
font-family: "Arial", Helvetica, sans serif;
width:760px;
}

#contacttext{
font-size:14px;	
line-height:21px;
font-family: "Arial", Helvetica, sans serif;
}

#contact{
margin-top:-50px;
font-family: "Arial", Helvetica, sans serif;
width:800px;
}

#photobox{
height:276px;
width:204px;
}

#learn{
font-size:15px;
margin-top:-3px;
}

#work{
font-size:14px;	
margin-top:25px;
font-family: "Arial", Helvetica, sans serif;
padding:1em;
border:1px solid #dddddd;
background:white;
-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}


#work:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;	
}

#work .story{
border-top:4px solid #aaaaaa;
float:left;
margin:10px;
padding-top:10px;	
}

.col1{
width:220px;
margin-right:10px;
margin-left:10px;
}

.col2{
width:460px;
margin-right:10px;
margin-left:10px;
}

.col3{
width:700px;
margin-right:10px;
margin-left:10px;
}

.col1 img, .col2 img, .col3 img{
max-width:none;	
}

.viewboxleft{
height:14px;
width:40px;
float:left;
text-align:center;
background:#aaaaaa;
color:white;
font-size:10px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;	
-moz-border-radius: 3px;
border-radius: 3px;
}

.viewboxleft:hover,.viewboxright:hover{
background-color:#51cffd;
color:white;
}

a.viewboxleft{
margin-right:5px;	
}

.cbleft{
height:14px;
width:80px;
float:left;
text-align:center;
background:#aaaaaa;
color:white;
font-size:10px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;	
-moz-border-radius: 3px;
border-radius: 3px;
}

.cbleft:hover{
background-color:#51cffd;
color:white;
}

.dlboxleft{
height:14px;
width:75px;
float:left;
text-align:center;
background:#aaaaaa;
color:white;
margin-right:5px;
font-size:10px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;	
-moz-border-radius: 3px;
border-radius: 3px;
}


.dlboxleft:hover, .dlboxright:hover{
background-color:#51cffd;
}

img alt{
display:none;	
}

#contactform{	
margin-left:-260px;
}

.clear {
	clear:both;
}
 .block {  
     width:500px;  
     margin:0 auto; 
padding-left:15px;
padding-top:15px;
padding-bottom:15px;

	 
 }  
 .element * {  
     padding:5px;   
     margin:2px;   
     font-family:arial;  
     font-size:12px;  
 }  
 .element label {  
     float:left;   
     width:60px;  
     font-weight:700  
 }  
 .element input.text {  
     float:left;   
     width:255px; 
	 margin-right:100px;
	 margin-bottom:20px;
     padding-left:20px; 
	 	 border:1px solid #aaaaaa;
 }  
 .element .textarea {  
     height:120px; 
     width:355px;  
     padding-left:20px;  
	 border:1px solid #aaaaaa;
 }  
 .element .hightlight {  
     border:2px solid 9F1319;  
     background:url(http://risforrob.com/images/contact/iconCaution.gif) no-repeat 2px  
 }  
 .elementsubmit {  
 	margin-top:10px;
     margin-left:408px;  
 }  
 .loading {  
     float:right;   
     background:url(http://risforrob.com/images/contact/ajax-loader.gif) no-repeat 1px;   
     height:28px;   
     width:28px;   
     display:none;  
	 margin-top:-5px;
	 margin-right:9px;
 }  
 .done {  
     background:url(http://risforrob.com/images/contact/iconIdea.gif) no-repeat 2px;   
     padding-left:20px;  
     font-family:arial;  
     font-size:12px;   
     width:70%;   
     margin:20px auto;   
     display:none  
 }  
 
 input.submitbutton{
height:20px;
font-family:arial;
width:50px;
text-align:center;
background:#aaaaaa;
color:white;
border-style:none;
font-size:12px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;	
-moz-border-radius: 3px;
border-radius: 3px;
float:none;
}

input.submitbutton:hover{
background-color:#44d6ff;
color:white;
}
