@font-face {
    font-family: 'AirstreamRegular';
    src: url('Airstream-webfont.eot');
    src: url('Airstream-webfont.eot?#iefix') format('embedded-opentype'),
         url('Airstream-webfont.woff') format('woff'),
         url('Airstream-webfont.ttf') format('truetype'),
         url('Airstream-webfont.svg#AirstreamRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArchitectsDaughterRegular';
    src: url('ArchitectsDaughter-webfont.eot');
    src: url('ArchitectsDaughter-webfont.eot?iefix') format('eot'),
         url('ArchitectsDaughter-webfont.woff') format('woff'),
         url('ArchitectsDaughter-webfont.ttf') format('truetype'),
         url('ArchitectsDaughter-webfont.svg#webfontRPduMdrp') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QikkiRegRegular';
    src: url('Qarmic_sans_Abridged-webfont.eot');
    src: url('Qarmic_sans_Abridged-webfont.eot?#iefix') format('embedded-opentype'),
         url('Qarmic_sans_Abridged-webfont.woff') format('woff'),
         url('Qarmic_sans_Abridged-webfont.ttf') format('truetype'),
         url('Qarmic_sans_Abridged-webfont.svg#QikkiRegRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
background-color:#444;
font-size:10pt;
font: 400 0.8em Arial, helvetica, "sans serif", sans, verdana;
margin:0;
padding:0;
color:#fff;
background-image:url(../gif/page2.png);
background-repeat:repeat-x;
}
h1, h1 a {
font-size:20pt;
color:#CCCCCC;
margin:0;
}

h2 {
/*font: 400 1.3em "trebuchet ms", serif;*/
font-family:QikkiRegRegular, "trebuchet ms", serif;
font-size:1.24em;
font-weight:normal;
color: #fff;
padding-bottom:5px;
margin-top:0;
margin-left:-10px;
padding-left:10px;
margin-bottom:5px;
}

h2.preh21 {
height:24px;
margin-left:0px;
padding-left:30px;
background:transparent url(../gif/info.png) left top no-repeat;
}
h2.preh22 {
height:24px;
margin-left:0px;
padding-left:30px;
background:transparent url(../gif/chat.png) left top no-repeat;
}
h2.preh23 {
height:24px;
margin-left:0px;
padding-left:30px;
background:transparent url(../gif/stern.png) left top no-repeat;
}
h2.preh24 {
height:24px;
margin-left:0px;
padding-left:30px;
background:transparent url(../gif/ei.png) left top no-repeat;
}

h3 {
  font: 400 1.3em "trebuchet ms", serif;
  color: #F8D766;
}

h4 {
  font: 700 1.2em "trebuchet ms", serif;
  color: #F39F01;
}

h5 {
  font: 700 1.1em "trebuchet ms", serif;
  color: #F17400;
}

h6 {
  font: 700 1em "trebuchet ms", serif;
  color: #FF4B33;
}
h3, h4, h5, h6 {
margin:0 0 2px 0;
}
a {
color:#A1FF45;
text-decoration:underline;
}
a:hover {
color:#fff;
text-decoration:underline;
}

a.wb {
background:transparent url(../gif/wb_off.gif) left 9px no-repeat;
padding:0 0 0 20px;
display:block;
color:#A1FF45;
text-decoration:none;
}
a.wb:hover {
background:transparent url(../gif/wb_on.gif) left 9px no-repeat;
color:#fff;
text-decoration:none;
}



ol, ul {
  margin: 10px 30px;
  padding: 0 30px;
}
ul {
  list-style-image: url(../gif/bullet.gif);
}
ol {
  color: #FC0;
}
.left {
float:left;
margin:5px 8px 8px 0;
}
.left1 {
float:left;
margin:5px 10px 10px 0;
border:1px solid #fff;
}

.right {
float:right;
margin:5px 0 8px 8px;
}
#page {
width:980px;
margin:0px auto;
padding:0;
}
.gradient {
  margin-bottom: 2em;
  background: #444 url(../gif/gradient1.jpg) repeat-x bottom left; 
}

#header {
clear:both;
width:970px;
height:120px;
padding-left:10px;
}

#headerleft {
float:left;
padding-top:7px;
width:300px;
}

#menulinks {
width:630px;
float:right;
height:120px;
margin-top:1px;
}

#menulinks a {
	padding-left:10px;
	padding-right:10px;
	padding-top:28px;
	height:90px;
   background:transparent url(../gif/menu_off.jpg) bottom left repeat-x;
	display:block;
	color:#eee;
	text-decoration:none;
	float:right;
	font-size:14px;
	font-weight:bold;
	margin-right:2px;
  }
  
#menulinks a:hover, #menulinks a.active {
	background: transparent url(../gif/menu_on.jpg) bottom left repeat-x;
	text-decoration:none;
	color:#A1FF45;
}

#mainarea {
width:970px;
clear:both;
padding-left:10px;
padding-top:10px;
}

.rightbar {
background:#333 url(../gif/gradient2.png)  bottom left repeat-x; 
position:relative;
width:310px;
height:180px;
padding:0 5px 10px 5px;
float:right;
line-height:14pt;
border:0px solid green;
margin:10px 0 5px 0;
}
.rightbar span {
float:right;
width:190px;
font-family: "trebuchet ms", serif, tahoma;
font-size:90%;
line-height:1.32em;
border:0px solid red;
}
.rightbar img {
margin:2px 8px 8px 0;
}
.rightbar img, .content img {
border:1px solid black;
}
.rightbar a img, .content a img {
border:1px solid black;
text-decoration:none;
}
.rightbar a:hover img, .content a:hover img {
border:1px solid white;
}
.rightbar .content .pad5 td {
padding:3px;
}
.rightbar .content .pad3 {
padding:0px;
}

.rightbar .content .pad3 img {
float:left;
margin:0;
padding:0;
}
.rightbar .content .pad3 a img {
margin:0 3px 3px 0;
}
.rightbar p {
}
 
#contentarea1 {
background:#444; 
position:relative;
width:625px;
height:220px;
padding:0 5px 0 5px;
line-height:14pt;
border:0px solid red;
margin-top:10px;
}
#what {
background:#333 url(../gif/gradient2.png) repeat-x bottom left; 
position:relative;
width:290px;
padding:15px 10px 10px 10px;
float:left;
line-height:170%;
border:0px solid white;
height:230px;
margin:0 10px 0 10px;
}
#we_do {
font-family: "trebuchet ms";
font-size:90%;
}
#we_do .head {
font-size:110%;
color:#BCDD5A;
}
		#what dl { margin: 1px 0 0 0; }
		#we_do dt {
		color:#6db328;
		line-height:1.32em;
		font-size:96%;
		font-weight: bold;
		background: url(../gif/bg_box.gif) top left no-repeat; 
		text-indent: 8px;
		margin-top: 3px;
		padding: 3px 0 3px;
		}
		#we_do dd { 
		line-height:1.48em;
		font-size:96%;
		letter-spacing:0px;
		color:#fff;
		background: url(../gif/bg_box.gif) bottom left no-repeat; 
		padding: 0 5px 10px 8px;
		margin:0;
		}
		.head {cursor: pointer}
#what a {
color:#fff;
text-decoration:none;
border-bottom:1px dotted #fff;
}

#what a:hover {
color:#A1FF45;
text-decoration:none;
border-bottom:1px dotted #A1FF45;
}

#screens {
background:#333 url(../gif/gradient2.png) repeat-x bottom left; 
position:relative;
width:310px;
padding:0 5px 0 5px;
float:right;
line-height:16pt;
border:0px solid white;
margin-right:0;
}
#screens img {
border:none;
}
.contentarea {
background:#333 url(../gif/gradient2.png) repeat-x bottom left; 
position:relative;
width:310px;
padding:0 5px 0 5px;
float:left;
line-height:16pt;
border:0px solid white;
}
.contentarea .content span {
float:none;
letter-spacing:0.06em;
font-size:85%;
}
#maincontent {
position:relative;
width:630px;
padding:0 5px 0 5px;
float:left;
line-height:16pt;
border:0px solid white;
margin:10px 10px 10px 0;
}
#maincontent .content {
background:#444 url(../gif/gradient1.png) repeat-x top left; 
}
#maincontent .content2 {
background:#333 url(../gif/gradient1.png) repeat-x bottom left; 
}
.content strong.wieh2 {
font: 400 1.3em "trebuchet ms", serif;
color: #fff;
padding-bottom:5px;
margin-top:0;
margin-left:-10px;
padding-left:10px;
margin-bottom:5px;
}

.content, .content2 {
padding:15px 10px 15px 10px;
margin-bottom:0px;
}
.content span, .content2 span {
float:right;
padding-bottom:10px;
}
.content small, .content2 small {
font-size:80%;
}
.content strong, .content2 strong {
font-size:90%;
}

strong.wieh5 {
font-family: "trebuchet ms", serif, arial, helvetica;
font-size:1.1em;
font-weight:bold;
color: #F17400;

}

.small {
 font-size: 0.8em;
}
.dsmall {
font-family: "trebuchet ms", serif, tahoma;
font-size:90%;
line-height:1.32em;
}
.green {
  color: #A1FF45;
}

.red {
  color: #EA1B00;
}

#footer {
float:left;
  width: 100%;
  height:120px;
  clear: both;
margin-top: 0px;
  background: #000 url(../gif/footer.png)  top left repeat-x;
}
/* Sets the width of the footer content */
#footer #width {
width:970px;
margin:0px auto;
position: relative;
z-index: 3;
font-size:80%;
line-height:140%;
padding:35px 0 10px 25px;
color:#999;
}
#footer a {
color:#8e8e8e;
text-decoration:none;
border-bottom:1px dotted #8e8e8e;
margin-right:12px;
}
#footer a:hover {
color:#9ff3ff;
text-decoration:none;
border-bottom:1px dotted #9ff3ff;
}
#footer img {
margin:0;
padding:0;
}

/**************************************************************
   Blockquote and included icons
 **************************************************************/

blockquote {
margin: 5px 0 5px 0;
  padding:5px 5px 5px 5px;
  background-color: #444;  
  background-image: url(../gif/quote.gif);
  background-repeat: no-repeat;
  background-position: 98% 5px ;
text-align:right;  
}
blockquote.up {
  background-image: url(../gif/up.gif);
}

blockquote.exclamation {
  background-image: url(../gif/exclamation.gif);
}

blockquote.stop {
  background-image: url(../gif/stop.gif);
}

blockquote.go {
  background-image: url(../gif/go.gif);
}
/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
  width: 100%;
}

.width75 {
  width: 74%;
}

.width50 {
  width: 49.7%;
}

.width33 {
  width: 32.7%;
}

.width25 {
  width: 24.7%;
}

/**************************************************************
   Form Elements
 **************************************************************/

label {
  display: block;
}

input,
textarea,
select {
  padding: 2px;
  font: 400 1em verdana, sans-serif;
  color: #444;
  background: #EEE;
  border: 1px solid #444;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E4F7FA;
  border: 1px solid #000;
}

input.button {
  padding: 2px 5px;

  font: 400 1.1em "trebuchet ms", serif;

  color: #000;
  background: #ddd;
  border-width: 1px;
  border-style: solid;
  border-color: #333;
}

.warn {
font-weight:bold;
color:#F17400;
}