@charset "utf-8";
body {
	padding: 0px;
	margin: 0px;
	background-color: #DDF1FF;
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-family: 'Asap', sans-serif;
	overflow-y: scroll;
}
body,td,th {
	color: #000;
	font-family: 'Asap', sans-serif;
}
#pricing {
	font-size: 150%;
	color: #09f;
	text-align: center;
	
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #F00;
}
a:active {
	text-decoration: none;
	color: #000;
}
p{font-family: 'Asap', sans-serif;}
h1 {
	
	margin: 0px;
	padding: 0px;
    font-family: 'Asap', sans-serif;
    font-size: 700;
	font-weight: bold;
	margin-left: auto;
	color: #000;
}
	
a.c1:link, a.c1:visited 
{ 
   font-weight:bold;
   text-decoration: underline;
   color: #f00;
} 
a.c1:hover, a.c1:active    
{ 
   font-weight:bold;
   text-decoration: underline;
   color: #0099ff;
}  	
	
	
	
	
h2 {
	
	margin: 0px;
	padding: 0px;
    font-family: 'Asap', sans-serif;
    font-size: 120%;
	font-weight: bold;
	margin-left: auto;
	color: #000;
}
h3 {
	
	margin: 0px;
	padding: 0px;
        font-family: 'Asap', sans-serif;
        font-size: 110%;
	font-weight: bold;
	margin-left: auto;
	color: #000;
}
h4 {
	
	margin: 0px;
	padding: 0px;
       font-family: 'Asap', sans-serif;
        font-size: 100%;
	font-weight: bold;
	margin-left: auto;
	color: #000;
}
h5 {
	
	margin: 0px;
	padding: 0px;
       font-family: 'Asap', sans-serif;
        font-size: 100%;
	font-weight: bold;
	margin-left: auto;
	color: #09F;
}
h6 {
	
	margin: 0px;
	padding: 0px;
        font-family: 'Asap', sans-serif;
        font-size: 110%;
	font-weight: bold;
	margin-left: auto;
	color: #09F;
}

h1,h2,h3,h4,h5,h6,{
	font-family: 'Asap', sans-serif;
}
p{
		font-family: 'Asap', sans-serif;
		font-size: 90%;
		font-weight: normal;
		margin: 0px;
	    padding: 0px;
	}

.tBox{
	width: 960px;
        overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	background-color: #0099ff;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #ff0000;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9DD8FF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9DD8FF;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #BBE3FF;
	}
.hTop{
	width: 960px;
	height: 120px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	background-image: url(../images/TransastraLogo2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.hLeft{
	width: 420px;
	height: 120px;
	float: left;
	background-image: url(../images/logo1.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.hRight{
	width: 540px;
	height: 120px;
	float: left;
	background-image: url(../images/hright.png);
	background-repeat: no-repeat;
	background-position: center center;
}
	
.bbBox{
	width: 960px;
	overflow: hidden;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-color: #F0FAFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9DD8FF;
	border-left-color: #9DD8FF;
}
.bbMenu{
        width: 920px;
        padding: 0px;
        margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
	background-color: #ff0000;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #9DD8FF;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9DD8FF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9DD8FF;

}
.billboard{ 
    width: 920px;
	height: 197px;
    margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
        background-color: #0099ff;
        border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9DD8FF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9DD8FF;
        border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #BBE3FF;;
       
	
}

	
.mBox{
	width: 960px;
    overflow: hidden;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-color: #F0FAFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9DD8FF;
	border-left-color: #9DD8FF;
  
	}
	
.addBox{
	width: 960px;
    overflow: hidden;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-color: #F0FAFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9DD8FF;
	border-left-color: #9DD8FF;
  
	}
.addCon{ 
    width: 890px;
    overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;	
	padding-bottom: 15px;
    background-color: #fff;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9DD8FF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9DD8FF;
	}	
	
	
.fBox{
	width: 960px;
	clear: both;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	background-color: #F0FAFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #9DD8FF;
	border-left-color: #9DD8FF;
	}
.content{ 
    width: 870px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
    background-color: #fff;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9DD8FF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9DD8FF;
	}

.footer{ 
    width: 920px;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
    margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 20px;
    background-color: #E1F3FF;
	border-style: solid;
	border-width: 1px;
	border-color: #9DD8FF;
	font-family: 'Ropa Sans', cursive;
    font-size: 15px;
	font-weight: normal;
	border-bottom-left-radius: 13px 13px;
	-moz-border-radius-bottomleft: 13px 13px;
	border-bottom-right-radius: 13px 13px;
	-moz-border-radius-bottomright: 13px 13px;
}
.cRight{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	font-family: 'Asap', sans-serif;
        font-size: 86%;
	font-weight: normal;
	color: #fff;
	}

.bBox{
	width: 960px;
    overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	background-color: #0099ff;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #BBE3FF;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9DD8FF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9DD8FF;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #ff0000;
	}

.mottoBox{
	width: 930px;
	height: 44px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-image: url(../thumbs/lightning.png);
	background-repeat: no-repeat;
	background-position: center center;
	}

a.addPic img {
	width: 260px;
	height: 137px;
	padding: 11px;
	margin-left: 6px;
	border: 1px solid #82CDFF;
	background-color:#D5EEFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	border-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
	-moz-border-radius-bottomleft: 8px 8px;	
}

a.addPic:hover img {
	border: 1px solid #09F;
	background-color:#97D6FF;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

a.ordPic img {
	width: 260px;
	height: 137px;
	padding: 1px;
	margin-left: 0px;
	border: 1px solid #82CDFF;
	background-color:#0099ff;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
		
}

a.ordPic:hover img {
	border: 1px solid #000;
	background-color:#09f;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}		

a.vidPic img {
	width: 300px;
	height: 225px;
	padding: 11px;
	margin-left: 6px;
	border: 1px solid #82CDFF;
	background-color:#D5EEFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	border-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
	-moz-border-radius-bottomleft: 8px 8px;	
}

a.vidPic:hover img {
	border: 1px solid #09F;
	background-color:#97D6FF;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}	

.credit{
	font:Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #000;
	padding: 0px;
	}

.myTbl{
     background-color: #E1F3FF;
	border-style: solid;
	border-width: 1px;
	border-color: #9DD8FF;
	font-size: 90%;
	
	}
	
.tblArea
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #9DD8FF;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9DD8FF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9DD8FF;
	font-size: 90%;
	font-weight: bold;
	padding: 5px;
	background-color: #ff0000;
	color: #FFF;
	}
	
.tblHeader
{
	border-style: solid;
	border-width: 1px;
	border-color: #9DD8FF;
	font-size: 90%;
	font-weight: bold;
	padding: 5px;
	background-color: #F0FAFF;
	}
.tblDetail{
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9DD8FF;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 15px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #9DD8FF;
	}
.tblContact{
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 15px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9DD8FF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9DD8FF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #9DD8FF;
	}
.wanted{
	color: #F00;
	font-weight: bold;
	padding: 5px;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #9DD8FF;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #9DD8FF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #9DD8FF;
	
	}
.want{
	color: #F00;
	font-weight: bold;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #9DD8FF;
	}

	
.hOffice{
	font: normal 0.9em sans-serif;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #0099ff;
	}

#benefits{
	background-color: #F0FAFF;
    border-style: solid;
	border-width: 1px;
	border: 1px solid #82CDFF;
	font-size: 75%;
	padding: 8px;
	margin-bottom: 20px;
	border-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
	-moz-border-radius-bottomleft: 8px 8px;	

		}
		
#spark{
	background-color: #09f;
	border: 1px solid #0085DD;
	font-size: 95%;
	font-weight:bold;
	text-align: center;
	padding: 8px;
	margin-bottom: 20px;
	border-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
	-moz-border-radius-bottomleft: 8px 8px;
	color: #FFF;
		}
		

#price{
	height: 130px;
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border: 1px solid #82CDFF;
	font-size: 75%;
	padding: 8px;
	border-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
	-moz-border-radius-bottomleft: 8px 8px;
	margin-bottom: 20px;
	background-image: url(../thumbs/prices.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#dyna{ font-size: 110%;
	font-weight:bold;
	color: #09f;
	text-align: center;
	margin-bottom: 10px;
	padding: 0px;
	}

#price2{
	overflow: hidden;
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border: 1px solid #82CDFF;
	font-size: 75%;
	padding: 8px;
	border-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
	-moz-border-radius-bottomleft: 8px 8px;
	margin-bottom: 20px;
		}
#pts{
overflow: hidden;
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border: 1px solid #82CDFF;
	font-size: 75%;
	padding-top: 18px;
	padding-bottom: 18px;
	border-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
	-moz-border-radius-bottomleft: 8px 8px;
		}
		
#pts2{
	overflow: hidden;
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border: 1px solid #82CDFF;
	font-size: 75%;
	padding-top: 18px;
	padding-bottom: 18px;
	border-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
	-moz-border-radius-bottomleft: 8px 8px;
		}
		
#benfits ul{
	list-style-position: inside;
	list-style-image: none;
	list-style-type: square;
	
	}
	
	
#rPic{ float:right; margin-left: 10px; margin-top: 0px; margin-bottom: 10px; margin-right: 10px;
border:solid #09f 1px; 
}
#rPic2{ float:right; margin-left: 10px; margin-top: 0px; margin-bottom: 10px; margin-right: 10px;
}
#lPic{ float:left; margin-right: 10px; margin-top: 0px; margin-bottom: 10px; margin-left: 10px;
}
#pgTtl{
	font-size: 110%;
	font-weight:bold;
	color: #09f;
	text-align: center;
	margin-bottom: 10px;
	padding: 0px;
	}
	
.dkTxt{color: #000;}
#tblStats{
	padding: 8px;
	background-color:#fff;
	border: 1px solid #82CDFF;
	border-radius: 8px 8px;
	-moz-border-radius: 8px 8px;
	-moz-border-radius-bottomleft: 8px 8px;
	}
	
#stages{
	padding: 18px;
	margin: 5px;
	height: 170px;
	background-color: #E1F3FF;
	border-style: solid;
	border-width: 1px;
	border-color: #9DD8FF;
	font-size: 80%;
	
	}
#types{
	padding: 10px;
	margin: 5px;
	background-color: #BBE3FF;
	border-style: solid;
	border-width: 1px;
	border-color: #0099ff;
	font-size: 80%;	
	}
	
	.cus{
	margin-top: 8px; 
	width: 120px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../thumbs/us_off.png);
	background-position:center center;
	background-repeat:no-repeat;
	}
	.cus:hover{ 

	background-image:url(../thumbs/us_on.png);
	background-position:center center;
	background-repeat:no-repeat;
	}