/*  CSS by Orlando de Frias
	May 30, 2007
	For orpheuxdesign.com
	FIRST OFFICIAL REDESIGN
*/

/*  COLOR SETS:

	#fdf1da = splash border / very light orange
	#303544 = bluish text color
	#6f6f70 = light bluish text
	#eea210 = BG orange and link orange
	#FAC765 = link hover orange
	#9e4946 = reddish highlight text
	#c59290 = light reddish text
	
*/

*:first-child+html body {margin: 0 0 20px 0;}
body {
	background: #83b7d5 url(images/bg.jpg) top left repeat-x;
	color: #303544;
	font: 100% Tahoma, Verdana, Arial;
	text-indent: 0;
	margin: 0; padding: 0;
}

img, img a, img a:hover {border: none;}
p {font-family: Tahoma; text-align: justify;}
a {
	color: #eea210;
	text-decoration: none;
}
a:hover {
	color: #FAC765;
	text-decoration: none;
}
h1 {
	color: #303544;
	font-weight: normal;
	font-size: 1.7em;
	font-family: Verdana;
	text-align: justify;
	letter-spacing: -2px;
	text-transform: lowercase;
	padding: 0; margin: 15px 0 0 0;
	line-height: 1.1em;
}

h2 {
	color: #303544;
	font-weight: normal;
	font-size: 2em;
	text-align: justify;
	font-family: Verdana;
	letter-spacing: -3px;
	text-transform: lowercase;
	padding: 0; margin: 15px 0 0 0;
	line-height: 1.1em;
}

h3 {
	color: #303544;
	font-weight: normal;
	font-size: 2.5em;
	text-align: justify;
	font-family: Verdana;
	letter-spacing: -4px;
	text-transform: lowercase;
	padding: 0; margin: 15px 0 0 0;
	line-height: 1.1em;
}

h4 {
	color: #303544;
	font-weight: normal;
	font-size: 1.4em;
	font-family: Verdana;
	letter-spacing: -2px;
	text-transform: lowercase;
	padding: 0; margin: 15px 0 6px 0;
	line-height: 1.1em;
}

hr {border: 0; height: 3px; width: 438px; padding: 0; margin: 0 auto 0 auto; background: url(images/line.png) top left no-repeat;}

.noshow {display: none;}

#container1, #container2, #container3, #container4 {
	width: 644px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 0 auto;
}

/*Recent work tag*/
#container1 {}
/*Select entry tag*/
#container2 {}
/*Stuff we do tag*/
#container3 {}
/*Get in touch tag*/
#container4 {}


#header {
	background: url(images/logo3.png) top left no-repeat;
	width: 442px; height: 87px;
	margin-top: 10px;
	float: left;
	margin-left: 1px;
}

#content {
	width: 442px;
	height: 100%;
	margin: 0 0 0 1px;
	background: url(images/container.png) top left repeat-y;
	float: left;
	padding-top: 3px;
	z-index: 2;
}

.wrapper {
	width: 386px;
	height: 100%;
	overflow: hidden;
	padding: 2px 1px 20px 1px;
	margin: 0 auto 0 auto;
}

#clientLogin {
	width: 442px; height: 26px;
	margin: 0 auto 0 auto;
	padding: 0;
	color: white;
	font-family: Tahoma;
}

#loginStuff {position: absolute; top: 0; z-index: 2; visibility: hidden;}
#loginShow {margin-top: 6px; z-index: 1;}
#forgotPass {position: absolute; top: 0; z-index: 3; visibility: hidden;}
form {padding: 0; margin: 0;}

.medium {width: 100px;}
.long {width: 160px;}

#contentFoot {
	background: url(images/cont_foot.png) top left no-repeat;
	width: 442px; height: 24px;
	margin: 0 auto 0 auto;
}

#footer {
	background: url(images/container.png) top left repeat-y;
	margin: 0 auto 0 auto;
	width: 442px;
}
#footer p {
	background: url(images/bottom.png) bottom left no-repeat;
	padding: 5px 30px 10px 30px; margin: 0 0 20px 0;
	overflow: hidden;
}

*:first-child+html #footer p {margin: 0 0 0px 0;}

/*Animated sidebar*/

#sidebar {
	position: relative;
	width: 100px;
	overflow: hidden;
	font-family: Verdana;
	letter-spacing: -3px;
	float: left;
	left: 3px;
	top: 100px;
	z-index: 0;
}

#sidebar ul {list-style: none;}

#sidebar a {
	width: 100px;
	display: block;
	padding: 1px 0px 1px 0px;
	margin: 0px 0;
	text-decoration: none;
	font-size: 26px;
}

#sidebar a {color: white;}

.home a {background: url(images/home.png) top left no-repeat; text-indent: -9999px;}
.services a {background: url(images/services.png) top left no-repeat; text-indent: -9999px;}
.portfolio a {background: url(images/portfolio.png) top left no-repeat; text-indent: -9999px;}
.about a {background: url(images/about.png) top left no-repeat; text-indent: -9999px;}
.contact a {background: url(images/contact.png) top left no-repeat; text-indent: -9999px;}

.selected1 a {position: relative; left: 20px;}
.selected2 a {position: relative; left: 10px;}

/*Recent work*/
.recentWork, .ourWork {
	list-style: none;
	width: 408px;
	overflow: hidden;
	padding: 0;
	margin-left: 0;
}
.recentWork li {
	float: left;
	width: 180px;
	margin: 0px 18px 0px 0px;
	padding: 0px;
	display: block;
}

.recentWork li a {float: left; padding: 7px; background: #523525; border: 1px solid #ececec;}
.recentWork li a img, .ourWork li a img {border: 1px solid #6f6f70;}
.recentWork li a:hover, .ourWork li a:hover {background: #6c96ae; border: 1px solid #ececec;}


/*Portfolio*/
.ourWork li {
	float: left;
	width: 70px;
	margin: 0px 30px 15px 0px;
	padding: 0px;
	display: block;
}

.ourWork li a {float: left; padding: 5px; background: #fdf1da; border: 1px solid #eea210;}

/*Images*/
.splashImg {
	width: 364px; height: auto;
	border: 10px #523525 solid;
	background: url(images/splashback.png) top left no-repeat;
}


/*Text*/
.hilite {color:#523525;}
.hilite2 {color:#6c96ae;}
.viewPortfolio {font-size: 1.6em; float: right; padding: 0; margin: 0;}
acronym {float: right; font-size: 1.7em; letter-spacing: -1px;}
#aboutText, #aboutText2 {padding: 10px 0 10px 0;display: block;overflow: hidden;}
.p2 {
	float:left;
	width:43%;
	padding:0px 0px;
	text-align:justify;
	margin: 0 28px 0 0;
}

.p3 {
	float:left;
	width:43%;
	padding:0px 0px;
	text-align:justify;
	margin: 0 0 0 20px;
}
.p4 {
	float:left;
	width:50%;
	padding:0px 0px;
	text-align:justify;
	margin: 0 28px 0 0;
}
.p5 {
	width: 130px;
	float: left;
	padding: 16px 0 0 0;
	text-transform: lowercase;
	text-align: center;
}


/*Forms*/
fieldset {border: 0;}
label {text-transform: lowercase; margin-left: 2px;}

/*HIGHSLIDE*/
.highslide {
	cursor: url(highslide/graphics/zoomin.cur) , pointer;
    outline: none;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.overskrift1 {
	color:#523525;
	font-weight: normal;
	font-size: 1.7em;
	font-family: Verdana;
	text-align: justify;
	letter-spacing: -2px;
	padding: 0; margin: 15px 0 0 0;
	line-height: 1.1em;
	font-size:18px;
}

.overskrift2 {
	color:#6c96ae;
	font-weight: normal;
	font-size: 2em;
	text-align: justify;
	font-family: Verdana;
	letter-spacing: -3px;
	padding: 0; margin: 15px 0 0 0;
	line-height: 1.1em;
	font-size:18px;
}
.overskrift3 {
	color:#523525;
	font-weight: normal;
	font-size: 1.7em;
	font-family: Verdana;
	text-align: justify;
	letter-spacing: -2px;
	padding: 0; margin: 15px 0 0 0;
	line-height: 1.1em;
	font-size:30px;
}
 
.overskrift4 {
	color:#6c96ae;
	font-weight: normal;
	font-size: 2em;
	text-align: justify;
	font-family: Verdana;
	letter-spacing: -3px;
	padding: 0; margin: 15px 0 0 0;
	line-height: 1.1em;
	font-size:30px;
}
.brodtekst {
	color: #303544;
	font: 90% Tahoma, Verdana, Arial;
	line-height:16px;
	font-size:13px;
}