/***** Global Settings *****/
 
html, body {
border:0;
margin:0 0 50px 0;
padding:0;
}
 
 
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}
 
h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}
 
h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/

p {
margin:0;
padding: 1em 0 1em 0; 
}
 
ul, ol { 
margin: 0;
padding:0 0 0 2.5em; 
line-height: 1em;
}
 
blockquote { 
margin:1.25em; 
padding:1.25em 1.25em 0 1.25em; 
}
 
small {
font-size:0.85em; 
}
 
img { 
border:0; 
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited,
a:hover {
text-decoration:underline;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
 
textarea {
width:100%;
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 
/***** Wrapper *****/

#wrap {
width:960px;
margin:0 auto;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.wrap          { width:960px;margin:0 auto; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }



/***** Techweaver Site CSS *****/

body{
line-height: 1em;
}

b{font-size: 110%;}
em{color: red;}

a img {
border-style: none;
}



/***** Banner and Navigation *****/

#topsection{
position: relative;
width: 100%;
background: #FFFFFF;
}

#logo{
position: relative;
text-align:center;
margin: 0 auto 0 auto;
padding: 10px 0 10px 0;
}

#navbar{
position:relative;
width: 100%;
margin: 0;
padding: 0;
border-bottom: 1px solid black;
}

.tabs{
position: relative;
width: 510px;
margin: 0 auto 0 auto;
padding: 0;
overflow: hidden;
}

.tabs ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
}

.tabs li{
display: inline;
margin: 0;
}

.tabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #1f3d61; //#414141; /*background of tabs (default state)*/
}

.tabs li a:visited{
color: white;
}

.tabs li a:hover, .tabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


/***** Center Content *****/

#maincontainer{
position: ;
width: 1025px; /*Width of main container*/
margin: 0 auto 0 auto; /*Center container on page*/

}

#leftcolumn{
position: relative;
float: left;
width: 26%;
margin: 20px 20px 30px 20px;
padding: 10px 10px 30px 10px;
text-align: center;
line-height: 1em;
background: #ffffff;
border: 1px solid #1f3d61;
}

#leftcolumnhead
{
font-size: 15px;
line-height: 1em;
}

#leftcolumnheadsub
{
text-align: center;
font-size: 12px;
line-height: 1.5em;
}

#leftcolumn li
{
line-height: 1em;
text-align: left;
list-style-type: square;
list-style-position: outside;
}

#leftcolumn li.inside
{
list-style-position: inside;
}

#centercolumn{
position: relative;
float: left;
width: 62%;
margin: 10px 0 25px 0;
padding: 0;
}

.shiftcontainer{
position: relative;
width: 99%;
left: 0px; /*Number should match -left shadow depth below*/
top: 0px; /*Number should match -top shadow depth below*/
margin: 2px 0 2% 0;
padding: 2% 10% 0 1%; 
font-family:arial;
font-size:15px;
cursor:default;color:1f3d61;
text-align: left;
}

.shadowcontainer{
width: 99%; /* container width*/
background-color: #E5E5E5;
/*background-color: #F9F9F9;*/
}

.headerdiv{
/* Add container height here if desired */
//background-color: #F9F9F9;
background-color: #1f3d61;
border: 1px solid #1f3d61;
//color: #1f3d61;
padding: 6px 4px 6px 4px;
position: relative;
font-family:arial;
font-size:14px;
color: #ffffff;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.innerdiv{
/* Add container height here if desired */
background-color: white;
border-top: 0px solid #AAAAAA;
border-left: 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
color: #1f3d61;
padding: 2px 12px 12px 12px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
line-height: 1.5em;
}


#sprites {
width: 550px; height: 150px;
margin: auto auto; 
padding: 0 0 4% 0;
position: relative;
}
    
#sprites li {
margin: auto auto; 
padding: 0; 
list-style: none;
position: absolute; 
top: 0;
}	
  
#sprites li, #sprites a {
    height: 150px; 
    display: block;
    }
      
#buttonhome {
left: 0; 
width: 150px;
background: url(images/sprites.png) 0 0 no-repeat; 
}

#buttonbusiness {
left: 200px; 
width: 150px; 
background: url(images/sprites.png) -150px 0 no-repeat; 
}

#buttoninfo {
left: 400px; 
width: 150px;
background: url(images/sprites.png) -300px 0 no-repeat; 
}

#buttonhome a:hover {
background: transparent url(images/sprites.png) 0 -150px no-repeat;
}
    
#buttonbusiness a:hover {
background: transparent url(images/sprites.png) -150px -150px no-repeat;
}
    
#buttoninfo a:hover {
background: transparent url(images/sprites.png) -300px -150px no-repeat;
}
    

#contactinfo
{
margin: 1% 0 1% 13%;
padding: 0;
text-align: left;
font-size: 11pt;
line-height: 1em;
}

#contactinfo ul
{
padding: 1em 0 0 1em;
text-align: left;
vertical-align: bottom;
list-style-type: none;
line-height: 1.4em;
}

#entry{
position: relative;
width: 450px;
height: 320px;
margin: 10px auto 10px auto;
padding: 15px 50px 25px 50px;
}

#entry label,input {
	display: block;
	width: 235px;
	float: left;
	margin-bottom: 10px;
}

#entry label {
	text-align: right;
	width: 100px;
	padding-right: 20px;
}

#entry br {
	clear: left;
}

textarea{
width: 250px;
height: 200px;
}


#submitbutton{
margin: 10px 0  0 119px;
padding: 0;
width: 255px;
}

#bottomcontainer{
clear: both;
width: 100%;
height: 30px;
position: fixed;
text-align: center;
left: 0;
bottom: 0;
\\background-image: url('images/footerbg.png');
}

#footer{
position: relative;
text-align:center;
margin:0 auto 0 auto;
padding: 0px 0px 0px 0px;
width: 800px;
height: 30px;
background-image: url('images/footer.png');
background-repeat: no-repeat;
font-size: 12px;
}

#footertext{
position: relative;
text-align:center;
margin: 0 auto 0 auto;
padding: 11px 0px 0px 0px;
width: 100%;
font-size: 13px;
}

/*
#minilogo{
position:relative;
width: 50px;
height: 50px;
text-align:center;
margin: 0px auto 0 auto;
padding: 18px 0 0 0;
}

\\<div id="minilogo"><img src="images/TagLogo.png"></a></div>
*/

.innertube{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}




/***** INVOICE COL STYLING *****/

#invoice_container{
text-align: center;
width: 800px;
margin: 0 auto;
padding: 0;
}

#invoice_clienttype{
position: relative;
width: 250px;
text-align: center;
margin: 20px auto;
}

#clienttype_center{
width: 190px;
height: 50px;
margin: 5px;
padding: 0;
}

#clienttype_col1{
position: relative;
float: left;
width: 100px;
}

.clienttype_label{
position:relative;
float: left;
width: 100px;
height: 20px;
margin: 2px;
line-height: 20px;
text-align: right;
}

#clienttype_col2{
position: relative;
float: left;
width: 25px;
margin-left: 10px;
}

#clienttype_col2 input{
margin: 2px;
padding: 0px;
width: 20px;
height: 20px;
}


#colcenterbox{
position: relative;
width: 790px;
text-align: center;
margin: 0 auto;
}

#items_center{
width: 650px;
margin: 20px auto;
}


#invoice_items{
position: relative;
text-align: center;
width: 570px;
height:225px;
margin: 20px auto;
border: 1px solid #CCCCCC;
}

#items_col1{
float: left;
padding: 0 0 10px 10px;
width: 50px;
background-color: #CCCCCC;
}

#items_col1 input{
width: 15px;
height: 15px;
padding: 5px;
margin: 5px;
text-align: center;
}

#items_col2{
float: left;
position: relative;
width: 70px;
padding: 0 0 10px 10px;
}

#items_col2 input{
width: 50px;
height: 15px;
padding: 5px;
margin: 5px auto;
}

#items_col3{
float: left;
position: relative;
width: 420px;
padding: 0 0 10px 10px;
background-color: #CCCCCC;
}

#items_col3 input{
width: 400px;
height: 15px;
padding: 5px;
margin: 5px auto;
}

#items_label{
position:relative;
top: 0;
left: -5px;
width: 100%;
text-align: center;
height: 25px;
line-height: 25px;
font-size: 12px;
}


/***** INVOICE ROW STYLING *****/

#items_rows_center{
width: 650px;
margin: 20px auto;
}

#invoice_items_rows{
width: 570px;
height: 270px;
margin: 20px auto;
padding: 0;
}

#invoice_items_rows input{
margin: 10px;
padding: 2px;
text-align: center;
}

.invoice_items_labelrow{
float:left;
width: 100%;
height: 20px;
border-top:1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right:1px solid #CCCCCC;

}
.invoice_items_row1{
Float: left;
width: 100%;
height: 50px;
background-color: #CCCCCC;
border: 1px solid #CCCCCC;
}

.invoice_items_row2{
Float: left;
width: 100%;
height: 50px;
background-color: #FFFFFF;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

#label_quantity{
float: left;
width: 50px;
line-height: 20px;
font-size: 12px;
}

#label_amount{
float: left;
width: 75px;
line-height: 20px;
font-size: 12px;
}

#label_description{
float: left;
width: 420px;
line-height: 20px;
font-size: 12px;
}

.quantity{
width: 20px;
height: 20px;
}

.amount{
width: 50px;
height: 20px;
}

.description{
width: 410px;
height: 20px;
}