body {
background : #fff;
color : #0f0f0f;
font : 15px/20px Arial, Helvetica, sans-serif;
margin : 30px 0 0;
padding : 0;
}
div, ul, h1, h2, h3, li, p, img {
margin : 0;
padding : 0;
}
ul {
list-style-type : none;
}
#topPanel {
width : 762px;
height : 373px;
position : relative;
margin : 0 auto;
padding : 0;
}
#topPanel img {
width : 220px;
height : 105px;
z-index : 1;
padding : 0;
position : absolute;
margin : 0 0 0 5px;
}
#topPanel ul {
display : block;
width : 732px;
height : 36px;
position : absolute;
top : 0;
right : 0;
margin : 11px 0 0;
padding : 0 29px 0 0;
border-bottom : 1px solid #aeaeae;
}
#topPanel ul li {
float : right;
font : 12px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bold;
}
#topPanel ul li a {
width : 74px;
height : 36px;
display : block;
padding : 0;
color : #555;
background : #fff;
text-decoration : none;
text-align : center;
margin : 0 1px 0 0;
top : 0;
left : 0;
}
#topPanel ul li a:hover {
width : 74px;
height : 36px;
text-decoration : none;
background : #aeaeae url(images/button.gif) no-repeat 0% 0%;
color : #fff;
}
#topPanel ul li.active {
width : 74px;
display : block;
height : 36px;
background : #aeaeae url(images/button.gif) no-repeat 0% 0%;
color : #fff;
text-align : center;
margin : 0 1px 0 0;
}
#topPanel #headerPanelfast {
width : 246px;
height : 263px;
position : absolute;
top : 0;
left : 0;
margin : 110px 0 0;
padding : 0;
background : #fc5f00 url(images/orange-normal.jpg) no-repeat 0% 0%;
color : #fff;
}
#topPanel #headerPanelfast a {
width : 246px;
height : 263px;
display : block;
text-decoration : none;
}
#topPanel #headerPanelfast a:hover {
width : 246px;
height : 263px;
color : #fff;
text-decoration : none;
background-image : url(images/orange-normal.jpg);
background-repeat : no-repeat;
background-position : 0% 0%;
cursor : help;
}
#topPanel #headerPanelfast h2 {
display : block;
width : 160px;
height : 47px;
margin : 54px 0 0 120px;
font : 28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bold;
text-transform : uppercase;
position : absolute;
top : -9px;
left : -76px;
z-index : 1;
}
#topPanel #headerPanelfast p {
width : 163px;
display : block;
font : 12px/18px Arial, Helvetica, sans-serif;
font-weight : bold;
position : absolute;
top : 7px;
left : 5px;
z-index : 1;
padding : 0;
margin : 105px 50px 0 38px;
}
#topPanel #headerPanelsecond {
width : 246px;
height : 263px;
position : absolute;
top : 0;
left : 258px;
margin : 110px 0 0;
padding : 0;
background : #fc5f00 url(images/green-normal.jpg) no-repeat 0% 0%;
color : #fff;
}
#topPanel #headerPanelsecond a {
width : 246px;
height : 263px;
display : block;
text-decoration : none;
}
#topPanel #headerPanelsecond a:hover {
width : 246px;
height : 263px;
color : #fff;
text-decoration : none;
background-image : url(images/green-normal.jpg);
background-repeat : no-repeat;
background-position : 0% 0%;
cursor : help;
}
#topPanel #headerPanelsecond h2 {
display : block;
width : 90px;
height : 47px;
background : none;
margin : 54px 0 0 103px;
font : 28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bold;
text-transform : uppercase;
padding : 0;
position : absolute;
z-index : 1;
left : -36px;
top : -8px;
}
#topPanel #headerPanelsecond p {
width : 163px;
display : block;
font : 12px/18px Arial, Helvetica, sans-serif;
font-weight : bold;
position : absolute;
top : 0;
left : 0;
z-index : 1;
padding : 0;
margin : 105px 50px 0 38px;
}
#topPanel #headerPanelthird {
width : 246px;
height : 263px;
position : absolute;
top : 0;
right : 0;
margin : 110px 0 0;
padding : 0;
background : #fc5f00 url(images/blue-normal.jpg) no-repeat 0% 0%;
color : #fff;
}
#topPanel #headerPanelthird a {
width : 246px;
height : 263px;
display : block;
text-decoration : none;
}
#topPanel #headerPanelthird a:hover {
width : 246px;
height : 263px;
color : #fff;
text-decoration : none;
background-color : #000;
background-image : url(images/blue-normal.jpg);
background-repeat : no-repeat;
background-position : 0% 0%;
cursor : help;
}
#topPanel #headerPanelthird h2 {
display : block;
width : 90px;
height : 47px;
background : none;
margin : 54px 0 0 93px;
font : 28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : bold;
text-transform : uppercase;
padding : 0;
position : absolute;
z-index : 1;
left : -29px;
top : -10px;
}
#topPanel #headerPanelthird p {
width : 163px;
display : block;
font : 12px/18px Arial, Helvetica, sans-serif;
font-weight : bold;
position : absolute;
top : 0;
left : 0;
z-index : 1;
padding : 0;
margin : 105px 50px 0 38px;
}
#bodyPanel {
width : 762px;
height : 640px;
position : relative;
margin : 0 auto;
padding : 0;
color : #000;
}
#bodyPanel h2 {
background : #fff;
display : block;
width : 250px;
height : 50px;
margin : 0;
font-weight : normal;
color : #ff7113;
float : none;
padding-top : 4px;
padding-right : 0;
padding-bottom : 0;
padding-left : 5px;
text-align : left;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 30px;
line-height : 30px;
}
#bodyPanel p {
background : #fff url(images/symbol.jpg) no-repeat 0% 0%;
margin : 0 0 0 54px;
padding : 0 42px 35px 150px;
color : #0f0f0f;
}
#bodyPanel p span {
font-weight : bold;
}
#bodyPanel p.dotline {
background : #fff url(images/dot-line.gif) repeat-x 0% 0%;
padding : 0;
margin : 0 40px 0 25px;
color : #000;
}
#bodyPanel p.capstext {
background : #fff url(images/name.gif) no-repeat right bottom;
font : 18px/24px Georgia, "Times New Roman", Times, serif;
font-style : italic;
color : #000;
padding : 2px 10px 0 25px;
margin : 0 35px 10px 0;
}
#bodyPanel p.more {
height : 26px;
padding : 0;
background : none;
margin : 0;
}
#bodyPanel p.more a {
width : 76px;
height : 26px;
display : block;
margin : 314px 20px 19px 618px;
background : #fff url(images/more.gif) no-repeat 0% 0%;
color : #555;
text-decoration : none;
font : 15px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding : 0 0 0 10px;
text-transform : uppercase;
position : absolute;
top : 0;
right : 0;
}
#bodyPanel p.more a:hover {
background : #fff url(images/more.gif) no-repeat 0% 0%;
color : #216ebd;
text-decoration : none;
}
#bodyPanel h3 {
background : #fff;
display : block;
width : 250px;
height : 34px;
margin : 34px 0 12px 0;
font : 30px/30px Georgia, "Times New Roman", Times, serif;
font-weight : normal;
padding : 0 0 0 20px;
color : #ff7113;
font-size : 24px;
}
#bodyPanel #testimonial {
width : 283px;
height : 162px;
display : block;
background : #fff6db url(images/testimonial-bg.gif) no-repeat 0% 0%;
padding : 32px 33px 0 148px;
margin : 0 0 0 20px;
color : #786321;
}
#bodyPanel #testimonial p {
background : none;
margin : 0;
padding : 0 0 5px 0;
}
#bodyPanel #testimonial p span {
color : #786321 !important ;
background : #fffaed !important ;
font-size : 14px;
}
#bodyPanel p.moretwo {
height : 26px;
padding : 0;
background : none;
margin : 0;
}
#bodyPanel p.moretwo a {
width : 76px;
height : 26px;
display : block;
margin : 0 0 0 196px;
background : #fff5d6 url(images/more2.gif) no-repeat 0% 0%;
color : #555;
text-decoration : none;
font : 15px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform : uppercase;
padding : 0 0 0 10px;
top : 0;
right : 0;
}
#bodyPanel p.moretwo a:hover {
background : #fff5d6 url(images/more2.gif) no-repeat 0% 0%;
color : #216ebd;
text-decoration : none;
}
#bodyPanel h4 {
background : #fff;
width : 250px;
height : 30px;
position : absolute;
top : 361px;
right : 5px;
margin : 0;
font : 30px/30px Georgia, "Times New Roman", Times, serif;
font-weight : normal;
padding : 0;
color : #ff7113;
}
#bodyPanel ul {
width : 225px;
display : block;
position : absolute;
right : 30px;
top : 405px;
}
#bodyPanel ul li {
font : 12px/25px Arial, Helvetica, sans-serif;
font-weight : normal;
background : url(images/symbol2.gif) no-repeat 0% 8px;
padding : 0 0 0 30px;
}
#bodyPanel ul span {
background : url(images/dot-line.gif) repeat-x 0% 100%;
height : 25px;
display : block;
}
#footerPanel {
width : 100%;
background : #ffffff;
color : #ffffff;
font-size : 12px;
}
#footerbodyPanel {
width : 762px;
height : 133px;
position : relative;
margin : 0 auto;
padding : 0;
}
#footerPanel ul {
width : 320px;
display : block;
position : absolute;
right : 10px;
top : 33px;
}
#footerPanel li {
float : left;
font : 12px/15px Arial, Helvetica, sans-serif;
font-weight : normal;
}
#footerPanel ul li a {
padding : 0 6px;
color : #4c4c4c;
background : #dcdcdc;
text-decoration : none;
}
#footerPanel ul li a:hover {
text-decoration : underline;
}
#footerPanel ul li a.padl {
padding : 0 0 0 6px;
}
#footerPanel p.copyright {
background : #dcdcdc;
display : block;
position : absolute;
top : 54px;
right : 45px;
color : #a64200;
}
#footerPanel ul.templateworld {
width : 158px;
background : #dcdcdc;
color : #4c4c4c;
display : block;
position : absolute;
top : 74px;
right : 40px;
}
#footerPanel ul.templateworld li a {
background : #dcdcdc;
display : block;
color : #4c4c4c;
text-decoration : none;
}
#footerPanel ul.templateworld li a:hover {
text-decoration : underline;
}
#footerhtmlPanel {
width : 86px;
height : 31px;
display : block;
position : absolute;
top : 34px;
left : 29px;
margin : 0;
padding : 0;
}
#footerhtmlPanel a {
width : 86px;
height : 31px;
display : block;
background : #dcdcdc url(images/html-img.gif) no-repeat 0% 0%;
text-decoration : none;
font : 14px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #2f2f2f;
text-transform : uppercase;
padding : 0 0 0 10px;
position : absolute;
top : 0;
right : 0;
}
#footerhtmlPanel a:hover {
background : #dcdcdc url(images/html-img.gif) no-repeat 0% 0%;
color : #216ebd;
text-decoration : none;
}
#footercssPanel {
width : 86px;
height : 31px;
display : block;
position : absolute;
top : 34px;
left : 115px;
margin : 0;
padding : 0;
}
#footercssPanel a {
width : 86px;
height : 31px;
display : block;
background : #dcdcdc url(images/css-img.gif) no-repeat 0% 0%;
text-decoration : none;
font : 14px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
color : #2f2f2f;
text-transform : uppercase;
padding : 0 0 0 10px;
position : absolute;
top : 0;
right : -3px;
}
#footercssPanel a:hover {
background : #dcdcdc url(images/css-img.gif) no-repeat 0% 0%;
color : #216ebd;
text-decoration : none;
}
#bodyPanel strong {
color : #ff7113;
font-size : 18px;
}