@charset "UTF-8";


@font-face {
    font-family: 'Archeologicaps';
    src: url('../script/archeologicaps-webfont.eot');
    src: local('Archeologicaps'), 
         local('Archeologicaps'), 
         url('../script/archeologicaps_regular.ttf') format('truetype'),
         url('../script/archeologicaps-webfont.svg#Archeologicaps') format('svg'); 
}

* {outline:none; border:none;}

body
{
	padding:0;
	margin:0;	
	font-family:Tahoma, Geneva, sans-serif;
	color:#fff;
	font-size:14px;
}

#bg { position: fixed; top: 0; left: 0;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

#container
{
	height: 660px;
	width:1000px;	
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-500px;
	margin-top:-330px;
	
}

.transparent {
	
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=70);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.7;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.7;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.7;
}


.transparent-light
{
	        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=10);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.10;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.10;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.10;
}

.transparent-med
{
	        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1; */
        width: 100%; 

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=25);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.25;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.25;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.25;
}

#menu-bg
{
height:100px;
width:80%;	
background-color:#000;
position:absolute;
bottom:50px;
}

#panel
{
		height:200px;
		width:70%;
		background-color:#000;	
		position:absolute;
		right:80px;
		top:20px;
}

#menu
{
	position:absolute;
	bottom: 60px;
	left:20px;
}

#logo
{
	font-family:Archeologicaps, Helvetica, Arial;
	font-size:28px;
}

#logo a
{
	text-decoration:none;	
	color:#ff2200;
}

#nav
{
	font-size:13px;
	padding-top:15px;
}

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

#nav ul li
{
	float:left;	
	padding-right:24px;
}

#nav ul li a
{
	text-decoration:none;
	color:#ffffff;
}

#nav ul li a:hover
{
	text-decoration:overline;
}

#content-bg
{
	width:550px;
	height:100%;
	background-color:#000;	
	position:absolute;
	right:0;
}

#content-bg-const
{
	width:300px;
	height:70%;
	background-color:#000;	
	position:absolute;
	left:10px;
	top:60px;
}

#content
{
	position:absolute;
	right:25px;
	top:50px;	
	width:500px;
	line-height:150%;
}

#content a:hover
{
	text-decoration:none;	
}

#content-const
{
	position:absolute;
	left:34px;
	top:85px;	
	width:250px;
	line-height:150%;
	color:#000;
}

#banner
{
	font-family:Archeologicaps, Helvetica, Arial;
	font-size:16px;
	font-style:italic;	
}

h1
{
	font-family:Archeologicaps, Helvetica, Arial;
	font-size:12px;
}

.gallery-link
{
	color:#fd4d22;
	font-size:12px;
	text-decoration:none;	
	float:right;
}

#gallerypage-bg
{
	width:810px;
	height:450px;
	background-color:#000;	
	position:absolute;
	
	top:30px;
	right:0;
}

#gallerypage
{
	color:#fff;
	width:580px;
	position:absolute;
	right:200px;
	top:55px;
	
}


#gallery-bg
{
	width:625px;
	height:630px;
	background-color:#000;	
	position:absolute;
	
	top:0px;
	right:0;
}

#gallery
{
	color:#fff;
	width:565px;
	position:absolute;
	right:30px;
	top:15px;
	
}

.thumbnail
{
	opacity:0.6;filter:alpha(opacity=60);	
}

.thumbnail:hover
{
	opacity:1.0;filter:alpha(opacity=100);	
}

#thumb-scroll
{
height:550px;
	overflow:auto;	
}

#thumb-scroll-gallery
{
height:400px;
	overflow:auto;
	width:755px;	
}

#pricing-bg
{
	width:505px;
	height:100%;
	background-color:#000;	
	position:absolute;
	right:0;
}

#pricing
{
	position:absolute;
	right:30px;
	top:5px;	
	width:450px;
	line-height:150%;
}

#pricing a:hover
{
	text-decoration:none;	
}

#pricing td
{
	font-size:12px;
		
	
}

.textbox
{
	padding:5px;	
	width:180px;
	margin-bottom:8px;
}

#textarea
{
	padding:5px;	
	width:320px;
	height:45px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
}

.orange
{
	
	
	line-height:14px;
}

#contact-flash
{
	float:right;
	margin-bottom:50px;	
}