body {  
  padding-top : 0px;;
  margin : 0;
  font-size : 11px;
	font-family: arial;
  line-height: 150%;
  color:#666666;

}

img{
border:none;
}

.clear{
height:8px;
clear:both;
}

.clear2{
height:8px;
clear:both;
}

.clear3{
height:2px;
clear:both;
}

#navigation
{
	margin: 0 auto;
	width: 780px;
}


/*navbar*/
.navbar{
margin-top:25px;
float: right;
list-style: none;
  line-height: 120%;
}

#navigation {
   list-style: none;
   margin: 0; padding: 0;
}

#navigation li {
   float: right;
}

#navigation li a.longer, #navigation li a.longer2 {
   display: block;
   width: 105px;
   height: 35px;
   text-align: left;
      color:#666666;
   padding: 35px 0px 0px 0px;
   font-size:11px;
   border-bottom: #b7b7b7 solid 7px;
   text-decoration:none;
}

#navigation li a.shorter, #navigation li a.shorter2 {
   display: block;
   width: 70px;
   height:35px;
   text-align: left;
      color:#666666;
   padding: 35px 0px 0px 0px;
   font-size:11px;
   border-bottom: #b7b7b7 solid 7px;
   text-decoration:none;
}

#navigation li a.shorter2,  {
   border-bottom: #FF9933 solid 7px;
}

#navigation li a.logo img{
	display: block;
	text-align: left;
	vertical-align: top;
	text-decoration: none;
	border-bottom: #b7b7b7 solid 7px;
	padding-top: 18px;
	padding-right: 70px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#navigation li a:hover {
   border-bottom: #FF9933 solid 7px;
   color:#666666;   
}

#navigation li a.logo:hover {
      border-bottom:#b7b7b7 solid 7px;
}

/*bootom navbar*/

.bottomNav{
margin-top:px;
}

.bottomNav ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
.bottomNav ul li
{
float:right;
}
.bottomNav ul li a:link, .bottomNav ul li a:visited
{
display:block;
width:18px;
font-weight:bold;
color:#FFFFFF;
background-color:#b7b7b7;
text-align:center;
padding:2px;
text-decoration:none;
text-transform:uppercase;
margin-left:7px;
}
.bottomNav ul li a:hover,
.bottomNav ul li a:active
{
background-color:#FF9933;
}

.bottomNav ul li a.clicked
{
background-color:#FF9933;

}


#content-container
{
	float: left;
	width: 100%;
	background: #ffffff;
}

#content-container2
{
	margin: 0 auto;
	width: 780px;
}

#content-container3
{
	float: left;
	width: 780px;
}


#content
{
	clear: left;
	float: left;
	width: 780px;
	padding: 0;
	display: inline;	
}

#textarea
{
	margin-top: 0px;
	text-align: justify;
	padding-left:;
	padding-right:;
	display: inline-block;
	margin-bottom: 30px;
	clear: both;
	width: px;
	border-left: #b7b7b7 7px solid;
	border-right: #b7b7b7 7px solid; /*take padding from text and image into account*/
}


#textareaportfolio
{
	margin-top: 0px;
	text-align: justify;
	display: inline-block;
	margin-bottom: 10px;
	clear: both;
	width: px;
	border-left: #b7b7b7 7px solid;
	border-right: #b7b7b7 7px solid;
	height: 485px;
}

h1
{
color:#999999;
font-size:22px;
font-weight:lighter;
margin-top:0px;
margin-bottom:12px;
}

h2
{
font-size:12px;
margin-top:0px;
}

h3
{
font-size:13px;
margin-top:6px;
margin-bottom: 6px;
color:#FF9933;
}

h4
{
font-size:18px;
margin-top:65px;
margin-left:15px;
margin-bottom: 6px;
color:#666666;
font-weight:lighter;
}

.heading
{
color:#999999;
font-size:25px;
margin-top:8px;
margin-bottom:12px;
}

.headingOrange
{
color:#FF9933;
font-size:14px;
margin-top:8px;
margin-bottom:8px;
}

ol{
padding:0;
margin-left:18px;
}

ol li
{
padding:0;
}



.email{
text-decoration:none;
color:#666666;
}

a.email:hover{
text-decoration:underline;
}


.text
{
width:302px;
padding-left:20px;
padding-right:15px;
padding-top:15px;
float:left;
height:395px;
}

.image
{
width:420px;
padding-left:9px;
height:420px;
float:right;
}

.portfolio
{
	width: 731px;
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 19px;
	float: right;
}

.portfolio2
{
width:731px;
padding-left:20px;
padding-right:15px;
padding-top:19px;
float:right;
height:420px;
}

.imageportfolio
{
width:185px;
heigth:135px;
float:left;
margin-top:10px;
}


.imageportfolio a
{
width:185px;
heigth:135px;
border:3px solid #b7b7b7;
float:left;
}

.imageportfolio a:hover
{
width:185px;
heigth:135px;
border:3px solid #FF9900;
float:left;
}

.imageportfolio2
{
width:145px;
heigth:135px;
float:left;
margin-top:10px;
}

.imageportfolio2 img
{
border:3px solid #b7b7b7;
}


.textportfolio
{
width:515px;
heigth:480px;
padding-left:8px;
padding-right:8px;
float:right;
margin-top:10px;
}

.textportfolio2
{
width:560px;
heigth:480px;
padding-left:8px;
padding-right:8px;
float:right;
margin-top:10px;
}


.contactForm
{
width:420px;
padding-left:9px;
height:420px;
float:right;
background-color:#eeeeee;
}


.image img
{
float:right;
}


#footer-container
{
	clear: left;
	color:#666666;
	background:#b7b7b7;
padding-top:px;
padding-bottom:px;
height:40px;


}

.middle1, .middle2{
padding-top:6px;
padding-bottom:4px;
font-size:14px;
float:left;
height:30px;
width:140px;
}

a.middle1, a.middle2{
padding-left:23px;
width:140px;
text-decoration:none;
border-left:#FFFFFF solid 7px;
color:#4e4e4e;
text-align:left;
}

a.middle1b{
background-color:#FF9900;
}

a.middle2{
border-right:#FFFFFF solid 2px;
}

a.middle1:hover, a.middle2:hover{
background-color:#FF9900;
color:#FFFFFF;
}


.right{
padding-top:2px;
font-size:10px;
float:right;
width:160px;
}

a.right{
width:160px;
text-decoration:none;
color:#666666;
}

a.right:hover{
text-decoration:underline;
}



#footer-container1
{
	clear: left;
	color: #fff;
	background:#FFFFFF;
	height:8px;
	background-image:url(../images/shadow.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

#footer-container2
{
	clear: left;
	color: #fff;
	background:#FFFFFF;
	height:8px;
}




#footer
{
	margin: 0 auto;
	width: 780px;
	text-align: right;
	height: 1%;
	height:25px;
}


.top{
width:220px;
margin-left:8px;
margin-right:8px;
height:25px;
border-top:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
float:left;
}



.bottom{
width:220px;
margin-left:8px;
margin-right:8px;
height:5px;
border-bottom:#CCCCCC 1px solid;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
}


/*FORM*/

form{
margin-left:15px;
}

label
{
width: 7em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}

.submit input
{
margin-left: 4.5em;
}

input, TEXTAREA
{
color: #666666;
background: #fffff;
border: 1px solid #999999;
}

.submit input
{
padding:2px 10px;
color: #ffffff;
background: #FF9933;
float:right;
margin-right: 30px;
}
#content #textareaportfolio .portfolio #a2 .textportfolio a {
	color: #666666;
}
#content-container2 #content-container3 #content #textarea .portfolio2 .textportfolio p a {
	color: #666666;
}
#content-container2 #content-container3 #content #textareaportfolio .portfolio #a1 .textportfolio p a {
	color: #666;
}
#content-container2 #content-container3 #content #textareaportfolio .portfolio #a2 .textportfolio p a {
	color: #666;
}
#content-container2 #content-container3 #content #textareaportfolio .portfolio #a3 .textportfolio p a {
	color: #666;
}
#content-container2 #content-container3 #content #textareaportfolio .portfolio #a4 .textportfolio p a {
	color: #666;
}
#content-container #content-container2 #content-container3 #content #textareaportfolio .portfolio #a1 .textportfolio a {
	color: #666;
}