* {
margin:0px;
padding:0px;
background-repeat:no-repeat;
}

html, body {
	height: 100%;
	width:100%;
}


body {
background-image:url(../img/backdrop1.jpg);
background-repeat:repeat-x;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:11px;
background-color:#4687BD;
}
p {
margin-bottom:10px;
line-height:1.8em;

}
a img {
border:none;
}
a, a:link, a:visited {
text-decoration:none;


color:#0066CC;
}
a:hover {
color:#0080FF;
}
ul {
margin-left:5px;
}
li {
padding-top:1px;
padding-bottom:12px;
padding-left:20px;
list-style:none;
background-image: url(../img/bullet.png);
}

h1,h2, .news-header{
font-family: AvantGarde, Verdana, Helvetica, Arial, sans-serif;
padding-top:15px;
margin-bottom:25px;
font-weight:bold;
color:#B8672B;
font-size:2.8em;
}
h2, .news-header {
font-size:1.8em;
padding-top:0px;
margin-bottom:10px;
}
h3 {
font-weight:normal;
font-size:1.4em;
padding-top:0px;
margin-bottom:5px;
color:#0066CC;

}
#pageContent h2,  .news-header {
color:#0066CC;
}

#wrapper {
background-image:url(../img/backdrop2.png);
background-repeat:no-repeat;
background-position:  top;
width:100%;
margin:0 auto;
}
#container {
padding-top:25px;
margin: 0 auto;
width:910px;

}
#header {
padding:25px;
padding-top:90px;
padding-bottom:0px;
width:860px;
height:152px;
background-image:url(../img/header_bg.png);
margin-bottom:00px;
}

#mainContainer {
width:910px;
}

#mainContainer #top, #mainContainer #bottom{
display:block;
width:910px;
height:10px;
background-image:url(../img/maincontainer_top.png);

}
#mainContainer #bottom{background-image:url(../img/maincontainer_bottom.png);}
#mainContainer #content {
background-image:url(../img/maincontainer_slither.png);
width:910px;
background-repeat:repeat-y;
}

#mainContainer #content  #pageContent{

width: 630px;
padding-left:23px;
padding-right:23px;
}
#mainContainer #content  #sidebar{
float:right;
margin-right:16px;
margin-top:3px;
margin-bottom:3px;
width:204px;

}
.news-header {text-align:center; font-size:1.7em; width:204px; display:inline-block;}

#footer {
width:880px;
height:107px;
display:block;
padding:15px;
padding-top:30px;
background-image:url(../img/footer_bg.png);
}
#footer .floatRight {
text-align:right;
color:#009FC2;
padding-top:15px;
}
.floatRight {
float:right;
padding-left:10px;

}
.thumbs {
width:250px;
}


.push {
width:500px;
clear:both;
}
.pagePush {
width:910px;
height:20px;
display:block;
clear:both;
}
.moofulogo {
display:inline-block;
width: 121px;
height:91px;
background-image:url(../img/moofu_logo.png);
text-indent:-999px;
overflow:hidden;
float:left;

}

.youtubelogo {
margin-left:20px;
display:inline-block;
width: 121px;
height:91px;
background-image:url(../img/youtube_logo.png);
text-indent:-999px;
overflow:hidden;
float:left;
}

.twitterlogo {
margin-left:20px;
display:inline-block;
width: 207px;
height:91px;
background-image:url(../img/twitter_logo.png);
text-indent:-999px;
overflow:hidden;
float:left;
}
.flickrlogo {
margin-left:20px;
display:inline-block;
width: 150px;
height:91px;
background-image:url(../img/flickr_logo.png);
text-indent:-999px;
overflow:hidden;
float:left;
}

#header #logo {
display:block;
width:305px;
height:84px;
text-indent:-999px;
overflow:hidden;
background-image:url(../img/archi-me_logo.png);

}

#header #menu {
width:445px;
font-family: AvantGarde, Verdana, Helvetica, Arial, sans-serif;
text-transform:uppercase;
font-size:12px;
height:20px;
padding-top:30px;
}
#header #menu ul{
padding:0px;
margin:0px;
width:445px;
height:20px;
}
#header #menu ul li{

padding:0px;
margin:0px;
height:19px;

float:left;

}
#header #menu ul li a, #header #menu ul li b {
padding:0px;
display:block;
height:19px !important;
background-image:url(../img/menu.png);
background-repeat:no-repeat;
text-indent:-999px;
overflow:hidden;
}
#header #menu ul li#home a 			{width:41px; background-position:0px 0px;}
#header #menu ul li#eval a 			{width:112px; background-position:-41px 0px;}
#header #menu ul li#services a 	{width:65px; background-position:-153px 0px;}
#header #menu ul li#examples a 	{width:71px; background-position:-218px 0px;}
#header #menu ul li#news a 		{width:44px; background-position:-289px 0px;}
#header #menu ul li#contact a 		{width:62px; background-position:-333px 0px;}

#header #menu ul li#home a:hover, #header #menu ul li#home b 					{width:41px; background-position:0px -21px;}
#header #menu ul li#eval a:hover, #header #menu ul li#eval b 						{width:112px; background-position:-41px -21px;}
#header #menu ul li#services a:hover, #header #menu ul li#services b 	 	{width:65px; background-position:-153px -21px;}
#header #menu ul li#examples a:hover, #header #menu ul li#examples b  	{width:71px; background-position:-218px -21px;}
#header #menu ul li#news a:hover, #header #menu ul li#news b  			{width:44px; background-position:-289px -21px;}
#header #menu ul li#contact a:hover, #header #menu ul li#contact b  			{width:62px; background-position:-333px -21px;}

.row {
padding-bottom:5px;
}
.row .label {
padding-bottom:5px;

}
.row input, .row textarea, .row select {
width:300px;
padding:2px;

}
.errorbox {
width: 290px;
padding:5px;
border:1px #dedede solid;
}
.error {
width:306px;
text-align:right;
padding-top:2px;
padding-bottom:5px;
color:#B8672B;

}
.youtubeContainer, .youtubeContainer object, .youtubeContainer embed {
padding:0px;
margin:0px;
width:320px;
height:265px;

margin: 0 auto;

}
.youtubeContainer {
float:left;
padding-right:15px;
}

.submit {
width:300px;
text-align:right;
}
button, a.button , .longbutton {
color:#000;
cursor:pointer;
font-size:12px;
display:inline-block;
width:124px;
padding-left:15px;
padding-bottom:5px;
height:35px;
border:none;
background:none;
background-image:url(../img/button_bg.png);
background-repeat:no-repeat;
}
a.button, .longbutton { padding-top:10px;
padding-left:21px;
margin-bottom:10px;
width:102px;
height:20px;

}
button:hover, a.button:hover, .longbutton:hover{
background-position: 0 -35px;
}
.longbutton {
width:200px;
background-image:url(../img/longbutton_bg.png);
}
a.longbutton {
color:#000;;
}
#map_canvas {margin-top:10px;}

.exampleContainer {
padding:5px;
margin-top:5px;
margin-bottom:5px;
border:1px #dedede solid;
}
.exampleContainer img{


}
.exampleContainer .button {
display:none;
}
.exampleContainer  p {
margin-bottom:0px;
}
.exampleContainer .firstThumb {
float:left;
padding-right:15px;
padding-bottom:0px;
}
.firstThumb {
display:inline-block;

padding-bottom:15px;

}
.galleryContainer a{ 
display:inline-block;
padding-right:3px;
padding-bottom:5px;

}

.news {
width:204px;
}
.news .item {
width:204px;
margin-bottom:10px;
display:inline-block;
}
.news .item a.title {
font-size:1.3em;
display:inline-block;
color: #000000;
padding-bottom:3px;
}
.news .item a.title:hover {
color:#0066CC;
}

.news .item p {
line-height:1.4em;
margin-bottom:5px;
}
.news .item .button {

display:inline-block;
}
.exampleContainer .push {
clear:both;
width:600px;
display:inline-block;
}
.twocol #pageContent p {
width:370px;
}
.thumbssmall {
float:right;
width:150px;
padding-left:10px;
}
.thumbssmall img{
padding:0px;
width:150px;
}
textarea {
font-size:1em;
font-family:font-family: Verdana, Helvetica, Arial, sans-serif;

}