@import url('common.css');

*, html { margin:0; padding:0;}

body{margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal; font-size:12px; color:#000; background:url(../images/bg_main.jpg) repeat-x 0 0 #8ecf1d; /*background:url(../images/bg_main.jpg) repeat-x 0 0 #5c802b;*/}

/* Wrapper starts here */

#mainwrapper {width:100%; margin:0 auto; line-height:normal;  height:auto; position:absolute}

#header {margin:0 auto; padding:0; width:910px; height:90px; background:#fff}

#banner {margin:0 auto; padding:0; width:910px; height:280px; background:#fff }

#container {margin:20px auto 0; padding:20px 0 10px; width:100%; height:auto; background:#8ecf1d; }

#footer {margin:0 auto; padding:0 0 0 250px; width:910px; height:240px; background:url(../images/fo oter.jpg) 0 0 no-repeat #5c802b; display:none }

.clearboth {clear:both}

/*#footer p {margin:0; padding:5px 15px; text-align:center; font-size:12px; color:#fff}
#footer p img.quadlogo {margin:0; padding:0 0 0 5px; float:right; border:0}*/

/* Wrapper ends here */

#header .logo {margin:15px 0 0; padding:0; float:left; width:170px; height:75px; border:none; background:url(../images/logo_aptech.gif) 0 0 no-repeat;}
#header #mainnav {margin:0; padding:0; float:right; width:650px; top:35px; position:relative;}

#banner .bannerhome {margin:0 0 0 100px; padding:0; background:url(../images/banner-home.png) 0 0 no-repeat; width:800px; height:870px; position:absolute;}
#banner .banner01 {margin:0; padding:0; background:url(../images/banner-01.jpg) 0 0 no-repeat; width:910px; height:280px;}
#banner .banner02 {margin:0; padding:0; background:url(../images/banner-02.jpg) 0 0 no-repeat; width:910px; height:280px;}
#banner .banner03 {margin:0; padding:0; background:url(../images/banner-03.jpg) 0 0 no-repeat; width:910px; height:280px;}
#banner .banner04 {margin:0; padding:0; background:url(../images/banner-04.jpg) 0 0 no-repeat; width:910px; height:280px;}

#container .contenthome {margin:0 auto; padding:0; width:910px; height:477px; position:relative; font-size:12px; color:#333}
#container .contenthome h2 {margin:60px 0 0 430px; padding:5px 0; text-align:left; font-size:18px; font-family:inherit  }
#container .contenthome p {margin:0 0 0 430px; padding:10px 0 5px; text-align:justify; font-size:inherit; font-family:inherit }

#container .contentinside {margin:0 auto; padding:0; width:910px; position:relative; font-size:12px; color:#333}
#container .contentinside h2 {margin:0; padding:10px 0 5px; text-align:left; font-size:18px; font-family:inherit  }
#container .contentinside p {margin:0; padding:5px 0; text-align:justify; font-size:inherit; font-family:inherit }

.mod1, .mod2 {margin:20px 0; padding:0; float:left; width:200px; height:200px; color:#374718}
.mod3 {margin:20px 0; padding:0; float:left; width:240px; height:200px; background:url(../images/footer01.jpg) 0 0 no-repeat}
.mod4 {margin:20px 0; padding:0; float:right; width:240px; height:200px; background:url(../images/footer02.jpg) 0 0 no-repeat}

.mod1 h2, .mod2 h2 {font-size:18px; font-weight:bold; padding:5px 0 10px}
.mod1 p, .mod2 p {font-size:12px; font-weight:normal; padding:5px 15px 10px; text-align:left}
.mod1 p a {text-decoration:none; color:#374718;}
.mod1 p a:hover {text-decoration:none; color:#fffc00;}

.mod2 p a.facebk {background:url(../images/facebook1.png) 3px 0 no-repeat; text-decoration:none; color:#374718; padding:4px 0 4px 40px}
.mod2 p a:hover.facebk {background:url(../images/facebook2.png) 3px 0 no-repeat; text-decoration:none; color:#fffc00}
.mod2 p a.subscribe {background:url(../images/subscribe1.png) 0 35% no-repeat; text-decoration:none; color:#374718; padding:4px 0 4px 40px}
.mod2 p a:hover.subscribe {background:url(../images/subscribe2.png) 0 35% no-repeat; text-decoration:none; color:#fffc00}
.mod2 p a.twitter {background:url(../images/twitter1.png) 0 25% no-repeat; text-decoration:none; color:#374718; padding:4px 0 4px 40px}
.mod2 p a:hover.twitter {background:url(../images/twitter2.png) 0 25% no-repeat; text-decoration:none; color:#fffc00}
.mod2 p a.flickr {background:url(../images/flickr1.png) 0 40% no-repeat; text-decoration:none; color:#374718; padding:4px 0 4px 40px}
.mod2 p a:hover.flickr {background:url(../images/flickr2.png) 0 40% no-repeat; text-decoration:none; color:#fffc00}

.mod3 h2, .mod4 h2 {font-size:18px; font-weight:normal; color:#fff; margin:105px 0 0; padding:0 15px 0 0; text-align:center}
.mod3 p, .mod4 p {font-size:inherit; font-weight:normal; color:#fff; margin:90px 0 0; padding:5px 32px 5px 12px; text-align:justify; line-height:15px}

.mod3 p.readmore, .mod4 p.readmore {margin:0!important; padding:0 32px 0 0; text-align:right;}
.mod3 p.readmore a, .mod4 p.readmore a {text-decoration:none; color:#fff}
.mod3 p.readmore a:hover, .mod4 p.readmore a:hover {text-decoration:none; color:#fffc00}


/*h1 {margin:0; padding:10px; font-size:24px; font-weight:bold; text-transform:capitalize; font-style:italic; text-align:center}
h2 {margin:0; padding:0 15px 5px; font-size:20px; font-weight:bold; text-transform:uppercase; font-style:normal; border-bottom:1px solid #000;}
h3 {margin:0; padding:10px 15px 0; font-size:16px; font-weight:bold; text-transform:uppercase; font-style:normal}
h4 {margin:0; padding:5px 15px 0; font-size:14px; font-weight:normal; text-transform:capitalize; font-style:italic}
h5 {margin:0; padding:5px 15px 0; font-size:12px; font-weight:bold; text-transform:none; font-style:normal; text-transform:none}*/

sup { font-family:"Times New Roman", Times, serif; font-size:80%; padding:0 0 0 2px}

a {color:#fffc00; text-decoration:none}
a:hover {color:#fffc00; text-decoration:none}


/*p {margin:0; padding:5px 15px; font-size:18px; text-align:center}
p em { font-weight:bold; text-transform:none}
p img {margin:0; padding:0 0 10px; text-align:center}
p img.right {margin:0; padding:5px 0 10px 10px; float:right;}
p img.logos {margin:-50px 0 0; padding:5px 0 10px 10px; float:right;}*/

ul {margin:0 0 10px; padding:5px 0 5px 25px;}
li {margin:0; padding:2px 0 2px 5px; list-style-type:disc; /*background:url(../images/bullets02.jpg) no-repeat 0 6px; */ font-size:inherit; text-align:justify}
li a {color:#000; text-decoration:none}
li a:hover {text-decoration:underline}


/*.top {margin:0; padding:0 15px 5px; text-align:right;}
.top a {text-decoration:none; text-transform:uppercase; font-size:16px; color:#000; font-weight:bold;}
.top a:hover {text-decoration:underline;}*/


/* inside container starts here */



/* Forms starts here */
form {font-size:14px; }
form p {margin:0; padding:10px 0 0}
form input {width:140px; border:1px solid #666; margin:3px 0; padding:2px;}
form input.full {width:294px}
form input.extrafull {width:350px}
form select {width:299px; border:1px solid #666; margin:3px 0; padding:2px}
form select.extrafull {width:355px}
form textarea {width:294px; border:1px solid #666; margin:3px 0; padding:2px; height:60px}
form textarea.extrafull {width:350px}
/* Forms ends here */


/* Table starts here */

table {margin:10px auto; padding:0; border:0; width:900px; font-size:14px; font-weight:bold; text-align:center }
table th {padding:7px; text-transform:uppercase; border:0;}
table td {padding:7px; border:0;}
table td a {color:#000; text-decoration:none}
table td a:hover {color:#fffc00; text-decoration:none}
table td.odd {font-weight:bold;}
table td.even {}
table td ul {margin:0; padding:5px 0;}
table td li {margin:0; padding:2px 15px; list-style-type:none; background:url(../images/bullets02.jpg) no-repeat 0 6px; font-size:14px; text-align:left}

/* Table ends here */