* {
	padding: 0;
	margin: 0;
}

body {
	margin:0;
	padding: 0;
	color: #444;
	font: 12px Arial, Verdana, Tahoma, sans-serif;
	line-height: 20px;
	/* background: #111; */
	background: #666 url("/images/background.gif") top left repeat-x;

}

img {border: none;}
	a{ color: #173D7F; text-decoration: none; }
	a:hover {  color: #000; }


a.button, .button {
    display: block;
    /*height: 26px;*/
    width: 139px;
    background: #339503 url(/images/button.gif);
    text-decoration: none;
    font-size: 16px;
    color: white;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
    font-style: italic;
    text-align: center;
    border: none;
    padding: 0;
}

#content {
	width: 760px;
	margin: 20px auto;
	padding: 10px;
	background: #fff;
    overflow:auto;
}

#top_header {
	background: #000 url(/images/header.gif) no-repeat;
	height: 90px;
}
#top_header h1 {
	font-size: 22px;
	letter-spacing: -1px;
	padding: 15px 0 0 10px;
	color: #fff;
}
#top_header h1 a {
	color: #fff;
	text-decoration: none;
}
#top_header h1 a:hover {
	color: #ccc;
}
#top_header h2 {
	font-size: 16px;
	color: #ccc;
	padding: 0 0 0 10px;
}

#navigation {
	background: #111 url(/images/menu.gif) repeat-x;
	height: 30px;
	line-height: 30px;
	margin: 10px auto;
}
/*#navigation li {
	float:left;
	list-style-type:none;
	border-right:1px solid #444;
}
#navigation li a {
	display:block;
	padding:0 20px;
	text-decoration:none;
	color: #fff;
	letter-spacing:1px;
}
#navigation li a:hover {
	background: #333 url(/images/menuover.gif) repeat-x;
	color:#fff;
	text-decoration:none;
}*/

.left {
	float: left;
	width: 220px;
	padding: 10px;
	line-height: 14px;
}
.left h2 {
	margin-top: 10px;
	font: bold 12px Verdana, 'Trebuchet MS', Sans-serif;
	padding: 5px 0 5px 5px;
	border-bottom: 1px dotted #999;
}
.left ul  {
	color: #999;
	text-align: left;
	margin: 3px 0 8px 0;
	padding-left: 20px;
	text-decoration: none;
	list-style-type:square;
}
.left ul li {
	padding: 2px 0 2px 0px;
	margin: 0 2px;
}
.left ul a {
	font-weight: 600;
	color: #173D7F;
}
.left ul a:hover { color : #333; }

.right {
	float: right;
	width: 470px;
	padding: 10px;
	margin-right: 20px;
}
.right h2 {
	padding: 2px 0 5px 0px;
	font: bold 14px Verdana, 'Trebuchet MS', Sans-serif;
	color: #444;
	border-bottom: 1px dotted #999;
	margin-bottom: 5px;
	margin-top: 10px;
}

#footer {
	background: #222;
	color: #eee;
	margin-top:20px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
#footer a {  color: #aaa; text-decoration: none; }
#footer  a:hover { color: #777; }



.testimonials .textSection { margin-bottom: 20px; }
.testimonials .textSection .prominant { background: #EEEEEE url('http://loudcanvas.com/img/icon_quote-gray.png') top left no-repeat; padding: 20px 25px 15px 45px; }

.highlight {
	background: #eee;
}

p.highlight {
	background: #eee;
	border: 1px solid #ccc;
	padding: 10px;
	}

div.highlight {
	background: #eee;
	border: 1px solid #aaa;
	padding: 10px 10px 10px 10px; margin: 0 0 1em 0;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #111 url("/images/menu.gif") repeat-x scroll 0 0;
}

ul.topnav li {float: left; list-style-type:none; border-right:1px solid #444;}

ul.topnav li a {
  display:block;
  /*display: inline-block;*/
  color: #f2f2f2;
  text-align: center;
  padding: 0px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 13px;
  font-weight:bold;
}

ul.topnav li a:hover {background: #333 url(/images/menuover.gif) repeat-x; color:#fff; text-decoration:none;}

ul.topnav li.icon {display: none;}

.ajaxCRUD{ width:100%;}


/* table */
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
.table {
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
}

code {
    float: left;
    white-space: pre-line;
    width: 100%;
}
/*************/

@media(max-width:759px){
#content{width: 100%; margin:0px; float:left;}
#top_header{ height:auto; background: #000 url("/images/header_mobile.gif") no-repeat right bottom; padding:0px 0px 10px 0px;}
#navigation li a{padding: 0 8px;}
#navigation li:last-child{border-right:none;}
#top_header h2{ width: 90%; padding-bottom:7px;}
#top_header h1{ padding-bottom:7px;}
.right{width: 470px; margin-right: 0;}
.left{width: 178px;}
.right pre {
    white-space: pre-line;
    width:100%;
    overflow:auto;
}
#footer{ height:auto !important; line-height: 22px; padding:10px 0px;}
#navigation {background: #111 url(/images/menu_mobile.gif) repeat-x; height:auto;}


/**/

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: normal;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }

/**/

}

@media screen and (max-width:759px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:759px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav li.icon a{ font-size:20px !important;}
  ul.topnav.responsive li.icon a{ font-size:20px !important;}
  ul.topnav.responsive li {
    float: none;
    display: inline;
	border-right:none;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

@media screen and (max-width:740px) {
.left { width: 100%;}	
.right{width:100%;}
.contact-form table{ width:90%;}
.contact-form{width:100%; float:left; margin:0px !important; padding:15px;}
.contact-form label{ width:100%;}
.contact-form input{width:100%;}
INPUT.submit{ width:130px; margin-bottom:10px;}
.contact-form td{ width:100%; float:left;}
.contact-form textarea{width:100% !important;}
.form{ width:100%; float:left;}
TABLE.form TD{width:100%; float:left; margin-bottom: 10px;}
INPUT.submit{float: left;}
.form textarea{ width:100% !important; float:left;}

}


@media screen and (max-width:480px) {
.contact-form table{ width:100%;}
.comment {overflow: auto;}
}