/* @override 
	http://thedagency.com/dash/css/dashboard.css
	http://orlandopubcrawl.com/dash/css/dashboard.css
*/

/*
     ***********************************************************************************
    ***  ***  CSS by The Delivery Agency, Inc. (http://thedeliveryagency.com)        **
   ***  ***  You may use this CSS in your own projects, but ("the design")			**
  *** ***   the unique combination of images, colors, sizes, typography, and	   **
 *** ***   positioning is (c)Copyright The Delivery Agency, Inc. and/or our	 	  **	
*** ***   clients. It may not be reproduced without express written permission.	 **
***********************************************************************************/

	
#gutter {
	clear: both;
	width: 752px;
	padding-top: 60px;
	background: url('/images/gutter.png') no-repeat top center;
}


#navHidden a, #navHidden a:visited {
	position: absolute;
	right: 40px;
	bottom: 10px;
	color: #004eff;
}

#navHidden a:hover {
	color: #fff;
	}


 /****************************************************
 * Base Styles										**
*****************************************************/

* {
	margin: 0;
	padding: 0;
	vertical-align: top;
	}

body {
	font-size: .8em;
	color: #18009b;
	text-align: center;
	}

p {
	text-align: justify;
	margin-bottom: 1.75em;
	}
	
img {
	border: 0;
    }
    	
br {
    clear: both;
    }
 
 hr {
	margin: 0 0 7px 0;
	height: 14px;
	border: none;
	background: #feffe3;
}

/************************ hyperlink and anchor tag styles **/

a:link, a:visited {
	color: #4836ff;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	}

/************************ header tag styles **/

#header h1 {
    }

h1 {
	margin-bottom: .5em;
	}
	
h2 {
	margin-bottom: .5em;
	}

h3 {
	margin-bottom: .5em;
	}
	
h4 {
	margin-bottom: .5em;
	}

h5 {

	}

/************************ list tag styles **/

ul {
	margin: .25em 0 1.5em 1.5em;
	list-style-type: disc url('/images/bullet-list.gif');
	text-align: left;
	font-size: 1.15em;
	}
	
ul ul {
	list-style-type: square;
	font-size: .85em;
	}
	
ul ul ul {
	list-style-type: circle;
	font-size: .88em;
	}	

li {
	margin-top: .4em;
	}

/************************ form tag styles **/

form {
	margin: 0;
	padding: 0;
	text-align: left;
	}
	
input, select, textarea {
	padding: 1em;
	margin: 0 3em 1em 0;
	font-family: Arial, sans-serif;
	font-size: 1em;
	text-align: left;
	}
	
textarea {
	height: 10em;
	}
	
label {
	display: block;
	padding: .4em;
	color: #06C;
	}

fieldset {
	padding: 2em;
	margin: 2em;
	border: none;
	background: #fefccf;
	}
	
	legend {
		padding: 1em;
		font-weight: bold;
		background: #fefccf;
		}
		
.submitButton {
	display: block;
	width: auto;	
	margin-top: 1em;
	padding:  .15em 3em;
	background: url('/images/submitButton.gif') 0 0 repeat-x;
	font-weight: bold;
	text-align: center;
	}

.submitButton:hover {
	background-position: 0 -31px;
	color: #4836ff;
	}
	
/*|*|* form layout *|*|*/
	
form span {
	float: left;
	}
	
form br {
	clear: both;
	}	

 /* Apply checks class to containg div or ul */
.checks {
	margin-bottom: 1.4em;
	padding: .4em 0 .1em 0;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}

.checks input {
	float: left;
	width: auto;
	margin: 0 .6em 0 0;
	}

.checks label {
	display: inline;
	margin-right: 2em;
	}

/*|*|* form fields *|*|*/

#city {
	width: 7em;
	margin-right: 2em;
	}

#state {
	width: 2em;
	margin-right: 2em;
	}

#postalCode {
	width: 5em;
	}

/************************ table styles **/

table {
	border: none;
	clear: both;
	}
	
caption {
	margin: 0 0 .5em 10%;
	text-align: left;
	font-size: 1.15em;
	}
	
thead th {
	padding: 3px 8px;
	text-align: left;
	}

tbody tr td {
	padding: 3px 8px;
	}
	
tfoot td {
	padding: 1px 4px;
	font-size: 10px;
	}

table.ruler tbody tr:hover td {
	background-color: #FF6;
	border-left: 1px solid #346DBE;
	color: #F33;
	}

 /****************************************************
 * Base Layout Divs									**
*****************************************************/

#container {
	width: 94%;
	margin: auto;
	}
    
#header {
    height: 135px;
	margin: auto;
    text-align: left;
    }

#layout {}

#mainContent {
	margin-top: 1.75em;
	overflow: hidden;
	}

/****************************************************
 * Base Coomponents									**
*****************************************************/

/*************** Quick Columns *****************/

.quickcolumn {
	float: left;
	margin: 1% 4% 1.75em 4%;
	width: 310px;
	}

.quickcolumn p {
    margin: .75em ;
    }

/*************** JQuery *****************/    

.buzz {
		padding:5px;
		border:1px solid #acd373;
		background:#fafff3;
		margin-bottom: 10px;
	}

/*************** Base navBar *****************/

#navBar {
    position: relative;
    z-index: 100;
    width:  752px;
    height: 24px;
	margin: auto;
    text-align: center;
	background: url('/images/navBar.gif') 0 0 repeat-x;
    }

#navBar li {
    z-index: 101;
    width: auto;
	list-style: none;
	line-height: 24px;
	display: inline;
	}
	
#navBar a:link , #navBar a:visited {
	width: 100%;
	display: inline;
	margin: 0 4px;
	padding: 5px 14px;
	text-align: center;
	font-weight: bold;
    font-size: 11px;
    text-decoration: none;
	color: #fff;
	}	
	
#navBar a:hover , #navBar a.current {
	color: #f60;
	background: url('/images/navBar.gif') 0 -22 repeat;
	}
		
/*************** End navBar *****************/
 /****************************************************
 * Base IE Specific Rules							**
*****************************************************/


 /****************************************************
 * Base Print										**
*****************************************************/


 /****************************************************
 * Base Mobile										**
*****************************************************/


body {
	background: #fff url("/images/bg.gif");
	font-family: Tahoma,sans-serif;
	color: #000;
	font-size: .9em;
	}
	
p {
	text-align: left;
	}

h1 {
	font-size: 1.9em;
	color: #1332ef;
}

h1, h2, h3, h4 {
	text-align: left;
	}

h2, h4 {
	color: #4836ff;
	}

img {
	margin: 0 1em 1em 0;
	}

iframe {
	border: 1px solid #ED0000;
	margin-bottom: 20px;
}
/****************************************************
 * Layout											**
*****************************************************/

#login {
	padding: .25em;
    min-height: .5em;
    }

#header {
	height: 168px;
    background: url("/images/header.png") no-repeat bottom center;
	}

#mainContent{
	padding:  0 90px;
}

.big {
	font-size: 120%;
	}
	
.clear {
	clear: both;
	}
	
.left {
	float: left;
	}

.center {
	text-align: center;
	}
	
.quickcolumn {
	width: 42%;
	padding: 1em 0;
	border-top: 1px solid #ccc;
	}

.red {
	color: #ED0000;
	}
/*************** view2 *****************/
#view2{
	overflow: hidden;
	}

#view2 #mainContent {
	float: left;
	width: 520px;
	}
#view2 #sideBarRight {
	float: right;
	width: 200px;
	padding-bottom: 1em;
	background-color: silver;
	text-align: left;
	}

#view2 #sideBarRight h4, #view2 #sideBarRight p {
	margin: 1em 0 1em 1em;
	}


/*************** view3 *****************/
#view3 {
	overflow: hidden;
	}
	
#view3 #mainContent {
	float: right;
	width: 570px;
	}
#view3 #sideBarLeft {
	float: left;
	width: 150px;
	padding-bottom: 1em;
	background-color: silver;
	text-align: left;
	}

#view3 #sideBarLeft h4, #view3 #sideBarLeft p {
	margin: 1em 0 1em 1em;
	}
	
	

/*************** navBar *****************/

#navBar {
    position: relative;
    z-index: 100;
    width:  752px;
    height: 49px;
	margin: auto;
    text-align: center;
	background: url('/images/bg-navBar.gif') 0 0 repeat-x;
	text-transform: capitalize;
    }

#navBar li {
    z-index: 101;
    width: auto;
	list-style: none;
	line-height: 44px;
	display: inline;
	}
	
#navBar a:link , #navBar a:visited {
	width: 100%;
	display: inline;
	margin: 0 4px;
	padding: 5px 14px;
	text-align: center;
	font-weight: bold;
    font-size: 18px;
    text-decoration: none;
	color: #fff;
	}	
	
#navBar a:hover , #navBar a.current {
    text-decoration: underline;
	}
		
/*************** End navBar *****************//****************************************************
 * Coomponents										**
*****************************************************/

.button {
	margin: 0;
	padding: 2px 7px;
	border: 1px solid #CCC;
	background: #FFC url('/images/Button-SilverYellowGrey.gif') 0 0 repeat-x;
	text-decoration: none;
	}

.button:hover {
	text-decoration: none;
	background-color: #FFC;
	background-position: 0 -31px;
	color: #C00;
	}
	
/*************** Page Header Images *****************/

#header.header {
    background: url("/images/header.png") no-repeat bottom center;
    }
    
#header.home {
    background: url("/images/header.png") no-repeat top center;
    }

#header.company {
   	background: url("/images/image-start.jpg") no-repeat 23px -4px;
    }
    
#header.contact {
   	background: url("/images/image-start.jpg") no-repeat 23px -4px;
    }

#header.error {
   	background: url("/images/image-start.jpg") no-repeat 23px -4px;
    }

#header.projects {
   	background: url("/images/image-start.jpg") no-repeat 23px -4px;
    }
    
#header.services {
   	background: url("/images/image-start.jpg") no-repeat 23px -4px;
    }

 /****************************************************
 * TDA Global Rules									**
*****************************************************/

#tdastamp {
	overflow: auto;
	position: fixed;
	width: 100%;
	height: 25px;
	padding: 8px;
	margin: auto;
	bottom: 0px;
	left: 0px;
	font-size: 16px;
	color: #fff;
	font-style: italic;
	text-align: center;
	background-color: #49297e;
	border-top: 2px solid #66bbe5;

}
#tdastamp p {margin: auto; text-align: center;}
#tdastamp a:link, #tdastamp a:visited {color: #fff;}
	
 /****************************************************
 * JQuery Script Related
 											**
*****************************************************/

#sample h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
	color: #004eff;
	padding: 20px;
	margin: 0;
}


#sample p {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6;
	color: #002c96;
	padding: 20px;
	margin: 0;
	border-bottom-color: #004eff;
}


#mainViewport {
	overflow: auto;
	margin: 20px auto;
	width: 94%;
	height: 850px;
	background-color: #fff;
	border: 2px solid #66bbe5;
}


#homelink a {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
}


#homelink a span {display: none;}

 /****************************************************
 * Mobile											**
*****************************************************/