@import "../css/default.css";

body {
        background-color:#141414;
}

div#topbar {
	background-color:#393939;
	height: 40px;
	width: auto;
}


div#wrapper {
        float:middle;
	background-color:#141414;
	margin-left: auto;
	margin-right: auto;
	margin-top: -40px;
	width: 741px;
}

div#logo {
	float:left;
	background-color:#393939;
	margin-left:0px;
	height:40px;
	width: 741px;
}

div#navigation {
	background-color:#141414;
	margin-top:0px;
	margin-bottom:21px;
	padding-left:0px;
	height:41px;
}


div#wrappermain {
	float:left;
	background-color:#141414;
	padding:0px 0px 0px 0px;
	height:auto;
	width:741px;
	padding-bottom:50px;
}



div#intro {
	position:relative;
        background-color:#ffffff;
	padding:77px 350px 77px 77px;
	margin-top:0px;
	width:auto;
}


div#submenu {
	position:absolute;
        background-color:#ffffff;
	padding:0px 0px 0px 0px;
	margin-top:4px;
	margin-left:470px;
	width:auto;
}

div#imagetop {
	position:absolute;
        background-color:#ffffff;
	padding:0px 0px 0px 0px;
	margin-top:10px;
	margin-left:450px;
	width:auto;
}



div#portfolio {
        position:relative;
        background-color:#ffffff;
	padding:77px 77px 77px 77px;
	margin-top:9px;
	height: auto;
	}


div#latestwork {
        position:relative;
	background-color:#ffffff;
	margin:10px 15px 0px 0px; 
	width: auto;
        }
        
        .border img{
	border: 4px solid #e4e4e4; margin-right:7px;
	}
	
	.border:hover img{
	border: 4px solid #539aa0; margin-right:7px;
	}
	
	
	.border:hover{
	color: #539aa0; /* irrelevant definition to overcome IE bug */
	}


        img.white_border1{
	        border: 4px solid #e4e4e4; margin-top:20px;
        }
        
        .white_border2 img{
	        border: 4px solid #e4e4e4; margin-top:20px;
        }
        
        .white_border2:hover img{
		border: 4px solid #539aa0; margin-top:20px;
	}






div#here {
	float:left;
        background-color:#ffffff;
	padding:77px 77px 77px 77px;
	margin-top:9px;
	margin-bottom:9px;
	width:587px;
}





h1 {
	font-size:55px;
	color: #539aa0;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:normal;
	line-height: 45pt;
        text-decoration:none;
        padding-bottom:10px;
}

h2 {
	font-size:35px;
	color:#989898;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:normal;
        text-decoration:none;
	display:inline;

}

h3 {
	padding-top:10px;
	font-size: 12px;
	color: #676767;
	font: Sans-serif,Arial, Helvetica;
	font-family: Arial;
	font-weight:normal;
	line-height:22px;
}



h4 {    

	font-size: 12px;
	color: #676767;
	font: Sans-serif,Arial, Helvetica;
	font-family: Arial;
	font-weight:normal;
	display:inline;
	padding-left: 16px;

}


h5 {    

	font-size: 16px;
	color: #ffffff;
	font: Sans-serif,Arial, Helvetica;
	font-weight: bold;
	font-style: italic;
	padding-top:9px;
}


p.italic      {font-style:italic;}

a:link    {color:#3b7c81; text-decoration: none}
a:visited {color:#3b7c81; text-decoration: none}
a:active  {color:#393939; text-decoration: underline}
a:hover   {color:#393939; text-decoration: underline;}



div#navigation {
        float: left;
        width: 100%;
}
div#navigation li { display: inline; }
div#navigation li a {
        float:right;
        background-color:#393939;
        margin-top:0px;
        padding-top:23px;
        padding-bottom: 4px; 
        padding-right:60px;
        padding-left: 8px;
        font-size: 11px;
        font: Sans-serif,Arial, Helvetica;
        font-family: Arial;
        font-weight:bold;
        color:#ffffff;
        text-decoration: none;
        display:inline;
        margin-left: 3px;
}


div#navigation li 

a:hover {
        color: #00000;
        background-color:#4c4c4c;
        margin-left: 3px;
}
div#navigation li#youarehere a {
        color:#ffffff;
        background-color:#539aa0;
        margin-left: 3px;
        
}