@charset "UTF-8";
/* CSS Document */

/* fix for IE<=6's 3-pixel gap bug */

* {
    margin:0;
    padding:0;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 82%;
    background-color: #FDFBE8;
}
#home-page {
    background-color: #fffcfa;
}
#portfolio-page {
    background-color: #FFFDF5;
    background-image: url(im/portfoliobg.gif);
    background-repeat: repeat-x;
}
a {
    color: #666666;
}
p {
    color: #002318;
}
img {
    color: #EBEE92;
}
/* Headers */
h1 {
    color:#77812d;
    font-size:1.3em;
    text-align:left;
    margin-bottom: 3px;
    letter-spacing: 0.1em;
    font-weight: normal;
}
h2 {
    color: #002318;
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0px;
}
#containerHome {
    color:#002318;
    width:1000px;
    background-image: url(im/SatBackv2.jpg);
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    height: 800px;
    background-position: center top;
}
#containerAbout {
    color:#002318;
    width:1000px;
    background-repeat: no-repeat;
    height: 800px;
    background-position: center top;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    background-image: url(im/SatAbout.jpg);
}
#containerAboutTwo {
    color:#002318;
    width:1000px;
    height: 800px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    background-image: url(im/SatAbout2.jpg);
    background-repeat: no-repeat;
}
#containerPort {
    color:#002318;
    width:1000px;
    background-image: url(im/SatPort.jpg);
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    height: 800px;
    background-position: center top;
    position: relative;
}
#containerProcess {
    color:#002318;
    width:1000px;
    background-image: url(im/Satprocess.jpg);
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    height: 800px;
    background-position: center top;
    position: relative;
}
#containerMainport {
    color:#002318;
    width:1000px;
    background-image: url(im/Satportmain.jpg);
    background-repeat: no-repeat;
    margin-right: auto;
    margin-left: auto;
    height: 800px;
    background-position: center top;
    position: relative;
}
#containerPrices {
    color:#002318;
    width:1000px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    height: 800px;
    background-image: url(im/SatPort.jpg);
}
#circularMenu {
    padding:0;
    list-style:none;
    position:relative;
    height:600px;
    background-image: url(circular/background.gif);
    background-repeat: no-repeat;
    margin-top: 150px;
    width: 610px;
    float: right;
}
#circularMenu li {
    display:block;
    width:150px;
    height:150px;
    position:absolute;
}
#circularMenu li.home {
    left:180px;
    top:2px;
    background-image: url(im/aboutSat.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(im/aboutSat.png);
}
#circularMenu li.branding {
    left:315px;
    top:108px;
    background-image: url(im/Identity.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#circularMenu li.graphicDesign {
    left:324px;
    top:252px;
    background-image: url(im/graphicDesign.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#circularMenu li.websiteDesign {
    left:46px;
    top:110px;
    background-image: url(im/websiteDes.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#circularMenu li.contact {
    left:177px;
    top:365px;
    background-image: url(im/contactUs.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#circularMenu li.portfolio {
    left:43px;
    top:245px;
    background-image: url(im/Port.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#circularMenu li a b {
    display:none;
}
#circularMenu li a {
    display:block;
    width:150px;
    height:150px;
    text-align:center;
}
#circularMenu li a:hover {
    text-decoration:none;
}

/*button navigation*/
#menuOuter {
    margin:0;
    list-style:none;
    width:180px;
    position:absolute;
    font-family:Arial, Helvetica, sans-serif;
    left: 265px;
    top: 10px;
    padding: 0;
}
#menuOuter li#menu1 {
}
#menuOuter table {
    border-collapse:collapse;
    padding:0;
    margin:0;
}
#menuOuter li#menu1 a#menuLink {
    height:95px;
    width:735px;
    text-align:left;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
    display: block;
    background-image: url(pngs/mainMenu.png);
}
#menuOuter ul {
    position:absolute;
    left:172px;
    list-style:none;
    height: 0px;
    overflow: hidden;
    top: 0px;
}
#menuOuter li#menu1 a#menuLink:hover {
    border:0;
    z-index: 100;
}
#menuOuter li#menu1:hover > a#menuLink {
    background-image: url(pngs/mainMenuUp.jpg);
    background-repeat: no-repeat;
}
#menuOuter :hover ul {
    position:relative;
    list-style:none;
    width:650px;
    overflow: visible;
    top: -75px;
    margin: 0px;
    padding: 0px;
}
#menuOuter :hover ul ul {
}
#menuOuter :hover ul li a {
    display:inline;
    color:#002318;
    text-align:left;
    cursor:pointer;
    text-decoration:none;
}
#menuOuter :hover ul :hover {
    color: #B8CC05;
}
#menuOuter :hover ul li:hover > a {
    background-repeat: no-repeat;
    background-position: left bottom;
}
#menuOuter :hover ul li {
    float:left;
}
div#background {
}
/* IDs */
#bottomNav {
    text-align: right;
    height: 5px;
}
#bottomNav   li  {
}
#bottomNav a {
    padding-left: 30px;
    padding-right: 30px;
}
#main {
    float: right;
    margin-top: 120px;
    width: 710px;
}
#mainHeadings {
    width: 700px;
    float: left;
}
#mainWebHeading {
    width: 650px;
    padding-bottom: 60px;
}
#mainPortHeading {
    width: 650px;
    padding-left: 170px;
    margin-bottom: 30px;
}
#mainPortHeading p {
    line-height: 1.4em;
    font-size: 1.1em;
}
#mainPortHeading p a {
    text-decoration: none;
    font-weight: bold;
    color: #002209;
}
#mainRight {
    margin-top: 40px;
    padding-right: 5px;
    width: 700px;
}
#mainRight p {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    font-weight: normal;
    text-align: left;
    color: #002318;
    margin-bottom: 10px;
    text-transform: none;
    font-size: 1.1em;
}
#mainRight ul {
    list-style-type: none;
    padding-left: 15px;
}
#mainRight  ul  li {
    list-style-type: circle;
    font-size: 14px;
    line-height: 26px;
}
#mainRight li a {
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 1px;
    font-family: Arial, Helvetica, sans-serif;
    color: #002318;
    display: block;
    padding-left: 0px;
    font-size: 14px;
    padding-right: 15px;
}
#mainRight  li  a:hover {
    color: #7ea60a;
    }
#main img {
    float: left;
    margin-bottom: 5px;
}
#mainPortfolio {
    width:880px;
    margin-top: 121px;
    float: right;
}
#mainQuestions {
    float: left;
    line-height: 17px;
    font-weight: normal;
    margin-top: 130px;
    text-align: right;
    font-size: 12px;
    width: 290px;
}
#maincredits {
    font-size: .9em;
}
#FrogJS {
    width: 750px;
    margin-top: 20px;
    float: right;
    text-align: right;
}
#FrogJSCredit {
    text-align: center;
    font-size: 85%;
    color: #666666;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}
#FrogJSCaption {
    text-align: center;
    line-height: 140%;
    color: #002318;
}
#basic-accordian {
    z-index:2;
    width: 710px;
    float: right;
    margin-top: 0px;
}
.accordion_headings {
    color:#002313;
    cursor:pointer;
    font-size: 14px;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 8px;
    padding-left: 8px;
    background-image: url(im/strip.gif);
    background-repeat: repeat-y;
    border-bottom-width: thick;
    border-bottom-style: solid;
    border-bottom-color: #FDFBE8;
}
.accordion_headings:hover {
    color: #7ea60a;
}
.accordion_child {
    padding-top: 5px;
    padding-right: 0px;
    padding-left: 8px;
    line-height: 1.4em;
    font-size: 13px;
    padding-bottom: 4px;
}
.accordion_child ul {
    padding-left: 15px;
}
.accordion_child p {
    margin-bottom: 8px;
}
.accordion_child h1 {
    font-weight: bold;
    font-size: 1.2em;
    letter-spacing: 1px;
    margin-bottom: 8px;
}
.header_highlight {
    font-weight: bold;
    background-color: #C2D62B;
    font-size: 15px;
}
#footer {
    text-align: right;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 10px;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    color: #002318;
}
#footer a {
    text-decoration: none;
    font-weight: bold;
    color: #002318;
}
#footer a:hover {
    text-decoration: none;
    color: #7ea60a;
}
.fltrt {
    float: right;
}
.dateString {
    text-align: right;
    color: #002318;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* Various classes */
.credits {
    color:#002318;
    margin-bottom:0;
}
.credits a {
    color:#888;
}
#sideNav {
    width: 235px;
    margin-top: 290px;
    text-align: right;
    }
#sideNav h2 {
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}
#sideNav ul {
    list-style-type: none;
}
    
#sideNav li a {
    text-decoration: none;
    font-size: 1.2em;
    padding-left: 16px;
    font-weight: normal;
    display: block;
    letter-spacing: 1px;
    font-family: Arial, Helvetica, sans-serif;
    color: #002209;
    text-align: right;
    line-height: 35px;
    }   
    
#sideNav li a:link {
    color: #002318;
    }
#sideNav li a.current {
    color: #002318;
    font-weight: bold;
}
    
#sideNav li a:hover {
    color: #77812d;
    }
.sideNavHeader {
    font-weight: bold;
    font-size: 15px;
    text-align: left;
}
.small {
    font-size: 11px;
    text-decoration: none;
    letter-spacing: 1px;
    color: #002318;
}
/* Tables */
table {
    border-collapse:collapse;
    width:100%;
    margin-top: 6px;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    padding: 0;
}
caption {
    font-weight:400;
    margin:0;
    padding:6px 0 8px;
    text-align:left;
    font-size: 13px;
    line-height: 24px;
    color: #000000;
}
th {
    color:#000000;
    padding: 0px;
    text-align: left;
    font-weight: normal;
}
td {
    text-align:left;
    font-weight: normal;
    vertical-align: top;
    line-height: 1.6em;
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #EFF5BC;
    padding-top: 4px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 9px;
}
.tablefontsize {
}
.tablefontsize  a {
    font-size: 1.1em;
    color: #0DA0C0;
    text-decoration: underline;
    font-weight: bold;
}
#form {
    padding-top: 20px;
}
.previousPage {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: right;
    padding-bottom: 130px;
}
#ClickThumbnails {
    position:absolute;
    width:150px;
    height:30px;
    z-index:1;
    left: 856px;
    top: 260px;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 1px;
    text-align: right;
}
.biggerHeadings {
    font-weight: bold;
    font-size: 1.2em;
    letter-spacing: 1px;
    text-align: left;
    margin-bottom: 12px;
}