body{
	background:url(../images/bg.gif) #fbfbfb repeat-x top;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	color:#5d6066;
	padding:0;
}

/**
 * Container layout
 **/
#container.homepage{
	width:960px;
	margin:0 auto;
	background:url(../images/bg-content.jpg) no-repeat top;
	padding-bottom:50px;
} 
#container.aboutus{
	width:960px;
    background:url(../images/) no-repeat 0 135px;
}
#container.geostack{
	width:360px;
	margin:0 auto;
	background:url(../images/geostack_logo2.png) no-repeat top;
	padding-bottom:50px;
} 
#container{
	width:960px;
	margin:0 auto;
	background:url(../images/bg-content-homepage.jpg) #fff no-repeat 0 135px;
	padding-bottom:0px;
}
#insidecontainer{
	width:960px;
	margin:0 auto;
	background:url(../images/) #fff no-repeat 0 135px;
	padding-bottom:0px;
}
#container .tagline{
	clear:both;
	float:left;
	width:396px;
	height:52px;
	text-indent:-9999px;
	background:url(../images/intro-txt.gif) no-repeat left top;
	margin-left:50px;
	margin-top:35px;
}
#container.homepage .tagline{
	clear:both;
	float:left;
	width:396px;
	height:52px;
	text-indent:-9999px;
	background:url(../images/intro-txt.gif) no-repeat left top;
	margin-left:50px;
	margin-top:65px;
}
#container #content-wrapper{
	clear:left;
	width:890px;
	margin-left:25px;
	padding-bottom:30px;
	padding-top:0px;
}
#container.homepage #content-wrapper{
	clear:left;
	width:890px;
	margin-left:50px;
	padding-bottom:30px;
	padding-top:120px;
}
#container.geostack #content-wrapper{
	clear:left;
	width:890px;
	margin-left:150px;
	padding-bottom:30px;
	padding-top:120px;
}
#container.aboutus #content-wrapper{
	clear:left;
    width:960px;
    height:50px;
}
.content{
	width:575px;
	float:left;
}
.content2{
	width:900px;
	float:left;
    margin-left:25px;
    
}
.content2 h1{
	color:#ef6262;
	font-weight:lighter;
}
.content h1{
	color:#ef6262;
	font-weight:lighter;
}
.content h1 span{
	font-size:25px;
	color:#355d00;
}
.content img{
	float:left;
	margin:0 35px 20px 0;
}

.content h1 img{
    float: none;
}

/**
 * Header layout
 **/
#logohomepage{
	float:left;
	width:319px;
	height:120px;
	margin-top:25px;
}
#logohomepage h1 a{
	display:block;
	background:url(../images/logo2.png) no-repeat 25px top;
	text-indent:-9999px;
	height:90px;
    width: 350px;
}
#logo{
	float:left;
	width:319px;
	height:200px;
	margin-top:44px;
}
#logo h1{margin:0;padding:0;}
#logo h1 a{
	display:block;
	background:url(../images/logo2.png) no-repeat 25px top;
	text-indent:-9999px;
	height:90px;
}
#logo2 h1 a{
	display:block;
	background:url(../images/geostack_logo2.png) no-repeat 515px 55px;
	text-indent:-9999px;
	height:100px;
}

.phone{
	float:right;
    width:169px;
	height:49px;
	margin-top:42px;
	margin-right:20px;
}
.phone h2{margin:0;padding:0;}
.phone h2 a{
    display: block;
    background:url(../images/phone.gif) no-repeat left top;
	height:49px;
	text-indent:-9999px;
}

.geostack{
	position:absolute;
    height: 200px;
    left: 650px;
    top: 94px;
	margin-top:42px;
	margin-right:60px;
}

/**
 * menu links
 **/
.top-menu{
	float:right;
	margin:10px 10px 0 0;
	color:#5d6066;
	width:500px;
	font-size:16px;
}
.top-menu a{
	margin: 0 9px 0 9px;
	color:#5d6066;
	text-decoration:none;
}
.top-menu a:hover, .top-menu a.active{
	color:#8cc63f;
}



/**
 * recent clients sidebar
 **/
#clients{
	float:left;
	width:275px;
    padding-left: 25px;
    padding-top: 25px;
}
#clients table{
	/*border-bottom:1px dashed #bfbfbf;*/
	padding-bottom:10px;
}
#clients table td{ vertical-align:top;}


/**
 * demo links sidebar
 **/
#demos{
	float:right;
	width:275px;
    padding-bottom: 20px;
}
#demos div{
    padding:2px;
    text-align:center;
}
#demos div a{
    padding:5px;
}

/**
 * screenshot gallery sidebar
 **/
#gallery{
	float:right;
	width:275px;
    padding-bottom: 20px;
}
#gallery-caption{
    text-align:center;
    width:100%;
    padding-bottom:5px;
}
#gallery-controls{
    text-align:center;
    width:100%;
}
.galleryControl {
    text-align:center;
    display:inline;
}

/**
 * image thumbnail used in gallery page and sidebar
 **/
.thumbnail {
    background: transparent url(../images/screenshots/bg.png) no-repeat;
    height: 280px;
    width: 280px;
    padding-left:15px;
    padding-top:5px;
}

/**
 * style used for "view all" link in all sidebars
 **/
.viewAll{
    text-align:left;
}

/**
 * front page services styles
 **/
.services {	clear:both; padding-left:14px; height:auto; margin-top:20px;}
.services div{
	width:311px;
	float:left;
	height:159px;
    margin-right:25px;
}
.services div h2{
	font-size:25px;
	color:#7e9dec;
	margin-left:25px;
	margin-top:25px;
}
.services div h2 a{color:#355d00; text-decoration:none;}
.services div p{ font-size:12px;
	margin-left:25px;
	width:130px;
	line-height:12px;
}
.services div.mobile{
	background:url(../images/mobile.png) no-repeat left top;
}
.services div.internet{
	background:url(../images/internet.png) no-repeat left top;
}
.services div.desktop{
	background:url(../images/desktop.png) no-repeat left top;
}

/**
 * gallery page layout
 **/
#thumbnailGallery {
	float:left;
	width:900px;
    padding-bottom: 20px;
}
#thumbnailGallery img{
    float:left;
    margin:0 0 0 0;
}

/**
 * Demo page layout
 **/
.demo {
    display:block;
    position:relative;
    height: 375px;
    vertical-align: middle;
}
.demo img{
    padding-right:10px;
    margin:0 0 0 0px;
}
.demoType{
    height: 50px;
    position:absolute;
    left:0px;
    top:0px;
}
.demoScreenshot{
    background: transparent url(../images/demos/drop-shadow.png) no-repeat;
    height: 313px;
    width: 326px;
    padding-left:5px;
    padding-top:5px;

    position:absolute;
    top:50px;
    left:0px;
}
.demoDescription{
    position:absolute;
    top:110px;
    left: 330px;
    width:250px;
}
.demoDescription p{
}
.demoType img{
    display:inline;
}
.demoType h1{
    display:inline;
}

/**
 * customer list style
 **/
.customer{
    display:block;
    position:relative;
    height: 190px;
    vertical-align: middle;
    width: 575px;
}
.customerLogo{
    height:100%;
    position:absolute;
    left:0%;
    top:10%;
    width:200px;
}
.customerDescription{
    position:absolute;
    left: 210px;
    top:10px;
}

/**
 * input form layout
 **/
.user-input{
    display:block;
    padding: 5px;
}
.user-input label{
    display:block;
}
.user-input input{
    display:block;
}

/**
 * footer layout
 **/
#footer{
	clear:both;
	padding:20px;
	background:url(../images/bg-footer.gif) repeat-x;
	display:block;
	font-size:12px;
}
.foot-wrapper{
	width:960px;
	margin:0 auto;
	color:#939393;
}
.foot-wrapper a{color:#939393;}
.foot-wrapper a:hover{color:#000;}
.copyright{
	float:left;
	width:450px;
	padding-top:10px;
	padding-left:50px;
}
.copyright a{ margin-right:10px;}
.address{
	width:280px;
	float:right;
	text-align:right;
}
.address p{ float:left; width:120px;}
.address img{ float:right; margin:8px;}

/**
 * general universal styles
 **/
.green{color:#355d00;}
strong.green{ font-size:14px}
.clear{ clear:both;}
a{ color:#a3b959; text-decoration:none;}
a:hover{ color:#ccc;}
a img{border:0;}
h1{font-size:16px;font-weight:lighter;}
h2{font-size:20px;font-weight:lighter; color:#666666;}
h3{font-size:16px;font-weight:bold; color:#bbbbbb;}
h4{font-size:14px;font-weight:bold; color:#000000;}
h4{ margin:0;padding:5px 10px;}
h1,h2,h3,h5,h6{ margin:0;padding:0;}

/**
* Menu Items
**/
#menu li {
cursor: pointer;
background: #94C5EB;
border-bottom: 1px solid #444;
}
#menu li a { text-decoration: none; }

#menu > li > a {
padding: 2px 10px;
font-weight: bold;
}
#menu li li {
cursor: auto;
border: 0;
padding: 0 14px;
background-color: #fff;
}

#container {
position: relative;
}

#menu, #menu ul {
padding: 0;
margin: 0;
list-style: none;
}
#menu li {
float: left;
background: #ffffff;
}
#menu a {
display: block;
padding: 4px;
width: 5em;
}

#menu li ul {
position: absolute;
width: 10em;
left: -999em;
}
#menu li:hover ul, #menu li ul:hover {
left:auto;
}

/**
 * outlines for debugging
 **/
/*
div {
    border:1px solid red;
}
td {
    border: 1px solid blue;
}
*/