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

body
{
	background-image:url(../images/background_repeating.jpg);
	background-repeat:repeat; 
	background-color:#f5edac;
	font-family: 'Inconsolata', arial, serif;
	padding:0;
	margin:0;

}

.h1 
{
	position: relative;
	font-size:34px;
	color:#db7700;
	margin-left:auto;
	margin-right:auto; 
}

.group{margin-bottom:15px;}

.h2
{
	position: relative;
	font-size:23px;
	color:#40535d;
	margin-left:auto;
	margin-right:auto; 
}

/*
.highlightedText {
	color: #db7700;
}
*/
A:link {text-decoration: none; color: #db7700; 
	-moz-outline-style: none;
	outline: none;

}
A:visited {text-decoration: none; color: #db7700; -moz-outline-style: none;
	outline: none;}
A:active {text-decoration: none; color: #db7700;
	-moz-outline-style: none;
	outline: none;
}
A:hover {text-decoration: none; color: #db7700; -moz-outline-style: none;
	outline: none;}

.MainWrapper
{
 	background-image:url(../images/background_main.png);
 	background-repeat:repeat-y;
	background-position:top center; 	
	margin-left:auto;
	margin-right:auto;
	height:auto;
	min-height:5300px;
	width:960px;
	padding-bottom:5px;

}

.Wrapper
{
	
	margin-left:auto;
	margin-right:auto;
	width:660px;
	padding-bottom:5px;

}

.MainWrapper2
{
 	background-image:url(../images/background_main.png);
 	background-repeat:repeat-y;
	background-position:top center; 	
	margin-left:auto;
	margin-right:auto;
	height:auto;
	min-height:4600px;
	width:960px;
	padding-bottom:5px;

}

.Wrapper2
{
	
	margin-left:auto;
	margin-right:auto;
	width:660px;
	padding-bottom:5px;

}

.introBody
{
	position: relative;
	top:auto;
}

.portfolioBody
{
	position: relative;
	top:640px;
}

.aboutBody
{
	position: absolute;
	float: left;
	top:3100px;
	/*left:314px;*/
}

.contactBody
{
	position: absolute;
	float: left;
	top:4100px;
	/*left:314px;*/
}

#callMe {
	position: relative;
	top: 70px;
	left: 80px;
}

.footer{
	position:absolute;
	text-align:center;
	top:5200px;
	left:590px;
	font-size:18px;
}

.footer a:link{
	text-decoration:none;
	color:#40535d;
	-moz-outline-style: none;
	outline: none;
}
.footer a:active{
	text-decoration:none;
	color:#40535d;
	-moz-outline-style: none;
	outline: none;
}
.footer a:visited{
	text-decoration:none;
	color:#40535d;
}
.footer a:hover{
	text-decoration:none;
	color:#db7700;
}

/* FLASH NAVIGATION /////////////////////////////////////////////////////////*/

ul#rightNav {
	position: fixed;
    margin: 0px;
    padding: 0px;
    top: 386px;
    left: 0px;
    list-style: none;
}

ul#rightNav li {
    width: 140px;
}

ul#rightNav li a:link {
	text-decoration:none;
    display: block;
	padding-top: 21px;
	font-size:25px;
	text-align:center;
    margin-left: -2px;
    width: 140px;
    height: 48px;    
    background-color:#db7700;
	color: #fefbf5;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #a29971;
    /*-moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;*/
    -moz-box-shadow: 3px 3px 3px #a29971;
    -webkit-box-shadow: 3px 3px 3px #a29971;
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);*/
	-moz-outline-style: none;
	outline: none;
}

ul#rightNav li a:visited {
	text-decoration:none;
    display: block;
	padding-top: 21px;
	font-size:25px;
	text-align:center;
    margin-left: -2px;
    width: 140px;
    height: 48px;    
    background-color:#db7700;
	color: #fefbf5;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #a29971;
    /*-moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;*/
    -moz-box-shadow: 3px 3px 3px #a29971;
    -webkit-box-shadow: 3px 3px 3px #a29971;
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);*/
	-moz-outline-style: none;
	outline: none;
}

ul#rightNav li a:active {
	text-decoration:none;
    display: block;
	padding-top: 21px;
	font-size:25px;
	text-align:center;
    margin-left: -2px;
    width: 140px;
    height: 48px;    
    background-color:#db7700;
	color: #fefbf5;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #a29971;
    /*-moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;*/
    -moz-box-shadow: 3px 3px 3px #a29971;
    -webkit-box-shadow: 3px 3px 3px #a29971;
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);*/
	-moz-outline-style: none;
	outline: none;
}

ul#rightNav li a:hover {
	text-decoration:none;
    display: block;
	padding-top: 21px;
	font-size:24px;
	font-weight:bold;
	text-align:center;
    margin-left: -2px;
    width: 140px;
    height: 48px;    
    background-color:#db7700;
	color: #fefbf5;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #a29971;
    /*-moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;*/
    -moz-box-shadow: 3px 3px 3px #a29971;
    -webkit-box-shadow: 3px 3px 3px #a29971;
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);*/
	-moz-outline-style: none;
	outline: none;
}

/*MAIN NAVIGATION /////////////////////////////////////////////////////////*/

ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 40px;
    left: 0px;
    list-style: none;
    /*z-index:9999;*/
}
ul#navigation li {
    width: 100px;
}
ul#navigation li a:link {
	text-decoration:none;
	text-align:center;
	padding-top: 21px;
    display: block;
    margin-left: -2px;
	color:#40535d;
	font-size:25px;
    width: 140px;
    height: 48px;    
    background-color:#fefbf5;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #a29971;
    /*-moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;*/
    -moz-box-shadow: 3px 3px 3px #a29971;
    -webkit-box-shadow: 3px 3px 3px #a29971;
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);*/
	-moz-outline-style: none;
	outline: none;
}

ul#navigation li a:visited {
	text-decoration:none;
	text-align:center;
	padding-top: 21px;
    display: block;
    margin-left: -2px;
	color:#40535d;
	font-size:25px;
    width: 140px;
    height: 48px;    
    background-color:#fefbf5;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #a29971;
    /*-moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;*/
    -moz-box-shadow: 3px 3px 3px #a29971;
    -webkit-box-shadow: 3px 3px 3px #a29971;
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);*/
	-moz-outline-style: none;
	outline: none;
}


ul#navigation li a:active {
	text-decoration:none;
	text-align:center;
	padding-top: 21px;
    display: block;
    margin-left: -2px;
	color:#40535d;
	font-size:25px;
    width: 140px;
    height: 48px;    
    background-color:#fefbf5;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #a29971;
    /*-moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;*/
    -moz-box-shadow: 3px 3px 3px #a29971;
    -webkit-box-shadow: 3px 3px 3px #a29971;
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);*/
	-moz-outline-style: none;
	outline: none;
}


ul#navigation li a:hover {
	text-decoration:none;
	text-align:center;
	padding-top: 21px;
    display: block;
    margin-left: -2px;
	color:#db7700;
	font-size:25px;
    width: 140px;
    height: 48px;    
    background-color:#fefbf5;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #a29971;
    /*-moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;*/
    -moz-box-shadow: 3px 3px 3px #a29971;
    -webkit-box-shadow: 3px 3px 3px #a29971;
    /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);*/
	-moz-outline-style: none;
	outline: none;
}


/*
ul#navigation .home a{
    background-image: url(../images/home.png);
}
ul#navigation .portfolio a      {
    background-image: url(../images/camera.png);
}
ul#navigation .about a      {
    background-image: url(../images/id_card.png);
}
ul#navigation .contact a    {
    background-image: url(../images/mail.png);
}

*/



/* FORM */

form,input,select,textarea{
	margin:0; 
	padding:0; 
	color: #40535d;} 
div.box { 
	margin:0 auto; 
	width:500px;  
	position:relative; 
	top:10px; 
	left: -42px; } 
div.box h1 { 
	padding:5px 0 5px 5px; } 
div.box label { 
	width:100%; 
	display: block; 
	padding:10px 0 10px 0; } 
div.box label span { 
	display: block; 
	color:#40535d; 
	font-size:18px; 
	float:left; 
	width:100px; 
	text-align:right; 
	padding:5px 20px 0 0; } 
div.box .input_text { 
	padding:10px 10px; 
	width:200px; 
	background:#ffffff;   } 
div.box .message{ 
	padding:7px 7px; 
	width:350px; 
	background:#ffffff; 
	overflow:hidden; 
	height:150px; } 
div.box .button { 
	margin:0 0 10px 0; 
	padding:4px 7px; 
	background:#db7700; 
	border:0px; 
	position: relative; 
	top:18px; 
	left:120px; 
	width:110px; 
	height: 36px; 
	color: #fff;
	font-size:18px;
	cursor: pointer;
}



/* PORTFOLIO GALLERY //////////////////////////////////////////*/

div.float {
  float: left;
  border: 3px #0C3;
  border-color:#0C3;
  padding: 7px;
  }
  
img {
  border-style: none;
  }
  

div.container1 {
	position: relative;
 	/* background-color: #ffffff;*/
 	z-index: 5;

  }
  

 div.container2 {
	position: relative;
	top: 80px;
	z-index: 4;
  }
  
 div.container3 {
	position: relative;
	top: 140px;
	z-index: 3;
  }