html {
	background: #fafafa;
	overflow-y: scroll;
}

/* Generic stuff */
.hidetext {
    background-repeat: no-repeat;
    overflow: hidden;
    text-decoration: none !important;
    text-indent: -5000px;
}

.no-left-margin {
    margin-left: 0pt;
}

.contain-float:after, .surround:after {
    clear: both;
    content: '.';
    display: block;
    height: 0pt;
    visibility: hidden;
}

/* site specific stuff */
body {
    background: #fafafa url(/staticfiles/img/app/page-background.jpg) repeat-x;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
}

body#about-us, body#clients {
    background: url(/staticfiles/img/app/page-background-about.jpg) repeat-x;
}

a {
    color: #3496D3;
    text-decoration: none;
}

#wrapper {
	margin: 0 auto;
    width: 975px;
}

#container {
    width: 975px; /* Width needed to keep IE6 happy */
}

#header 				{ height: 235px; }
#logo-block 			{ height: 194px; background: url(/staticfiles/img/app/header-bg.png); }
#navbar 				{ height: 41px; width: 800px; margin: 0 auto; padding: 0; }
#navbar li 				{ float: left; height: 41px; width: 132px; line-height: 41px; text-align: center; }
#navbar li a 			{ display: block; text-decoration: none; color: #FFF; font-size: 14px; }
#navbar li a.current 	{ background: url(/staticfiles/img/app/nav_on.png); }
#navbar li a:hover 		{ background: url(/staticfiles/img/app/nav_over.png); }

#feature 				{ height: 235px; margin-bottom: 20px; }
#feature .feature 		{ float: left; height: 235px; width: 187px; padding: 40px 25px 0 25px; background: url(/staticfiles/img/app/feature_bg.png) no-repeat; }
#feature .feature h3 	{ margin-bottom: 1em; color: #47c1c3; font-size: 150%; }

#left-col {
    float: left;
    margin-top: 16px;
    /*border: 1px dashed aqua;*/
    width: 720px;
}

#content {
    float: left;
    width: 360px;
    padding: 0 15px;
    line-height: 20px;
}

#content p, #content ul, #content ol {
    padding-bottom: 15px;
}

#content ul {
    margin-left: 30px;
}

.content .item {
    background: url(/staticfiles/img/app/item-odd.png);
    width: 213px;
    height: 213px;
    float: left;
    margin-right: 15px;
}

.content .item-even {
    background: url(/staticfiles/img/app/item-even.png);
}

.content .item-last {
    margin-right: 0;
}

.AppLinks-subbox { margin-top: 18px; }
.AppLinks-subbox .plugin-content p { color: #999; margin: 10px 20px; }

h1, .AppLinks-subbox dt { font-size: 24px; margin: 5px 0; color: #47c1c3; }

a { color: #47c1c3; }

#right-col {
    float: right;
    margin-top: 16px;
}

#right-col p {
    margin: 20px 30px 10px 30px;
    color: #636363;
}

#links {
    background: url(/staticfiles/img/app/links-hd.png) no-repeat
}

#links dl {
    margin: 2px 30px;
    padding-top: 20px;
}

#links dd {
    margin: 0 0 30px 0;
}

#links ul li {
    margin-bottom: 1em;
}

#links ul li a {
    font-weight: bold;
}

#links .ft {
    background: url(/staticfiles/img/app/links-ft.png);
    height: 41px;
}

#footer {
    color: #FFFFFF;
    font-size: 10px;
    padding-top: 20px;
    padding-left: 20px;
}

#footer a {
    color: #FFFFFF;
}

#copyright {
    float: left;
    width: 400px;
    margin-top: 24px;
    font-size: 10px;
}

#rss-feed {
    float: right;
    width: 200px;
    margin-top: 15px;
}

#middle-cols {
    margin-top: 14px;
}
/*About middle col, header and footer dc
 */
#mainBGwrap {
    margin: 0;
    padding: 30px 15px 0px 10px;
    width: 720px;
    background: url(/staticfiles/img/app/mainbg-top.png) no-repeat;
}

#mainBGwrap strong {
	font-weight: bold;
}

#about-header {
	width:652px;
    margin: 0;
	padding:0px 25px 10px 25px;
	background:#49bbbd;
	font-size: 120%;
	}

#about-list {
	width:625px;
    background:#F9F9F9;
    margin: 1px 0px 0px 0px;
    padding: 25px 35px 0px 25px;
}

#about-list h4 { margin-bottom: 0; }
#about-list p { margin-top: 0; margin-bottom: 1em; }

#aboutBottomB {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 10px 25px 1px 0px;
    width: 702px;
    background: url(/staticfiles/img/app/mainbg-bottom.png) no-repeat bottom left;
}

#about-bottomText {
    margin: 0px 0px 10px 10px;
    padding: 10px 15px 5px 25px;
    width: 660px;
    background: #636363; /*#505050*/
    color: #fff;
}

h4 {
    color: #49bbdd;
    font-size: 12px;
    text-decoration: none;
    padding: 0px 0px 0px 34px;
}

h4.rbar-subtitle {
	height: auto;
    padding: 0;
}

h4.webdev {
    background: url(/staticfiles/img/app/webdevimg.png) no-repeat;
}

h4.webdes {
    background: url(/staticfiles/img/app/webdes.png) no-repeat;
}

h4.webhost {
    background: url(/staticfiles/img/app/webhost.png) no-repeat;
}

h4.flash {
    background: url(/staticfiles/img/app/flashdev.png) no-repeat;
}

h4.clientman {
    background: url(/staticfiles/img/app/cms.png) no-repeat;
}

h4.interactdev {
    background: url(/staticfiles/img/app/interactdev.png) no-repeat;
}

p.about {
    margin: -5px 0px 10px 34px;
}
/*Clients page styles*/
#client-header-top {
    margin: 15px 0px 0px 2px;
    padding: 50px 0px 0px 0px;
    width: 954px;
    height: 13px;
    background: url(/staticfiles/img/app/client-header-top.gif) no-repeat;
}

#client-headerText {
    margin: -50px 0px 0px 0px;
    padding: 15px 50px 10px 25px;
    background: url(/staticfiles/img/app/client-top-textbg.gif) repeat-y;
	font-size: 120%;
}

#client-header-bottom {
    width: 959px;
    height: 14px;
    margin: 0px 0px 25px 2px;
    background: url(/staticfiles/img/app/client-header-bottom.gif) no-repeat;
}

#client-list {
	margin-top:-0.5em;
    background: white;
    width: 954px;
}

#client {
	padding-top: 2em;
	padding-bottom: 1.5em;	
	border-bottom: 2px solid #49bbdd;
}

#image-link {
    text-align: center;
    display: block;
    float: left;
    width: 320px;
}

#clientdescription {
    display: block;
    float: right;
    width: 634px;
}

#websites {
    display: block;
    float: left;
    width: 250px;
	padding-bottom:0.1em;
}

body#clients .webdev {
    background: url(/staticfiles/img/app/webdevimg.png) no-repeat;
    margin-left: 10px;
}

body#clients .webdes {
    background: url(/staticfiles/img/app/webdes.png) no-repeat;
    margin-left: 10px;
}

body#clients .webhost {
    background: url(/staticfiles/img/app/webhost.png) no-repeat;
    margin-left: 10px;
}

#typesofsite {
    display: block;
    float: left;
    width: 250px;
}

body#clients .flash {
    background: url(/staticfiles/img/app/flashdev.png) no-repeat;
    margin-left: 10px;
}

body#clients .clientman {
    background: url(/staticfiles/img/app/cms.png) no-repeat;
    margin-left: 10px;
}

body#clients .interactdev {
    background: url(/staticfiles/img/app/interactdev.png) no-repeat;
    margin-left: 10px;
}

h4.clientTitles {
    padding: 0;
	color: #000;
	font-weight: normal;
}

h4.clientTitles strong {
	color: #49bbdd;
	font-weight: bold;
	padding-right: 1em;
}

p.clientTitles {
    display: block;
    padding: 0px 0px 0px 15px;
}

p.client {
    clear: left;
    padding: 0;
    margin: 10px 0px 20px 0px;
}

a.clientsite {
    display: block;
    height: 30px;
    width: 113px;
    margin-left: 100px;
    background: url(/staticfiles/img/app/client-site-btn.gif) no-repeat;
}
/* Projects page*/
body#projects {
	
}
#projects-list {
    padding: 25px 0px 0px 0px;
    background: white;
    width: 701px;
}

#projects-image-link {
    text-align: center;
    display: block;
    float: left;
    width: 320px;
}

#projects-clientdescription {
    display: block;
    float: right;
    width: 381px;
}

#projects-about-the-site {
    display: block;
    width: 621px; /*701px in IE*/
    background: #f4f4f4;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 20px 30px 0px 50px;
}

#projects-col1 {
    display: block;
    float: left;
    width: 50%;
}

#projects-col2 {
    display: block;
    float: right;
    width: 50%;
}

#projects-footer-text {
    display: block;
    clear: left;
    width: 651px; /*701px in IE*/
    margin: 10px 0px 0px 0px;
    padding: 10px 30px 0px 25px;
    background: url(/staticfiles/img/app/projects-footer-txtbg.gif) repeat-y;
}

#projects-footer {
    height: 12px;
    width: 721px;
    margin: 0px 0px 0px 0px;
    background: url(/staticfiles/img/app/projects-footer.gif) no-repeat;
}

h5.projects {
    font-size: 20px;
    color: #49bbbd;
    margin: 0px 0px 5px 0px;
}

p.projects {
    padding: 0px 20px 20px 00px;
}
/* Projects Right Bar
 */
#links-list{
	width:auto;
	height:460px;
	overflow:auto;
}

#project-links-head {
    margin: 8px 2px 5px 10px;
    display: block;
    color: #CEEDED;
    padding: 10px 5px 10px 5px;
    background: #49bbbd;
}

#links h3.project-links-header {
    padding: 0px;
    padding: 0px 0px 0px 10px;
}

#links p.project-links-headtxt {
    color: #CEEDED;
    padding: 0px 0px 0px 15px;
    margin: -10px 0px 0px 0px;
}

#project {
    display: block;
    height: 187px;
    width: 187px;
    padding: 30px 0px 0px 15px;
    overflow: hidden;
    background: url(/staticfiles/img/app/projects-rbar-shadow.png) no-repeat top 10px;
}

#links p.project-rbar {
    margin: 0px;
    padding: 0px;
}

/*Contact page*/
#content {
    background-image:url(/staticfiles/img/app/interior-bg.png);
    width: 967px;
    background-repeat: no-repeat;
    background-position: top;
    padding: 15px 0px 0px 0px;
    margin: 10px 7px auto;	
}

#content-inner {
    background: #FFFFFF;
    width: 935px;	
	padding: 10px 0px 0px 15px;	
    margin: 10px 7px auto;
}

body#contact span.blue{
	display:block;
	float:left;
	width:25px;	
}


body#contact .left-col{
	float:left;
	height:250px;
	
}

.blue, label {
    color: #47C1C3;
}

#map {
    background: #dddddd; /*#ECE7E9;*/
	height:230px;
	width:715px;
	float:right;
	margin:0px 25px 25px 0px;
}

#form-xcontact {
	margin-left:-15px;
    background-color: #EBEBEB;
    padding-top: 15px;
}

body#contact div.form div.form-row {
    width: 250px;
    float: left;
    clear: none;
    margin-left: 50px;
}

body#contact div.form div.row-title {
    float: none;
}

body#contact div.form div.row-content {
    float: none;
    width: auto;
}

body#contact #xcontact-formrow-other_comments {
    clear: none;
    margin: 0px 50px 0px 0px;
    width: auto;
    float: right;
}

/*Contact-form*/
#xcontact-formrow-other_comments textarea {
    width: auto;
}

#xcontact-submit {
    clear: both;
    float: right;
    margin: 0px 50px 25px 0px
}

.feature, .dialog .item {
    position: relative;
}

.feature .more-link, .dialog .item .more-link {
    position: absolute;
    bottom: 55px;
    left: 20px;
    overflow: hidden;
}

.dialog .item .more-link {
    bottom: 15px;
    left: 15px;
}

.feature .more-link, .feature .more-link span, .dialog .item .more-link, .dialog .item .more-link span {
    display: block;
    height: 19px;
    width: 19px;
    background: url(/staticfiles/img/app/more-link.gif) no-repeat;
}

/*
 * Apps
 * 
 */
#appheader{
	width:568px;
	height:48px;
	background:  url(/staticfiles/img/app/appheader.gif) no-repeat;
}

#ajax-page-loading
{
	position: absolute;
	display: none;
	min-height: 400px;
	height: 400px;
	background: url(/staticfiles/img/global/ajax-loading.gif) no-repeat center 150px;
}