/* Generic Styles */
* {
   padding:0;
   margin:0;
}

/* Main HTML Sytles (Tags) */
body {text-align:center}
body, td, div {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666}
a {color:#3B546B; text-decoration:none}
a:hover {text-decoration:underline; color:#3B546B}
ul {padding-left:30px}
li { margin-bottom:10px;}
p {text-align:justify; width:425px; line-height:20px; margin-top:10px}
input, textarea {font-size:11px; border:1px solid #3B546B; color:#333333; margin-bottom:3px}

h1 {color:#1A9579; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal}
h3 {font-weight:bold; font-size:14px; color:#FFFFFF; margin-right:20px}

.line {height:1px; background-color:#1A9579; margin:7px 0px; clear:both}

/* Body Styles (Classes) */

/* Layout Sytles (ID's) */
#wrapper {width:720px; text-align:left; margin:0px auto;}
#topBar {width:720px; height:100px; overflow:hidden;}
#logoArea {width:97px; height:98px; float:left; }
#topRight {width:264px; height:101px; float:right}
#topNavigation {height:31px; background-image: url("/images/bg_menu.jpg"); background-repeat:repeat-x}
#bannerImage {width:720px; height:213px; float:right; margin:1px 0px; }

#portfolioBar {width:263px; float:right; background-image: url("/images/bg_portfolio.jpg"); background-repeat:repeat-x; text-align:center; background-color:#33B194; padding-bottom:15px}
#contentArea {float:left; padding:20px 0px}

#portfolioTitle {width:100%; height:38px; line-height:40px; text-align:right}
.portfolioButton {width:254px; height:23px; line-height:23px; background-image: url("/images/bg_portfolio_button.jpg"); background-repeat:no-repeat; font-size:11px; font-weight:bold; color:#FFFFFF; margin:auto; text-align:left; margin-top:5px}
.arrowImage {margin-right:5px}
.arrowWrapper {float:left; width:20px; height:23px}

.portfolioBox {width:254px; border:1px solid #CCCCCC; background-color:#FFFFFF; overflow:hidden; margin:auto}
.portfolioImage {width:125px; height:90px; float:left; margin-top:10px; margin-left:5px}
.portfolioTitle {float:right; width:105px; font-size:13px; text-align:right; font-weight:bold; margin:5px 10px 0px 0px; color:#1A9478}
.portfolioText {clear:both; width:100%; text-align:left; font-size:10px; margin:0px 7px 7px 7px; width:235px; line-height:16px}
.portfolioRM {clear:both; float:right; margin-right:5px}

#imageborders{border:solid 2px #38B498;}
.portfolioList{ list-style:square; color:#FF0000; color:#1A9579;}
.portofliolisttext{color:#1A9579; margin-bottom:5px;}
a.portlink:hover { color:#1A9579; text-decoration:underline;}
.portlink{color:#1A9579;}