/********************************************
   AUTHOR:          http://www.ambitiouswebdesign.com 
   WEBSITE:     http://www.orbitek.com/
   TEMPLATE NAME:  Orbitek
   DATE:           Aug-06th-2008
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 
 
* { margin: 0; padding: 0px; }

html, body { 
margin: 0;
padding: 0px;
height: 100%; 
background: #323232 url(/images/bg.gif) repeat-x;
} 

.subbg {
background: #323232 url(/images/subbg.gif) repeat-x;
}

table, table a {
	color: white
}

/* ----------Centered Container Or the Layout--------------------- */

#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
} 


/* --------------LABELS BUTTONS & FORMS-----------*/
 
label {
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #777;
}
 
.form, textarea {
width: 20em;
border: 1px solid #777;
font: 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #86878b;
padding: 2px;
margin-bottom: 20px;
}
 
.button {
width: 6em;
font: bold 10pt 'Trebuchet MS', Arial, Sans-serif;
color: #fff;      
background: #4fc2f0;
padding: 4px 5px;
border: 1px solid #46a1c6;
}

/* --------------HEADER------------- */

#header {
background: url(/images/header_bg.gif) no-repeat left top;
height: 116px;
}

#header img {
border: none;
}

#header ul {
float: right;
width: 400px;
text-align:right;
margin-top: 40px;
}

#header li {
display: inline;
list-style-type: none;
padding-left: 18px;
padding-right: 10px;
}


/* --------------LOGO IN HEADER *always use this*------------- */

.logolink {
background-image: url('/images/logo.gif');
background-repeat: no-repeat;
height: 116px;
width: 276px;
float: left;
}
 
.logolink a { float: left;  }
 
#swap {background-image: url(/images/logo.gif);  width: 276px;  height: 116px;  }
 
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------TOPNAV------------------------------------------------------------- */


.suckertreemenu {
height: 60px;
}

.suckertreemenu .container {
padding-left: 10px;
padding-top: 18px;
}



.suckertreemenu ul{
margin: 0;
padding-left: 0px;
list-style-type: none;
letter-spacing: 0px;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: inline;
font: 16pt 'Trebuchet MS', Arial, Sans-serif;
color: #323232;
text-decoration:none;
cursor: auto;
padding-right: 55px;
cursor: pointer;
}

.suckertreemenu ul li a:hover {
color: #323232;
}

	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0.8em;
position: absolute;
top: 0em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a {
margin: 0px;
display: block;
overflow: visible;
text-align: left;
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
width: 180px; /*width of sub menu levels*/
text-decoration: none;
padding: 4px;
border: 1px solid #323232;
background-color: #474848;
color: #fff;
}


.suckertreemenu ul li ul li a:hover{
text-decoration:underline;
background-color: #d9dad0;
color: #323232;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */




/* --------------MISSION------------- */

#mission {
background: url(/images/missionbg.jpg) no-repeat;
height: 293px;
}

#mission h1 {
background: url(/images/mission_flexfeed.gif) no-repeat;
height: 49px;
width: 573px;
margin-top: 17px;
}

#mission .left {
float: left;
width: 220px;
}

#mission .right {
width: 220px;
margin-left: 220px;
padding-top: 64px;
}


#mission ul {
float: left;
width: 500px;
margin-top: 10px;
margin-left: 12px;
font: bold 12pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
letter-spacing: -1px;
line-height:18px;
color: #FFF;
}

#mission li {
display: block;
list-style-type: none;
padding: 0px 0px 10px 25px;
background: url(/images/missionbullet.gif) no-repeat top left; /*custom bullet list image*/
}

#mission .tag {
float: right;
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #4e4d4d;
padding: 8px 32px 0px 0px;
}

#pup {  
position:absolute;  
z-index:200; /* aaaalways on top*/  
padding: 3px;  
margin-left: 10px;  
margin-top: 5px;  width: 250px;  
border: 1px solid black;  
background-color: #777;  
color: white;  
font-size: 0.95em;
}

#mission a {
color: #4e4d4d;
text-decoration: underline;
}



/* --------------SUBPAGEMISSION------------- */

#submission {
background: url(/images/submissionbg.gif) no-repeat;
height: 126px;
}

#submission h1 {
background: url(/images/mission_flexfeed.gif) no-repeat;
height: 49px;
width: 573px;
margin-top: 17px;
}

#submission img {
float: left;
}

#submission .tag {
float: right;
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #4e4d4d;
padding: 8px 32px 0px 0px;
}

#submission a {
color: #4e4d4d;
text-decoration: underline;
}


/* --------------SUBGREYBAR------------- */

#subgreybar {
height: 81px;
}


/* --------------HOMEQUOTE------------- */

#homequote {
height: 136px;
font: bold 12pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
letter-spacing: -1px;
color: #323232;
}

#homequote .container {
padding-top: 8px;
}

#homequote h1 {
background: url(/images/homequote_turnkey.gif) no-repeat;
height: 56px;
}

#homequote p {
padding: 4px 20px 0px 20px;
}


/* --------------MAIN CONTENT----------------*/

#main {
min-height: 100%; 
height: auto !important; 
height: 100%; 
background: url(/images/mainbg.gif) repeat-y center; /* Main DIV Background Img */
}

#main .top {
background: url(/images/maintop.gif) no-repeat top center; 
height: 29px;
}


#main .content {
padding: 0px 20px 20px 20px;
margin: 0px;
min-height: 320px; /* Height of Background Img */
height: auto;
}

#main .contenthome {
padding: 0px 20px 20px 20px;
margin: 0px;
min-height: 330px; /* Height of Background Img */
height: auto;
}

#main .contenthome li, #threeblocks li {
display: block;
list-style-type: none;
padding: 0px 0px 0px 10px;
background: url(/images/bulletgreen2.gif) no-repeat top left; /*custom bullet list image*/
line-height: 20px;
}


#main h1 {
font: 18pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #a1de02;
margin-bottom: 20px;
}

#main h2 {
padding-left: 25px;
margin-bottom: 15px;
background: url(/images/missionbullet.gif) no-repeat center left; /*custom bullet list image*/
font: bold 12pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
text-decoration:underline;
color: #fff;
letter-spacing: -1px
}

#main p {
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #fff;
text-align:justify;
line-height: 20px;
}

#main strong {
text-decoration:underline;
padding: 0px 0px 0px 10px;
background: url(/images/bulletgreen.gif) no-repeat center left; /*custom bullet list image*/
font: bold 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #fff;
}


#main .link {
color: #a1de02;
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
text-decoration: none;
margin-left: 10px;
background: url(/images/bulletpage.gif) no-repeat center left; /*custom bullet list image*/
padding-left: 18px;
}

#main .img {
float: right;
margin: 20px;
padding: 9px 16px 16px 16px;
background: url(/images/imgborder.gif) no-repeat center top;
}


#main .content a {
}


#main .content ul, #threeblocks ul {
margin: 16px;
padding: 0px 13px 0px 13px;	
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #fff;
}

#main .content li, #threeblocks li {
display: block;
list-style-type: none;
padding: 0px 0px 0px 10px;
background: url(/images/bulletgreen.gif) no-repeat center left; /*custom bullet list image*/
line-height: 20px;
}

#main .content ul a {
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #fff;
line-height: 20px;
}


#main .check ul {
margin: 12px;
padding: 0px 13px 0px 13px;	
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #fff;
}

#main .check li  {
display: block;
list-style-type: none;
padding: 0px 0px 15px 15px;
background: url(/images/bulletcheck.gif) no-repeat top left; /*custom bullet list image*/
line-height: 20px;
width: 450px;
}

#main #pdf {
padding: 0px 0px 0px 20px;
background: url(/images/bulletpdf.gif) no-repeat top left; /*custom bullet list image*/
}


/* --------------MAIN THREE BLOCKS----------------*/

#threeblocks {
padding: 0px 30px 0px 30px;
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
color: #fff;
height: 100%;
height: auto;
min-height: 100%;
clear: both;
}

#threeblocks a {
color: white;
}

#threeblocks a:hover, #main .content ul a:hover, #main .content a:hover {
color: #a1de02;
}


#threeblocks p {
padding: 12px 45px 0px 13px;
}

#threeblocks img {
border: 6px solid #bdbdbf;
margin: 13px 0px 0px 13px;
}

#threeblocks .services {
float: left;
width: 282px;
margin: 0px;
padding: 0px;
clear:right
}

#threeblocks .services h1 {
background: url(/images/block_services.gif) no-repeat; 
height: 42px;
}

#threeblocks .commitment {
float: left;
width: 282px;
margin: 0px;
padding: 0px;
clear:right;
}

#threeblocks .commitment p {
text-align:left
}

#threeblocks .commitment h1 {
background: url(/images/block_commitment.gif) no-repeat; 
height: 42px;
}

#threeblocks .strategic {
float: left;
width: 282px;
margin: 0px;
padding: 0px;
clear:right
}

#threeblocks .strategic h1 {
background: url(/images/block_strategic.gif) no-repeat; 
height: 42px;
}


/* --------------FOOTER------------- */

.clear {
clear: both;
}

#footer, .push { 
clear: both;
width: 960px;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
background: url(/images/mainbg.gif) repeat-y center;
} 

#footer {
height: 100px;
height: auto;
}


#footer .line {
width: 920px;
border: none;
border-bottom: 1px solid #afafaf;
height: 0px;
}

#footer .content { 
width: 960px; 
margin: 0 auto; 
position: relative; 
padding-top: 10px;
}

/* --------------FOOTER LINKS------------- */



#footer .left {
float: left;
width: 400px;
}

#footer .right {
float: right;
margin: 15px 30px 0px 0px;
}

.clear {
clear: both;
}


#footer img {
border: none;
}

#footer ul {
padding: 10px;
}

#footer .links ul {
margin: 0px;
padding: 0px;
}

#footer .links li {
display: inline;
list-style-type: none;
}

#footer .links li a {
color: #fff;
text-decoration: none;
border-right: 1px solid;
padding: 0px 10px 0px 10px;
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
}


#footer .links li a:hover {
text-decoration: underline;
}

#footer .asc ul {
margin: 0px;
padding: 0px;
}

#footer .asc li {
display: block;
list-style-type: none;
}

#footer .asc li a {
color: #fff;
text-decoration: none;
padding: 0px 10px 0px 10px;
font: 8pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
}

#footer .links li a:hover {
text-decoration: underline;
}

#footer .w3 ul {
margin: 0px;
padding: 10px 10px 0px 10px;
}

#footer .w3 li {
display: inline;
list-style-type: none;
}

#footer .w3 li a {
color: #cdcdcd;
text-decoration: none;
padding: 0px 0px 0px 10px;
font: 10pt 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
}

#footer .w3 li a:hover {
text-decoration: underline;
}


#seo     	 { font-family: 'Trebuchet MS', Tahoma, Arial, Sans-Serif; text-decoration: none; color: #ffffff; font-size: 8pt; }

a.seo:link {  font-family: 'Trebuchet MS', Tahoma, Arial, Sans-Serif; text-decoration: none; color: #ffffff; font-size: 8pt;}
a.seo:visited  { font-family: 'Trebuchet MS', Tahoma, Arial, Sans-Serif; text-decoration: none; color: #ffffff; font-size: 8pt; }
a.seo:hover { font-family: 'Trebuchet MS', Tahoma, Arial, Sans-Serif; text-decoration: none; color: #ffffff; font-size: 8pt;}


/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }