html { height: auto; /* allows for image to be aligned to the bottom of the page */
padding:0px;
margin:0px;
margin-bottom:1px;
}
body {
background: #007246;
background-repeat:repeat-x;
background-position:0px top;
/* background-image:url(../images/bg.jpg); */
margin: 0px;
margin-bottom:1px;
padding: 0px;
border:0px;
color: #000;
font-family: Verdana;
font-size:small;
min-width: 600px;
width:100%;
height:auto;
vertical-align: bottom;
text-align:center;
font-size:75%;
}
/* outer container */
#outerContainer {
text-align:center;
background-repeat:repeat-x;
background-image:url(../images/bg.jpg);
background-position:top;
margin:0px;padding:0px;
/* need this so that it
doesn't have a bar at the top of the page */
border-top:1px solid green;
}
#mainContainer {
width:1006px;
height:100%;
text-align:left;
padding:0px 0px 0px 0px;
margin: 0 auto;
margin-top:20px;
border:0px solid;
}
/*-------------- Sonar Round Box ---------------*/
div.boxTop { background:url(../images/roundBox/top2.png);
background-position:15px 30px;
width:957px;
height:234px;
padding-right:40px;
margin-top:0px;
background-repeat:no-repeat;
border:0px solid green;
}
div.boxMiddle {
background:url(../images/roundBox/middle.png);
background-repeat:repeat-y;
background-position:18px 0px;
width:978px;
margin-bottom:0px;
min-height:300px;
padding-right:20px;
padding-bottom:0px;
padding-top:0px;
border:0px solid lime;
overflow:auto;
}
div.boxBottom { background:url(../images/roundBox/bottom.png);
background-repeat:no-repeat;
background-position:18px 0;
width:1006px;
height:240px;
margin:0px;
margin-bottom:0px;
border:0px solid;
}
/*---------------------------------------------------------------*/
div.menuLeft {
background:url(../images/trsf/left.png);
background-repeat:no-repeat;
width:40px;
height:50px;
margin:0px;margin-left:35px;
margin-bottom:0px;
border:0px solid red;
float:left;
}
div.menuRight {
background:url(../images/trsf/right.png);
background-repeat:no-repeat;
width:50px;
height:50px;
margin:0px;
margin-bottom:0px;
border:0px solid red;
float:left;
clear:right;
}
/*---------------------------------------------------------------*/
#logo {
float:left;
height:170px;
width:400px;
border:0px solid red;
padding:0px;
margin:0px;
background:url(../images/logo2.png) no-repeat;
}
#leaf { position:relative;
clear:left;
float:right;
margin-right:20px;
right:-20px;
background:url(../images/bottomLeaf.png) no-repeat;
height:80px;
width:85px;
padding-left:70px;
margin-right:10px;
padding-top:40px;
border:0px solid green;
margin-bottom:0px;
}
#nav {
height:50px;
overflow:hidden;
clear:both;
margin-right:100px;
width:985px;
/* border:1px solid green; */
padding-top:100px;
margin-top:280px;
}
#nav li:hover {
background: url(../images/trsf/on.png);
background-repeat:repeat-x;
padding-top:5px;
font-weight:bold;
}
#mainContent { clear:both;
margin-left:50px;
margin-right:0px;
overflow:auto;
margin:bottom:0px;
margin-top:0px;
padding:0px;
/* border:1px solid green; */
}
div.footer { clear:both;
text-align:center;
color:white;
border:0px solid green;
margin:0px;
}
div.clear {clear:both;}
img {border:0px;}
h1 {margin-top:0px}
#nav, #nav ul {
padding: 0;
margin: 0;
/*list-style: none; */
whitespace:no-wrap;
text-align:center;
/* border:1px solid green; */
}
#nav a {
display: block;
width: 9em;
color:white;
margin-left:0px;
margin-right:15px;
text-decoration:none;
}
#nav li {
float:left;
background: url(../images/trsf/middle.png);
background-repeat:repeat-x;
Color:white;
font-size:small;
padding-left:0px;
padding-right:0px;
padding-top:5px;
margin:0px;
font-size:small;
height:50px;
overflow:hidden;
/* border:1px solid green; */
}
/*---------------------DIV Sections ---------------------------------*/
div.section {width:455px;
float:left;
margin-top:10px;
margin-left:4px;
margin-right:4px;
overflow:auto;
/* border:1px solid;
margin:[top]px ?px ?px [left]px
*/
background:url(../images/snippetBox/bl.jpg) 0 100% no-repeat;
}
div.section div {margin:0px;padding:0px;
background:url(../images/snippetBox/br.jpg) 100% 100% no-repeat;
}
div.section div div {margin:0px;padding:0px;
background:url(../images/snippetBox/tr.jpg) 100% 0 no-repeat;
}
div.section div div div {margin:0px;padding:0px;
background:url(../images/snippetBox/tl.jpg) 0 0 no-repeat;
padding:10px;
}
div.section div div div h1 { color:white;
font-size:small;
}
div.section div div div h2 { color:#007246;
font-size:small;
}
/*--------------------Section Lg -----------------------------*/
div.sectionLg {width:600px;
float:left;
margin-top:10px;
margin-left:4px;
margin-right:4px;
overflow:auto;
/* border:1px solid;
margin:[top]px ?px ?px [left]px
*/
background:url(../images/snippetBoxLg/bl.jpg) 0 100% no-repeat;
}
div.sectionLg div {margin:0px;padding:0px;
background:url(../images/snippetBoxLg/br.jpg) 100% 100% no-repeat;
}
div.sectionLg div div {margin:0px;padding:0px;
background:url(../images/snippetBoxLg/tr.jpg) 100% 0 no-repeat;
}
div.sectionLg div div div { margin:0px;
background:url(../images/snippetBoxLg/tl.jpg) 0 0 no-repeat;
padding:10px;
}
div.sectionLg div div div div { background:none;
padding:0px;
margin:0px;
}
div.sectionLg div div div h1 { color:white;
font-size:small;
}
div.sectionLg div div div h2 { color:#007246;
font-size:small;
}
div.newFormSection {margin-left:40px;}
/* -- stop divs 4 layers deep inheriting the outer style -- */
div.section div div div div { background:none;
padding:0px;
margin:0px;
}
div.tecnica { float:left;
margin-top:40px;
margin-left:40px;
padding-top:20px;
color:white;
border:0px solid green;
}
.footer a {
color:#bbb;
}
.footer a:hover {
color:#ddf;
}
div.laptopGirl {
width:580px;
background-image: url(../images/laptopGirl.png);
background-position:100% 20px
background-repeat: no-repeat;
min-height:400px;
}
div.laptopGirl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}