/* CSS Document */

body{
margin:0 0;
padding:0;
border:0;
height: 100%;
font: 101% helvetica, verdana, sans-serif;
line-height:1.3em;
color:#333333;
background:#fff;
text-align:center;
}

#masthead{
color:#171821;
padding:0 0 0 0;
height: 426px;
}

#intro{
background: url(../images/banner2.jpg) top center no-repeat;
position:relative;
width:950px;
height: 426px;
margin:0 auto;
text-align:center;
}

#banner {

width: 950px;
height: 426px;
}

#slogan {
background: url(../images/slogan.gif) top center no-repeat;
width: 296px;
height: 236px;
}


/* TEXT
-------------------------------------------*/

h1{
margin:30px 0 5px 13px;
padding:0;
letter-spacing:-1px;
font: 28px/24px helvetica, verdana, sans-serif;
color:#599cca;
}

h1 a{
color:#599cca;
text-decoration: none;
}

h2{
margin:3px 0 15px 13px;
padding:0;
letter-spacing:-.5px;
font: 20px/20px helvetica, Verdana, Arial, sans-serif;
color:#99c0dc;
}

h3{
margin:30px 0 12px 13px;
padding:0;
letter-spacing:-.5px;
font: 24px/26px helvetica, Verdana, Arial, sans-serif;
color:#356aa0;
}

/*h3{
margin:13px 0 0 0;
padding:0;
letter-spacing:-1px;
font: normal 24px/26px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
color:#525B6A;
border-bottom: 1px solid #525B6A;
}*/

p.title {
font-family:georgia, serif;
font-size:1em;
font-style:italic;
letter-spacing:-0.08em;
font-weight:300;
color:#171821;
background:transparent;
}

p{
color:#666666;
line-height:1.7em;
letter-spacing:.06em;
margin-bottom:1em;
padding:0 0px 5px 0px;
}

p a{
color:#34a1ec;
text-decoration:none;
}

p a:hover{
color: #666666;
text-decoration:underline;
}

p.accent em{
font-family:georgia, serif;
font-size:1.8em;
letter-spacing:-0.05em;
font-weight:300;
color:#171821;
background:transparent;
}


a{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}

div.clear{
display:block;
clear:both;
}

/* GENERAL 
-------------------------------------------*/

.imgborder {
background:white;
padding:9px;
border:1px solid #666666;
}

.tnborder img{border: 3px solid #e9eae4;}

.tnborder:hover img{border: 3px solid #a4bde5;}

.tnborder:hover{color: blue; /* irrelevant definition to overcome IE bug */}

.portpicborder {border: 1px solid #666666;}

input {
background: #ffffff;
border: 1px solid #545454;
padding: 1px 0 3px 0;
}

.commentbox {
background: #ffffff;
border: 1px solid #545454;
padding: 1px 0 3px 0;
}
	
input.button {
font-family: helvetica, verdana, arial, sans-serif;
font-size: 12px;
background: #545454;
border: 1px solid #545454;
color: #dddddd;
font-weight: normal;
cursor: pointer;
padding: 2px 1px 1px 1px;
margin: 0 0 0 9px;
}

.hide{position:absolute;left:-9999px;text-align:left;clear:both;}


  

/* MAIN CONTAINERS
-------------------------------------------*/

#container{
font-size:0.8em;
height:100%;
}

#body{
position:relative;
width:930px;
height:100%;
margin:0 auto;
text-align:left;
background:#ffffff url(../images/body_bg.jpg) repeat-y;
border: 10px #ffffff solid;
}



/* LEFT COLUMN
-------------------------------------------*/

.leftcol{
float:left;
width:600px;
height: 800px;
margin-top: 30px;
border-right:1px #f7f7f7 solid;
}

.leftcol h2{
margin-left: 40px;
background: transparent;
}

.leftcol h1{
margin-left: 40px;
}

.leftcol p{
margin-left: 40px;
margin-right: 30px;
}




/* RIGHT COLUMN
-------------------------------------------*/

#rightcol{
margin-top: 45px;
float:right;
width:276px;
height:100%;
background-color:transparent;
}

.rightcol h1{
margin-left: 0px;
}

#rightcol p{
margin-left: 18px;
margin-top: 0;
line-height: 2em;
}

#rightcol p a{
color: #FFFFFF;
text-decoration: none;
}

#rightcol p a:hover{
color: #356aa0;
}


/* MENU
-------------------------------------------*/

#menu {
width: 286px;
padding: 0 0 0 0;
margin-top: 15px;
margin-bottom: 1em;
font-size: 18px;
font-weight: normal;
background-color: transparent;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
/*border-top: 30px solid #599cca;
border-bottom: 30px solid #599cca; */
}		
#menu li {
margin: 0;
width: auto;
}
#menu li a {
display: block;
padding: 15px 0 10px 24px;
border-bottom: 1px solid #599cca;
background-color: transparent;
color: #599cca;
text-decoration: none;
width: auto;
}
#menu li a:hover {
border-bottom: 1px solid #599cca;
background-color: #599cca;
color: #fff;
}
#menu li.top a {
display: block;
padding: 15px 0 10px 24px;
border-top: 1px solid #599cca;
border-bottom: 1px solid #599cca;
background-color: transparent;
color: #599cca;
text-decoration: none;
width: auto;
}
#menu li.top a:hover {
border-bottom: 1px solid #599cca;
background-color: #599cca;
color: #fff;
}


/* THUMBNAILS
-------------------------------------------*/

#thumbs ul{
float: left;
overflow: hidden;
width: 286px;
margin: 0 0 0 10px;
padding: 0 0 0 0;
}

#thumbs li{
float: left;
margin: 10px 10px 0 0; 
padding: 0 0 0 0;
background: transparent;
list-style: none;
}

#thumbs li img{
display: block;
}

#thumbs li.folioLink{
width: auto;
margin: 0; 
padding: 0 5px 0 0;
float: none;
clear: both;
text-align: right;
}


/* PORTFOLIO THUMBNAILS
-------------------------------------------*/

#port_thumbs ul{
float: left;
overflow: hidden;
width: 500px;
margin: 0 0 0 0;
padding: 0 0 0 40px;
}

#port_thumbs li{
float: left;
margin: 3px 3px 0 0; 
padding: 0 0 0 0;
background: transparent;
list-style: none;
}

#port_thumbs li img{
display: block;
}

#port_thumbs li.folioLink{
width: auto;
margin: 0; 
padding: 0 5px 0 0;
float: none;
clear: both;
text-align: right;
}


/* PORTFOLIO PICTURE
-------------------------------------------*/

#portpic {
float: left;
overflow: hidden;
width: 500px;
margin: 0 0 0 0;
padding: 30px 0 0 40px;
}



/* FOOTER
-------------------------------------------*/

#footerblock{
width:950px;
float:inherit;
font-size:0.9em;
background:transparent;
}

#mainfooter{
font-size:.8em;
position:relative;
width:950px;
margin:5px auto;
color:#599cca;
text-align:right;
}

#mainfooter a{
color:#356aa0;
text-decoration:none;
}

#mainfooter a:hover{
color:#599cca;
text-decoration:none;
}

.footerleft{
float:left;
width:400px;
}

#footerleft p{
margin:0;
padding:0;
color:#ffffff;
}

#footerright {
float:right;
width:400px;
text-align:right;
margin:0;
padding:0;
color: #356aa0;
}

#footerright a{
color: #356aa0;
text-decoration: none;
}

#footerright a:hover{
color: #666666;
}