/* AzoTek styles -- All Pages  (top right bottom left) 
  COLORS green: #008000 blue: #1d27c0 */
body {padding:0; margin: 0; border:0; font-size: medium; background-color: white;
	font-family:"Trebuchet MS", "Helvetica", sans-serif;	}  

/* Top Banner and Links */
#topbanner  { width: 100%; margin: 0; padding: 0; list-style:none;
	background: #008000 url(images/AzoTekBanner_slice.gif) repeat-x top left;}

#logo  {margin: 0; padding: 0; }

#toplinks {float: right;  margin-top: -115px; font-weight: bold;} 
#toplinks  li {float: left; margin: 0; padding: 0;  }
#toplinks a {float:left; display: block; margin: 0 1px 0 0; font-size: 90%;
		padding: 2px 9px; text-decoration: none;
		border: 1px solid #008000; color:#ffd401; background: #008000 url(images/Link_tab_off.gif) repeat-x top left; }
#toplinks a:hover { color:#def4fb; border: 1px solid #7174fb; background: #7174fb;  }

body#solutions #t-solution a, body#service #t-service a, body#contact #t-contact a, 
body#resources #t-resources a, body#company #t-company a, body#home #t-home a {
		border: 1px solid #0000c0; color:#0000c0; background:#adbafb url(images/Link_tab_on.gif) repeat-x top left;}

/* Top Header under Links */
#header {padding: 0 10px 0 0; clear: right; float: right;  margin-top: -90px; }
#header h1 {padding-left: 20px; padding-top: 10px; margin: 0;}

/* ######### Anylink menu - Default class for drop down menus ######### */
.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: #0000c0;
}

.anylinkcss{position: absolute; left: 0; top: 0; visibility: hidden; border: 1px solid #0000c0;
		border-bottom-width: 0; font-size: 90%; line-height: 18px; z-index: 100; /* zIndex should be greater than that of shadow's below */
		background: #d0e4fb; width: 200px; /* default width for menu */
}

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

.anylinkcss ul li a{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid #0000c0;
			padding: 1px 0; text-decoration: none; font-weight: normal; text-indent: 5px; }

.anylinkcss a:hover{ /*hover background color*/
color:#0000c0; background:#b8fab8 url(images/Link_tab_on.gif) repeat-x top left;
}

/* Secondary Links in bannerborder  */
#bannerborder  {float: left; display: block; width: 100%; margin: 0;
	background: #adbafb url(images/Link_under.gif) repeat-x top left;
	border-top: 3px solid #0000c0; border-bottom:3px solid #0000c0;
	margin-bottom:5px; }

#midlinks {clear: both; margin: 0; list-style: none; }
#midlinks  li {float: left; margin: 0; padding: 0; 
		   color:#1d27c0; font-weight: bold; font-size: 85%;}
#midlinks a {float: left; display: block; margin: 0 1px 0 0; padding: 0 8px; 
		color:#7e83fb; text-decoration: none;  }
#midlinks a:hover {color:#008000;}
#linkon a {color:#1d27c0;} 

/* All/Most Pages Body  */
#wrap {max-width: 1400px; min-width: 700px; }

#content {float: left; width: 70%; }

#contentdiv {padding: 0; padding-left: 20px; padding-right: 20px; }
#contentdiv2 {padding: 0; padding-left: 20px; padding-right: 20px; }

#sidebar {float: right; width: 28%; background-color:#b0befb; color:#1d27c0; 
		 font-size:95%; padding-top: 5px; margin-top: 5px;}
#sidebar li {padding-left: 0px; padding-right: 10px;}

/* Footer and Bottom Links */
#footer {float: left; display: block; width: 100%; margin: 0; 
		background: #adbafb url(images/Bottom_banner.gif) repeat-x top left;}
#footerinfo {float: left; width: 35%; margin-left: 5px; margin-top: 10px; margin-right: 15px; 
			padding: 0; color:#1d27c0;  font-size: 75%;}
#footerlinks {margin-top: 10px;  padding: 0; }

#bottomlinks {list-style:none; margin: 0; }
#bottomlinks li {float: left; margin-bottom: 3px; padding: 0; font-weight: normal; font-size: 75%; }
#bottomlinks a {float: left; display: block; margin: 0 1px 0 0; padding: 0 4px;  }
#bottomlinks a:hover {color:#008000;}


/* Header and Regular Fonts - Most Pages */
h1 {font-weight: bold; font-size:155%; text-align:left; color:#1d27c0;}

h2 {font-weight: bold; font-size:125%; text-align:left; }

h3 {font-weight: bold; font-size:115%; text-align:left; }	

h4 {font-weight: bold; font-size:110%; text-align:left; margin-bottom: 0px; color:#1d27c0;}	

h5 {font-weight: bold; font-size:105%; text-align:left; }	

li h3 {margin-bottom: -1px;}

#sidebar h2, #sidebar h3 {margin-bottom: -5px; padding-left: 10px;}

/* testimonials on other pages */
.inquote  {font-weight: normal; font-size:90%;  margin-top: 10px;
		  background-color:#008000; color:white; padding: 10px; }
.whoquote {font-weight: normal;}
.inquote a  {font-style: italic; font-size:85%; color:#ffd401; }


/* -- Solutions Styles -- */
body#solutions #list {font-size: 90%; margin-left: 5px;}
body#solutions #list li {list-style-image: url(images/blue_bullet2.gif); margin-bottom: 2px; border: 0;  }

body#solutions #contentdiv h1 {margin-bottom: -10px; }
body#solutions h2 {margin-bottom: -10px; color:#1d27c0;}
body#solutions h6 {margin-left: 5px; margin-right: 5px; color: #000000;
			   font-size:80%; text-align:left; border:1px solid #1d27c0;}

body#solutions table {position: relative; top: -10px; margin: 0; margin-left: 5px; 
			 background-color: #def5fb;
			 border-top: 2px solid #1d27c0; border-bottom: 2px solid #1d27c0; }

body#solutions table td { margin: 0; padding: 0 10px 0 0; text-align: left; 
		border-bottom: 1px solid #b0befb; font-size: 90%;  vertical-align:top;}

body#solutions table .title {font-size: 100%; color: #1d27c0; font-weight: bold; padding-left: 10px; }

#fromside {float: left; width: 47%;  margin-left: 2%; }

#toside {float: right; width: 45%; }

#samplekey {background-color:#b0befb; color:#1d27c0; font-size:95%; padding-left: 10px; padding-bottom: 10px;}
#samplekey ul {padding-right: 10px;}
#samplekey h5 {padding-left: 25px;}

#gofrom {float: left; padding-right: 10px; margin-right: 30px; background-color:#004d97; color:white; font-weight: bold;}
#goto {float: left;  padding-right: 10px; margin-right: 10px; background-color:#004d97; color:white; font-weight: bold;} 
#sampleto {float: right;}

#contactlist {float: left; margin-left: 20px; margin-right: 10px; }
#orthis  {float: left; background-color:#004d97; color:white; font-weight: bold;  margin-right: 10px;}

.hn3 {font-weight: normal; font-size:115%; color:#1d27c0;}

/* -- Services Styles -- */
#contentnarrow {float: left; width: 65%; font-size: 95%; }
#sidebarwide {float: right; width: 33%; padding-top: 5px; }
#sidebarlist {color:#1d27c0; font-size:95%; background-color:#b0befb;  padding:10px; }
#sidebarlist li {list-style-image: url(images/blue_bullet_key.gif); margin-bottom: 5px;}

body#service table {margin: 0;  background-color: #d4e9f9;
			 border-top: 2px solid #1d27c0; border-bottom: 2px solid #1d27c0; }

body#service table td { margin: 0; padding: 0; padding-right: 5px; text-align: left; 
		border-bottom: 1px solid #b0befb; font-size: 90%;  vertical-align:top;}

body#service table ul {margin-bottom: 0px; margin-top: 0px;}
#sidebarwide table li {margin: 0; list-style-image: url(images/blue_bullet.gif);  border: 0;  }
body#service table .item {font-size: 95%; font-weight: bold; padding-left: 2px; }
body#service table h3 {margin-top: -3px; }


/* -- Company Styles -- */
#contentWe {float: left; width: 75%; }
body#company #contentdiv  {font-size: 95%;}
#contentleft {float: left; width: 60%; margin-right:10px; }
body#company h2 {margin-bottom: -5px; color:#008000;}
body#company b {color:#008000;}
body#company h4 {margin-bottom: 0px; color:#1d27c0; }
#clientlist {float: right; min-width: 170px; }

body#company #sidebar {font-size: 90%; }
body#company #sidebar #blurbs li {margin-bottom: 10px; margin-left: -10px; list-style-type:circle;}
body#company #sidebar li {padding-left: 0px; padding-right: 10px;}

#sidebarWe {float: right; width: 23%; background-color:#b0befb; color:#1d27c0; font-size:90%; margin-top: 5px;}
#sidebarWe #focus li {list-style-image: url(images/blue_bullet_arrow.gif);  border: 0; 
			 		  		 margin-bottom: 5px; padding-right: 10px;} 
#sidebarWe #focus ul {margin-top: 2px; margin-left: 20px; }
#sidebarWe #focus h4 {margin-left: 10px; margin-bottom: 1px;}
#sidebarWe #focus h3 {margin-left: 20px; margin-right: 20px; color:#1d27c0;}

#photobar {float: right; width: 28%; padding-top: 5px;}
#portrait {width: 250px; color:#1d27c0; }

#memberof {font-size: 95%;}
#memberof h4 {margin-bottom: 0px;}
.myquote {font-style: italic; color:#1d27c0;}

.author {font-style: italic;}
.quotetitle {font-style: italic; font-weight: bold;}

#contentportfolio {padding: 0; padding-left: 20px; padding-right: 20px; }
.projectwimg {float: left; width: 50%; padding: 0 20px; } 
.projectimage  {float: right; width: 43%; padding-left: 10px; padding-top:30px;}

.projects {float: left; width: 70%; padding: 0 20px; } 
#contentportfolio dt {font-weight: bold; font-size:105%; color:#1d27c0; text-align:left; margin-bottom: 5px;}
#contentportfolio i {font-size: 95%;}
#contentportfolio dd {font-size: 95%; margin-bottom: 15px;}
#contentportfolio li {font-size: 95%;} 

.projectbreak {clear: both; margin: 0; margin-top: 10px; }

.textbreak {margin: -20px 25% 0 25%; background: url(images/Line_slice.gif) repeat-x bottom left;}
.clientbreak {margin: 0 15% 0 0; background: url(images/Line_slice.gif) repeat-x bottom left;}

/* -- Resources Styles -- */
#faq_links {display:block;  font-size:90%; text-align:left; }

#faq_qa {font-weight: normal; font-size:95%; }

body#resources h5 {margin-bottom: -1px;}
body#resources h4 {margin-bottom: -5px; color: #008000;}

#contentcol1 {float: left; width: 49%; font-size: 95%}
#contentcol2 {float: right; width: 49%; font-size: 95%; 
			 border-left: 1px solid #1d27c0;  }

#contentcol1 h3 {margin-top: -10px; color:#1d27c0;}
#contentcol1 h6 {margin-top: -5px; margin-bottom: -5px; color: #008000;}
body#resources table {margin: 0; margin-left: 5px;  }
body#resources table td { margin: 0; padding: 0; text-align: left; 
		 font-size: 90%;  vertical-align:top; margin-bottom: -10px;}
.formula {font-weight: normal; font-size:80%;}

/* -- Contact Styles -- */
#content_c {float: left; width: 65%; }

#contactform {float: right; width: 30%; font-size: 90%; }

#map {float: right; padding-left: 10px; }

#info {clear: both; margin: 0; margin-top: 10px; }

#info  li {float: left; display: block; margin: 0 ; list-style: none;
		padding: 2px 16px;  text-decoration: none;  background-color:#b0befb; color:#1d27c0; 
		border-color:#1d27c0; border-top:solid 1px; border-bottom:solid 1px;}
#infoph {border-color:#1d27c0; border-left:solid 1px;}
#infoloc {border-color:#1d27c0; border-right:solid 1px;}

body#contact h2 {margin-bottom: -10px; font-size: 130%;}		
body#contact h4 {margin-bottom: 5px;}

body#error {font-size: 100%;} 
body#error #footerinfo {font-size: 75%;} 
body#error #bottomlinks {font-size: 90%;}

 
/*  Home */
#home #headline h1 {color:#cf3944; margin-left: 5px;}
#home #bannerborder {font-size: 120%; color: #7174fb; }
#home .col1 img {margin-top: -5px; }

#home .inquote  {font-weight: normal; font-size:90%; margin-top: 0px; text-align:left;
		  background:#008000; color:#bbfcbb; padding: 10px; max-width: 380px;}
.more {float: right; margin-top: -10px; margin-bottom: 5px;}

#homebar {color:#1d27c0; font-size:100%; }
#homebar li {margin-top: 10px; margin-left:-20px; margin-bottom: -5px; 
		 list-style-image: url(images/blue_bullet.gif);}
#homebar li a {color:#008000;}
#homebar li a:hover {color:#cf3944;}

#homepersonal {border: 0; margin-top: 10px; 
			background:#b4c3fb url(images/HomeSide_slice.gif) repeat-x top left;}
#homepersonal h1 {font-size:120%; font-weight: normal; padding: 10px; 
			margin-bottom: 5px;}
#homepersonal h1 a {color:#008000;}
#homepersonal h1 a:hover {color:#cf3944;}

#homefree {border: 0; margin-top: 10px; text-align: center;
		  border: 1px solid #008000; color:#ffd401; background: #008000 url(images/Link_tab_off.gif) repeat-x top left; }	  
.hn1 {font-weight: bold; font-size:140%;} 
.hn2 {font-weight: normal; font-size:130%;}  

#home-loc { float: left; margin-right: 0px; margin-top: 10px; font-size: 90%; 
			   border: 2px solid #7174fb; padding: 0px 10px 0 10px; }
#home-loc a {color:#008000;}

/* from http://matthewjamestaylor.com/blog/perfect-3-column-blog-style.htm */
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;				/* width of whole page */
		overflow:hidden;			/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 0px 0;		/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
		/* 3 Column blog style settings */
	.blogstyle {
				/* right column background colour */
	}
	.blogstyle .colmid {
		right:25%;				/* width of the right column */
			/* center column background colour */
	}
	.blogstyle .colleft {
		right:25%;				/* width of the middle column */
				/* left column background colour */
	}
	.blogstyle .col1 {
		width:41%;				/* width of left column content (column width minus padding on either side) */
		left:52%;				/* 100% plus left padding of left column */
		text-align: center;
	}
	.blogstyle .col2 {
		width:26%;				/* Width of left column content (column width minus padding on either side) */
		left:54%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.blogstyle .col3 {
		width:21%;				/* Width of right column content (column width minus padding on either side) */
		left:60%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}