html, body {
  color: #7a7777;
  font-family: "Goudy Bookletter 1911", sans-serif;
  font-size: 14px;
  height: 100%;
  margin: 0 0 0 0;
  min-height: 100%;
  padding: 0;
  text-align: left;
}

h1 {
  font-family: "Raleway", sans-serif;
  font-size:24px;
  color: #7a7777;
  text-decoration: none;
}

h2 {
  font-family: "Raleway", sans-serif;
  font-size:18px;
  color: #7a7777;
  text-decoration: none;
}

h3 {
  font-family: "Raleway", sans-serif;
  font-size:16px;
  color: #7a7777;
  text-decoration: none;
}

.verdana {
    font-family: "Verdana", sans-serif;
    font-size:12px;
}
a:link, a:visited, a:active {
  color:#4940ff;
}

a:hover {
  color: #7a7777;
}

.white12px {
  font-size:12px;
  color: #FFFFFF;
}

.white14px {
  font-size:14px;
  color: #FFFFFF;  
}

.red12px {
  font-size:12px;
  color: #CD0000;
}

.grey12pxbold {
  font-size:12px;
  color: #7a7777;
  font-weight: bold;
}

.grey12px {
  font-size:12px;
  color: #7a7777;
}

.divtestimonial {
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
}

.divtestimonial p {
  padding: 0px;
  
}

.inlineblock {
  display: inline-block;
}

.centertext {
  text-align: center;
}

.headline24px {
  /**font: 24px/120% Verdana, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
  text-shadow: 0 1px 1px black;
  color: #FFFFFF;
  text-decoration: none;**/
  font-family: 'Raleway', serif;
  font-size: 28px;
  color: #FFFFFF;
  text-decoration: none;
  margin-top: 0;
}

.headlineblank {
  font-family: 'Goudy Bookletter 1911', serif;
  font-size: 16px;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
  margin-top: 0;
}

.headline18px, .headline18px a {
  font-family: 'Raleway', serif;
  font-size: 18px;
  color: #FFFFFF;
  text-decoration: none;
  margin-top: 0;
}

.breadcrumb, .breadcrumb a {
  font-size: 24px;
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
}

.breadcrumbheadline {
  font-size: 16px;
  color: #FFFFFF;
  font-weight: normal;
  font-family: "Goudy Bookletter 1911", sans-serif;
  margin-bottom: 0;
}

.footerheader {
  color: #E3E3E3;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active {
  color: #7a7777;
  font-family: "Goudy Bookletter 1911", sans-serif;
  font-size: 14px;
  text-decoration: none; 
}

a.footerlink:hover {
  color: #E3E3E3;
}

.footerlinkheader, a.footerlinkheader:link, a.footerlinkheader:visited, a.footerlinkheader:active {
  color: #E3E3E3;
  font-family: "Goudy Bookletter 1911", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

a.footerlinkheader:hover {
  color: #7a7777;
}

.footerlinktwitter, a.footerlinktwitter:link, a.footerlinktwitter:visited, a.footerlinktwitter:active {
  color: #E3E3E3;
  font-family: "Goudy Bookletter 1911", sans-serif;
  font-size: 14px;
  text-decoration: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

a.footerlinktwitter:hover {
  color: #7a7777;
}

.wrapper {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.gappsblock {
  padding: 5px;
  width: 100%;
  height: auto;
  display: inline-block;
  margin: 5px;
  position:relative;
}

.gappsicon {
  float: left;
  width: 50px;
  text-align: center;
  margin-top: 10px;
  padding-right: 20px;
}

.gappstext {
  float: left;
  width: 580px;
}

.ecommerceblock {
  width: 100%;
  height: auto;
  display: inline-block;
  position:relative;
}

.ecommerceicon {
  float: left;
  width: 100px;
  text-align: center;
  margin-top: 10px;
  padding-right: 20px;
}

.ecommercetext {
  float: left;
  width: 530px;
}

.producticon {
  float: left;
  width: 100px;
  text-align: center;
  margin-top: 10px;
  padding-right: 20px;
}

.producttext {
  float: left;
  width: 530px;
}

.border {
  display: block;
  background-color: #FFFFFF;
  padding: 6px;
  border: solid 1px #E3E3E3;
}

.serviceleft {
  float: left;
  width: 335px;
  margin: 3px;
  border: solid 1px #E3E3E3;
  padding: 5px;
}

.serviceright {
  float: left;
  width: 335px;
  margin: 3px;
  border: solid 1px #E3E3E3;
  padding: 5px;
}

.servicetitle, .servicetitle a {
  text-align: center;
  text-decoration: none;
}

.bottomcta {
  padding: 10px;
  clear: both;
  border: 2px dashed #7a7777;
  background-color: #E3E3E3;
  color: #7a7777;
  margin-top: 20px;
}

#main {
  width: 100%;
  text-align: left;
  margin: 0px auto;
  padding: 0px;
  border: 0;
  background-color: #FFFFFF;
  height: 100%;
}

#top1wrapper {
  clear: both;
  background-color: #FFFFFF;
  height:75px;
  /*overflow:hidden;*/
}

#top {
  height: 75px;
  /*overflow:hidden;*/
}

#toplogo {
  height: 74px;
  position: relative;
  margin: 0;
  float: left;
  overflow:hidden;
}

#topnav {
  height: 74px;
  position: relative;
  margin: 0;
  float: right;
}

#header {
  position: relative;
  width: 100%;
  height: 369px;
  background: url(/images/slide-bg-side.jpg) repeat-x;
  z-index: 5;
}

#headerpattern {
  position: relative;
  height: 100%;
  width: 1000px;
  background: url(images/slide-bg.jpg) no-repeat;
  margin: auto;
}

#headertext {
  margin: 30px 0px 0px 10px;
  display: block;
  float: left;
  width: 400px;
}

#headerinner {
  position: relative;
  width: 100%;
  height: 133px;
  background: url(/images/inner-header-bg.jpg) repeat-x;
  z-index: 5;
  clear: both;
}

#headerinnerpattern {
  position: relative;
  height: 100%;
  width: 1000px;
  background: url(images/inner-header.jpg) no-repeat;
  margin: auto;
}

#headerinnertext {
  margin: 15px 0px 10px 10px;
  display: inline;
  float: left;
  width: 800px;
}

#footercontainer {
  clear: both;
  background-image: url(/images/footer-bg.jpg);
  background-repeat: repeat-x;
  vertical-align: top;
  background-color: #242424;
  height: 350px;
  display: block;
  width: 100%;
}

#footer {
  height: 100%;
  background-color: #242424;
}

#footer .sidepanel {
  width: 250px;
  float: left;
  display:inline-block;
  position: relative;
  padding: 15px 10px 10px 10px;
}

#footer .sidepanellinks {
  width: 120px;
  float: left;
  display:inline-block;
  position: relative;
  padding: 15px 10px 10px 10px;
}

#copyrightcontainer {
  clear: both;
  background: url(/images/copyright-bg.jpg) repeat-x;
  height: 50px;
  overflow:hidden;
  display: block;
  width: 100%;
}

#copyright {
  padding-top:10px;
  float: left;
}

#footerfollowus {
  padding-top:10px;
  float: right;
}

#contentcontainer {
  clear: both;
  z-index: 6;
  height: auto;
  overflow:hidden;
  padding: 10px 0px 10px 0px;
  display: block;
}

#indexscreen {
  width: 245px;
  height: 240px;
  float: left;
  display: inline-block;
  margin-top: 50px;
}

#indexwhatwedo {
  width: 405px;
  height: 240px;
  float: left;
  display: inline-block;
  margin: 0px 10px 10px 10px;
}

#indexfeaturedprojects {
  width: 655px;
  height: auto;
  vertical-align: middle;
  float: left;
  margin: 10px 10px 10px 10px;
  display: inline-block;
}

#featuredprojects {
  width: 100%;
}

#indexfreequote {
  margin-top: 20px;
  margin-left: 45px;
}

#indexwhychoose {
  width: 305px;
  height: 200px;
  float: left;
  margin: 0px 10px 10px 10px;
}

#innerleftnav {
  width: 250px;
  float: left;
}

#innerrightcontent {
  width: 710px;
  float: right;
  padding: 0px 20px 0px 20px;
}

#innercontentleft {
  width: 610px;
  float: left;
  padding: 0px 20px 0px 20px;
}

#innercontent {
  width: 960px;
  float: left;
  padding: 0px 20px 0px 20px;
}

#innerbarright {
  width: 350px;
  float: right;
  text-align: center;
}

#innercontentleftblog {
  width: 710px;
  float: left;
  padding: 0px 20px 0px 20px;
}

#innerbarrightblog {
  width: 250px;
  float: right;
}

#testimonialindex {
  width: 280px;
  border: 1px solid #E3E3E3;
}

#testimonialindexcontainer {
  display: inline-block;
  width: 305px;
  margin: 10px 10px 10px 10px;
}

#testimonialsidebar {
  width: 250px;
  border: 1px solid #E3E3E3;
}

#testimonialinnerbarright {
  width: 350px;
  border: 1px solid #E3E3E3;
}

#contactinfo {
  margin-left: 15px;
  float: left;
  text-align: left;
  vertical-align: middle;
  width: 310px;
}

#contactform {
  width: 500px;
  margin: 20px;
}

#serviceplanscontainer {
  width:100%;
  display: inline-block;
}

.serviceplan {
  width: 200px;
  float: left;
  margin: 5px;
  background:-moz-linear-gradient(center top , #FFFFFF, #E3E3E3) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#E3E3E3));
  border:1px solid #E3E3E3;
  background-color: #EEEEEE;
  color:#7a7777;
  padding: 10px;
}

a.small-light-button {
  font-size: 12px;
  display: inline-block;
  border: 0 none;
  height: 31px;
  margin: 0;
  overflow: visible;
  padding: 0 0 0 8px !important;
  position: relative;
  background: transparent url('/images/small-light-button.png') no-repeat scroll left top;
  text-shadow: 0 1px white;
  text-decoration: none;
}

a.small-light-button span {
background: transparent url('/images/small-light-button-r.png') no-repeat scroll right top;
color: #666;
display: block;
float: left;
position: relative;
padding: 10px 18px 10px 10px;
line-height: 11px;
text-decoration: none;
}

a.small-light-button:hover {
    background-position: left bottom;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

a.small-light-button:hover span {
    background-position: right bottom;
    text-decoration: none;
    cursor: pointer;
    line-height:11px;
}

.titleserviceplans {
  font-size: 18px;
  color: #7a7777;
  text-decoration: none;
}

.serviceplan ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.serviceplan ul li {
  background-image: url(/images/checkmark.png);
  background-repeat: no-repeat;
  background-position: 0 0px;
  padding-left: 23px;
}

.whspacewrap
{
  background-color: #ffffff;
  height:5px;
  overflow:hidden;
  display: block;
  width: 100%;
}

.indexspacewrap
{
  background-image: url('/images/indexspacer.jpg');
  background-repeat: no-repeat;
  margin-left: 135px;
  height: 15px;
  overflow:hidden;
  display: block;
  width: 100%;
}

#iconlogos {
  display: inline-block;
  padding: 5px;
  width: 100%;
  border-top: 1px solid #E3E3E3;
}

#sliderwrap {
  width: 472px;
  height: 245px;
  margin-top: 61px;
  margin-right: 51px;
  float: right;
  /* background-image: url(images/) no-repeat;*/
}

#slider {
  position:relative;
  width:470px; /* Change this to your images width */
  height:243px; /* Change this to your images height */
  /*background:url(images/loading.gif) no-repeat 50% 50%;*/
}

#slider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}

#slider a {
  border:0;
  display:block;
}

/**
#dropdown {
  margin: 0;
  padding: 0;
}

#dropdown li {
  float: left;
  list-style: none;
}

#dropdown li a {
  display: block;
  /**display: block;
  background: #20548E;
  padding: 5px 12px;
  text-decoration: none;
  border-right: 1px solid white;
  width: 70px;
  color: #EAFFED;
  white-space: nowrap;**/
/**}

#dropdown li a:hover {
  /*background: #1A4473;*/
/**}

#dropdown li ul {
  margin: 0;
  padding: 0;
  position: absolute;
  visibility: hidden;
  border: 1px solid #7a7777;
  z-index: 7;
}

#dropdown li ul li {
  float: none;
  display: inline;
}

#dropdown li ul li a {
  width: auto;
  background: #FFFFFF;
  padding: 5px 12px;
  text-decoration: none;
}

#dropdown li ul li a:hover {
  background: #EEEEEE;
}
**/




#nav, #nav ul{
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  line-height:1.5em;
}
 
#nav li ul {
  z-index: 7;
}
 
#nav .haslinks {
  background: url(/images/nav/rightarrow.png) center right no-repeat; 
}

#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited{
  display:block;
  padding: 2px 5px 2px 5px;
  color:#FFFFFF;
  text-decoration:none;
  border:1px solid #7a7777;
  background-color: #7a7777;
}

#nav ul li a:hover{
  background-color:#FFFFFF;
  color:#4940ff;
}

#nav li{
  float:left;
  position:relative;
}

#nav ul {
  position:absolute;
  width:160px;
  top:50px;
  display:none;
  opacity: 0.95;
}

#nav li ul a{
  width:160px;
  float:left;
}

#nav ul ul{
  top:auto;
}

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

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
  display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
  display:block;
}




#portfolio-carousel { height: 130px; overflow:hidden; }
#portfolio-carousel .viewport { float: left; width: 555px; height: 130px; overflow: hidden; position: relative; }
#portfolio-carousel .buttons { display: block; margin: 30px 0px 0 0;  width: 40px; }
#portfolio-carousel .next { margin: 50px 0 0 0px; float: right; }
#portfolio-carousel .prev { margin: 50px 10px 0 0px; float: left; }
#portfolio-carousel .disable { visibility: hidden; }
#portfolio-carousel .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#portfolio-carousel .overview li{ float: left; margin: 0 20px 0 0; padding: 7px; height: 110px; border: 1px solid #dcdcdc; width: 150px;}

.tweet, .query {
  color: #E3E3E3;
}

.tweet_list {
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: hidde
}

.tweet_list .awesome, .tweet_list .epic {
  text-transform: uppercase;
}
        
.tweet_list li {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.5em;
}
        
.tweet_list li a {
  color: #0C717A;
}
        
.tweet_list .tweet_even {
  background-color: #E3E3E3;
}

.tweet_list .tweet_avatar {
  padding-right: .5em; float: left;
}

.tweet_list .tweet_avatar img {
  vertical-align: middle;
}