@font-face {
	font-family: 'JunctionRegular';
	src: url('../fonts/junction_02-webfont.eot');
	src: local('?'), url('../fonts/junction_02-webfont.woff') format('woff'), url('../fonts/junction_02-webfont.ttf') format('truetype'), url('../fonts/junction_02-webfont.svg#webfontAxhwqfX9') format('svg');
	font-weight: normal;
	font-style: normal;
}

html{
height:100%; 
}

img{
border:none;
}

body{
margin: 0;
padding: 0;
background: url('../img/bgvign.png') no-repeat center -30px;
background-color:#ffffff;
text-align:left;
height:100%; 
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
overflow-y:scroll;
}

a{
text-decoration:none;
}

p{
margin: 0;
padding: 0;
}

h1{
margin: 0;
padding: 0 0 5px 0;
font-family: 'Cantarell', arial, serif;
font-weight: bold;
font-size: 30px;
letter-spacing:-.08em;
text-align:left;
line-height:105%;
}

h2{
margin: 0;
padding: 0 0 5px 0;
font-family: 'JunctionRegular', arial, sans-serif;
font-size: 18px;
line-height:normal;
letter-spacing:-.05em;
text-align:left;
margin:10px 0;
}

h3{
margin: 0;
padding: 0 0 5px 0;
font-family: 'Cantarell', arial, serif;
font-weight: bold;
font-size: 21px;
letter-spacing:-.05em;
}

h4{
margin: 0;
padding: 0 0 5px 0;
font-family: 'Cantarell', arial, serif;
font-weight: bold;
font-size: 14px;
line-height:normal;
letter-spacing:-.05em;
text-align:left;
}

#container{
margin: 0 auto; 
width: 930px;
padding-top:115px;
}

#logobox{
z-index:4;
position:fixed;
top:0px;
width:215px;
}

#logobox div{
height:71px;
}

#nav{
z-index:4;
position:fixed;
top:45px;
margin-left:210px;
font-weight:bold;
color:#ffffff;
width:800px;
}

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

#nav ul{
list-style: none;
display:block;
}

#nav ul li{
float:left;
margin:0px 10px;
}

#nav ul li.index{
width:63px;
height:40px;
}

#nav ul li.apps{
width:60px;
height:40px;
}

#nav ul li.verts{
width:119px;
height:40px;
margin-right:200px;
}

#nav ul li.about{
width:69px;
height:40px;
}

#nav ul li.contact{
width:89px;
height:40px;
}

#nav ul li  {
background:url(../img/navgrad.png) repeat-x 0 0;
}

#nav ul li {
background:url(../img/navgrad.png) repeat-x 0 0;
}

.color-index{
background-color: #009bbc;
}

.color-apps{
background-color: #4bbc00;
}

.color-verts{
background-color: #bb0505;
}

.color-about{
background-color: #bd4e04;
}

.color-contact{
background-color: #b6bd04;
}

#header{
z-index:2;
position:fixed;
width:100%;
height:98px;
border-bottom: 1px solid #d5d5d5;
}

#footer{
z-index:3;
position:fixed;
bottom:0px;
width:217px;
height:53px;
background-image: url('../img/footerbox.png');
background-repeat:no-repeat;
font-size:10px;
color:#ffffff;
text-align:center;
}

#footer p{
padding-top:7px;
line-height:20px;
}

.trans{
filter:alpha(opacity=68);
opacity: 0.68;
-moz-opacity:0.68;
}

#text-column{
float:left;
width:200px;
text-align:justify;
padding:0 10px;
padding-bottom:60px;
}

#text-column p{
padding-bottom:10px;
}

#img-2col{
margin-top:-40px;
float:right;
padding-bottom:40px;
}

#img-2col.loading {
background: url(../img/spinner.gif) no-repeat center center;
height:700px;
width:700px;
}

#img-3col.loading {
background: url(../img/spinner.gif) no-repeat center center;
height:350px;
width:350px;
}

.img-apps{
margin-top:30px;
}

iframe{
border: 2px solid #000000;
}

#img-column img{
display:block;
}

/* 3 COLUMN LAYOUT*/

#mid-column{
width:330px;
float:left;
padding:0 10px;
}

#mid-column p{
padding: 0 20px 10px 20px;
}

#rt-column{
width:330px;
float:left;
padding:0 10px;
}

/* FORM */
form {
margin-left:30px;
}

.formrow{
color:#ffffff;
background-color:#000000;
margin-bottom:8px;
padding:5px;
width:250px;
}

textarea {
    resize: none;
	width:243px;
}

input {
	width:245px;
}

.submit {
	width:100px;
	height:30px;
	border:none;
	cursor:pointer;
}



#infocontent{
color:#d2e4eb;
padding:20px;
text-align:justify;
text-shadow: #517c8d 1px 1px 0;
}

#adsbox1{
color:#ffffff;
position:absolute;
top:160px;
margin-left:350px;
padding:10px;
width:300px;
background-color:#000000;
}

#arrowleft{
position:absolute;
margin-left:-28px;
background-image: url('../img/boxarrow_left.png');
width:18px;
height:41px;
}

#adsbox2{
color:#ffffff;
position:absolute;
top:640px;
margin-left:30px;
padding:10px;
width:270px;
background-color:#000000;
}

#arrowright{
position:absolute;
margin-left:280px;
background-image: url('../img/boxarrow_right.png');
width:18px;
height:41px;
}

.clear{
clear:both;
}

.indent{
margin-left:20px;
}