/**
 * design by www.bluetinweb.com.au
 *
 * filename:    btw_main.css
 * description: main cascading style sheet for bluetinweb
 * version:     1.0
 * date:        14 May 2010
 *
 */

body{
margin: 0;
padding: 0;
line-height: 1.5em;
}

p{
color: #2897FE;   /*blue */
font-size: 1em;
font-family: "trebuchet ms", sans-serif, helvetica;
margin: 0.25em 0 0.75em 1em;
}

a{
color: #FF1D1D;   /*red*/
text-decoration: none;
}

b{
font-size: 110%;
}

em{
color: red;
}

q{
font-size: 0.8em;
margin: 0 1em 0 1em;
}

ul{
margin: 0 0 0 1.15em;
padding: 0;
list-style-type: bullet;
font-family: "trebuchet ms", sans-serif, helvetica ;
color: #2897FE;
font-size: 0.9em;
}

.lists{
margin: 0 1.15em 0 1.15em;
padding: 1em 0.25em 0.25em 0;
}

.lists2{
margin: 0 1.5em 0 1.5em;
padding: 0.2em 0 0.2em 0;
}

.just_blue{
color: #0375DF;   /*blue*/
}

.just_red{
color: #FF1D1D;   /*red*/
}

.bold_blue{
color: #0375DF;   /*blue*/
font-weight: bolder;
}

.bold_red{
color: #FF1D1D;   /*red*/
font-weight: bolder;
}

tr{
vertical-align: top;
}

th, td{
padding: 0.1em 1em;
width: 200px;
}

table.frm{
/*border: 2px solid #2897FE;*/
border-collapse: collapse;
border-spacing: 0px;
width: 520px;
margin: 20px 0 0 50px;
font-family: helvetica, sans-serif, "trebuchet ms";
color: #0375DF; /*0A0EB2*/
}

table.frm input.inpt{
font-family: helvetica, sans-serif, "trebuchet ms";
color: #0375DF; /*0A0EB2  FF1D1D*/
margin: 0 0 0 0;
padding: 0.1em 0 0.1em 0;
width: 335px;
}

table.frm input.inpt2{
font-family: helvetica, sans-serif, "trebuchet ms";
color: #0375DF; /*0A0EB2  FF1D1D*/
margin: 0 0 0 0;
padding: 0.1em 0 0.1em 0;
width: 40px;
text-align: center;
}

table.frm input.sbmt{
margin: 0 0 0 200px;
}

table.frm select.slct{
width: 339px;
}

table.frm label{
margin: 0 0 0 0;
padding: 0.1em 0 0.1em 0;
}

table.frm td.col1{
/*border: 1px solid #2897FE;*/
margin: 0 0 0 0;
padding: 0.1em 0 0.1em 0.3em;
width: 35%;
}

table.frm td.col2{
/*border: 1px solid #2897FE;*/
padding: 0.1em 0 0.1em 0;
margin: 0 0 0 0;
width: 60%;
}

table.frm td.col3{
/*border: 1px solid #2897FE;*/
padding: 0.1em 0 0.1em 0.3em;
margin: 0 0 0 0;
font-size: 0.8em;
}

table.frm td.col4{
/*border: 1px solid #2897FE;*/
padding: 0.1em 0.2em 0.1em 0.3em;
margin: 0 0 0 0;
}

table.frm td.col5{
/*border: 1px solid #2897FE;*/
padding: 0.1em 0 0.1em 0.3em;
margin: 0 0 0 0;
width: 5%;
}

.area1{
/*border: 1px solid #2897FE;*/
font-family: helvetica, sans-serif, "trebuchet ms";
color: #0375DF; /* FF1D1D 0A0EB2*/
width: 510px;
height: 150px;
}

sub, sup, q{
font-family: helvetica, sans-serif, "trebuchet ms";
color: #49A7FF;
}

hr{
color: #49A7FF;
}

h1{
font-size: 1.75em;
margin: 0.5em 0 0.5em 0.5em;
}

h2{
font-size: 1.45em;
margin: 0.4em 0 0.4em 0.5em;
}

h3{
font-size: 1.2em;
margin: 0.3em 0 0.3em 0.5em;
}

h1, h2, h3, h4, h5, h6{
font-weight: bolder;
font-family: helvetica, sans-serif, "trebuchet ms";
color: #0375DF;
}

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #FBFFFF  url('../images/btw_main(1000x1).png') repeat-y top left;
}

#topsection{
background: #C0FFFF url('../images/top(1100x1).png') repeat-y top left;
height: 100px; /*Height of top section*/
}

#topsection h1{
position: relative;
top: 25px;
left: -200px;
margin: 0;
padding-top: 15px;
font-family: SnappyService, arial, sans-serif, "trebuchet ms";
font-size: 2.2em;
text-align: center;
z-index: 1;
}

span.bluze{
color: #0000FF;
}

span.redz{
color: #FF0000;
}

#left-image{
position: relative;
float: left;
z-index: 3;
width: 210px;
height: 100px;
background: transparent url('../images/btw_logo_left.png') repeat-x;
}

#right-image{
position: relative;
float: left;
left: 135px;
top: 12px;
z-index: 3;
width: 306px;
height: 76px;
background: transparent url('../images/btw_logo_main.png') repeat-x;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 165px 0 174px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn #LHS{
position: relative;
float: left;
width: 120px;
height: 350px;
}

#contentcolumn #MID{
position: relative;
float: left;
width: 420px;
height: 350px;
}

#contentcolumn #RHS{
position: relative;
float: left;
width: 120px;
height: 350px;
}

#leftcolumn{
float: left;
width: 174px; /*Width of left column in pixel - 6px for the red stripe -- total = 180px*/
margin-left: -1000px; /*Set margin to that of -(MainContainerWidth)*/
background: #87D0FD;
}

#rightcolumn{
float: left;
width: 165px; /*Width of right column*/
margin-left: -165px; /*Set left margin to -(RightColumnWidth)*/
background: #E3F9F9;   /*F0FFFF*/
}

#rightcolumn .portfolio{
/*float: left;*/
margin: 0 0 20px 0;
}

#rightcolumn .portfolio p{
padding: 0;
margin: 0;
}

#rightcolumn .height_pad{
height: 105px;
}

.cntrng{
margin: 0;
text-align: center;
}

#footer{
position: relative;
clear: left;
width: 1000px;
height: 60px;
text-align: center;
background: #B2E6E5; 
}

#footer a{
color: #2897FE;
text-decoration: none;
}

#footer p{
color: #808080;
font-size: 0.8em;
margin-top: 0;
margin-bottom: -1px;
}

#footer .ftr{
position: absolute;
right: 0;
top: 0;
}

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

/* 
----------------------- rounded corner box -----------------------
*/

.box{
background: #FBFFFF url(../images/bottom-left.gif) no-repeat left bottom;
margin: 0px 50px 20px 50px;
}

.box-outer{
background: url(../images/bottom-right.gif) no-repeat right bottom;
padding-bottom: 30px;
}

.box-inner{
background: url(../images/top-left.gif) no-repeat left top;
}

.box h1{
background: url(../images/top-right.gif) no-repeat right top;
padding-top: 30px;
text-align: center;
margin: 0.5em 0 0.5em 0;
color: #0375DF;
}

.box h2{
background: url(../images/top-right.gif) no-repeat right top;
padding-top: 30px;
text-align: center;
margin: 0.4em 0 0.4em 0;
color: #0375DF;
}

.box a{
color: #0375DF;
}

.box sup{
color: #49A7FF;
font-size: 0.8em;
}

.box h1, .box h2, .box h3, .box p, .box ul{
padding-left: 30px;
padding-right: 30px;
}

/*
* html .box  { float: left; height: 1%; }
* html .box  { height: 1%; }

*/