body { 
background-color: #cccccc; padding: 0px 0px 0px 0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;
}

h1 {
font-family: Arial, Trebuchet MS; font-size: 17px; color: #FFFFFF; font-weight: bold; line-height: 21px; padding-top: 15px; padding-bottom: 5px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #FFFFFF;}

h2, h3, h4, h5 {
font-family: Arial, Trebuchet MS; font-size: 17px; color: #ff0000; font-weight: bold; line-height: 21px; padding-top: 15px; padding-bottom: 5px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #cccccc;}

.main {
font-family: Trebuchet MS, Verdana, Arial; font-size: 13px; color: #000000; background-color: #FFFFFF; font-weight: normal; line-height: 18px;
}

.mainsmall2 {
font-family: Trebuchet MS, Verdana, Arial; font-size: 12px; color: #FFFFFF; font-weight: bold; line-height: 18px;
}

.main2 {
font-family: Verdana, Arial; font-size: 12px; color: #FFFFFF; background-color: #cccccc; font-weight: normal; line-height: 18px;}

.main-red {
font-family: Trebuchet MS, Verdana, Arial; font-size: 13px; color: #FF0000; background-color: #FFFFFF; font-weight: normal; line-height: 18px;
}

.web-design-links {
font-family: Arial, Verdana, Serif; font-size: 12px; font-weight: normal; color: #FFFFFF; background-color: #f90000; border: 0px none; line-height: 28px;
}

.grey-top {
font-family: Arial, Verdana, Serif; font-size: 12px; font-weight: normal; color: #FFFFFF; background-color: #000000; border: 0px none; line-height: 28px;
}

.grey {
font-family: Arial, Verdana, Serif; font-size: 12px; font-weight: normal; color: #FFFFFF; background-color: #cccccc; border: 0px none; line-height: 28px;
}

.scroll {
font-family: Verdana, Arial, Serif; font-size: 12px; color: #FFFFFF; line-height: 25px; font-weight: normal;
}

.main3 {
font-family: Verdana, Arial; font-size: 12px; color: #000000; background-color: #FFFFFF; font-weight: normal; line-height: 18px;}

.main-red-large {
font-family: Verdana, Arial; font-size: 25px; color: #cc0000; font-weight: normal; line-height: 25px;}

.main4 {
font-family: Trebuchet MS, Verdana, Arial; font-size: 12px; color: #FFFFFF; background-color: #4c4c4c; font-weight: normal; line-height: 18px;
}

.main5 {
font-family: Verdana, Arial; font-size: 12px; color: #FFFFFF; font-weight: normal; line-height: 18px;}

.main6 {
font-family: Verdana, Arial; font-size: 12px; color: #000000; background-color: #FFFFFF; font-weight: normal; line-height: 21px;}

.toplinks {
font-family: Trebuchet MS, Verdana, Arial; font-size: 12px; color: #FFFFFF; font-weight: bold; line-height: 18px;
}

.main-sroll {
font-family: Trebuchet MS, Verdana, Arial; font-size: 14px; color: #FFFFFF; font-weight: normal; line-height: 18px;
}

.main-sroll2 {
font-family: Trebuchet MS, Verdana, Arial; font-size: 12px; color: #FFFFFF; font-weight: normal; line-height: 18px;
}

.gallery {
font-family: Trebuchet MS, Verdana, Arial; font-size: 15px; color: #FFFFFF; font-weight: normal; line-height: 18px;
}

.top-links {
font-family: Trebuchet MS, Arial; font-size: 15px; color: #3d0040; background-color: #FFA500; font-weight: normal; line-height: 32px;}

.main-links {
font-family: Trebuchet MS, Verdana, Arial; font-size: 15px; color: #000000; background-color: #333333; font-weight: normal; line-height: 35px;}

.menu {
font-family: Verdana, Arial; font-size: 11px; color: #000000; background-color: #FFFFFF; line-height: 25px; font-weight: bold;
}

.top3 {
font-family: Verdana, Arial; font-size: 12px; color: #FFFFFF; background-color: #3d0040; font-weight: bold; line-height: 18px;}

li {
font-family: Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
border: 0px none;
list-style-type: square;
line-height: 25px;
}

.time {
font-family: Verdana; font-size: 12px; color: #000000; background-color: #c0c0c0; line-height: 20px; font-weight: normal;
}

.header {
font-family: Verdana, Arial; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #ff0000; line-height: 23px; padding-left: 5px; border: 1px solid #ffffff;
}

p.header1 {
font-family: Trebuchet MS, Arial; font-size: 13px; font-weight: bold; color: #FFFFFF; background-color: #000000; line-height: 21px; padding-left: 5px;
}

p.header2 {
font-family: Trebuchet MS, Arial; font-size: 13px; font-weight: bold; color: #FFFFFF; background-color: #C00000; line-height: 21px; padding-left: 5px;
}

.bottomtag {
font-family: Verdana, Arial, Serif; font-size: 11px; color: #535353; line-height: 21px; font-weight: normal; background-color: #EEEEEE; padding: 5px; border: 1px solid #000000;
}

.menubg {
font-family: Verdana, Trebuchet MS, Arial; font-size: 12px; color: #FFFFFF; background-color: #2b1b62; line-height: 30px; font-weight: normal;
}

.menubg2 {
font-family: Trebuchet MS, Arial; font-size: 12px; color: #000000; line-height: 21px; font-weight: normal; background-color: #FFFFFF; padding: 9px; border: 1px solid #000000;
}

.menubg3 {
font-family: Verdana, Trebuchet MS, Arial; font-size: 13px; color: #000000; line-height: 25px; font-weight: normal; background-color: #FFFFFF; padding: 5px; border: 1px solid #000000;
}

.menubg4 {
font-family: Verdana, Arial; font-size: 11px; color: #000000; line-height: 21px; font-weight: normal; background-color: #FFFFFF; padding: 1px; border: 0px solid #000000;
}

.menubg5 {
font-family: Verdana, Arial; font-size: 11px; color: #000000; line-height: 21px; font-weight: normal; background-color: #86bce9; padding: 1px; border: 0px solid #000000;
}

.size-chart {
font-family: Verdana, Trebuchet MS, Arial; font-size: 12px; color: #000000; background-color: #e6e6ff; font-weight: bold; line-height: 16px; padding: 5px; border: 1px solid #000000;}

.price-form {
font-family: Verdana, Trebuchet MS, Arial; font-size: 13px; color: #000000; background-color: #FFFFFF; font-weight: normal; line-height: 15px; padding: 2px; border: 1px solid #000000;}

.links {
font-family: Trebuchet MS, Arial; font-size: 13px; color: #000000; font-weight: normal; line-height: 21px;}

a.links:link {color: #000000;}
a.links:active {color: #000000;}
a.links:visited {color: #000000;}
a.links:hover {color: #f99211;}

.form1 {
font-family: Trebuchet MS, Arial; font-size: 12px; color: #000000; background-color: #000000; font-weight: normal; line-height: 21px; padding: 0px; border: 5px solid #ffffff;}

.form2 {
font-family: Trebuchet MS, Arial; font-size: 13px; color: #000000; background-color: #cccccc; font-weight: normal; line-height: 21px; padding: 0px; border: 5px solid #000000;}

.formtext {
font-family: Trebuchet MS, Arial; font-size: 13px; color: #000000; font-weight: normal; line-height: 21px;}

.form3 {
font-family: Verdana, Trebuchet MS, Arial; font-size: 12px; color: #000000; background-color: #EEEEEE; font-weight: bold; line-height: 21px; padding: 7px; border: 1px solid #999999;}

.form4 {
font-family: Verdana, Trebuchet MS, Arial; font-size: 11px; color: #000000; background-color: #EEEEEE; font-weight: normal; line-height: 21px; padding: 9px; border: 1px solid #999999;}

.form5 {
font-family: Trebuchet MS, Arial; font-size: 13; color: #000000; background-color: #FFFFFF; font-weight: normal; line-height: 21px; padding: 10px; border: 0px solid #999999;}

.form6 {
font-family: Trebuchet MS, Arial; font-size: 13; color: #000000; background-color: #EEEEEE; font-weight: normal; line-height: 21px; padding: 10px; border: 0px solid #999999;}

.web-site-design-thailand {
font-family: Verdana, Trebuchet MS, Arial; font-size: 11px; color: #000000; line-height: 21px; font-weight: normal;
}

.copy {
font-family: Verdana, Arial, Serif; font-size: 11px; color: #FFFFFF; background-color: #c60001; line-height: 21px; font-weight: normal;
}

.copy2 {
font-family: Verdana, Arial, Serif; font-size: 11px; color: #FFFFFF; background-color: #000000; line-height: 25px; font-weight: normal;
}

.bottom-links {
font-family: Verdana, Trebuchet MS, Arial; font-size: 11px; color: #FFFFFF; font-weight: normal; line-height: 25px;}

.topbg {
background-image: url(images/topbg.gif);
}

.line1 {
background-image: url(images/line1.gif);
}

arrowbg {
background-image: url(images/arrowline.gif);
}

.image {
border: 1px solid #CDCDCD;
}

p.vb1 {
font-size: 10px;
text-align: left;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}

a.box:link, a.box:active, a.box:visited {
display: block;
font-family: Verdana, Arial, Serif; 
font-size: 12px;
color: #333333;
text-decoration: none;
padding-right: 0px;
padding-left: 7px;
padding-bottom: 1px;
padding-top: 1px;
line-height: 21px;
font-family: Arial, Serif;
font-size: 11px;
font-weight: normal;
margin-top: 4px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: 0px;
background-color: #ffffff;
border: 2px solid #ffffff;
}

.boxa {
margin: 25px 0px 0px;
padding: 0px;
width: 180px;
background-color: #FFFFFF;
border: 1px solid #CDCDCD;
}

.boxb {
margin: 5px 0px 5px;
padding: 0px;
width: 168px;
background-color: #ececec;
border: 1px solid #CDCDCD;
}

.boxheader {
font-family: Verdana, Arial;
font-size: 11px;
color: #000000;
background-color: #CDCDCD;
border: 0px none;
line-height: 21px;
font-weight: bold;
}

a:hover {
text-decoration: none; color: #f90000; font-weight: normal;
}

a:link, a:active, a:visited {
text-decoration: none; color: #f90000; font-weight: normal;
}

a.white:link {color: #FFFFFF;}
a.white:active {color: #FFFFFF;}
a.white:visited {color: #FFFFFF;}
a.white:hover {color: #FFFFFF;}

a.white-red:link {color: #FFFFFF;}
a.white-red:active {color: #FFFFFF;}
a.white-red:visited {color: #FFFFFF;}
a.white-red:hover {color: #CC0000;}

a.red-white:link {color: #CC0000;}
a.red-white:active {color: #CC0000;}
a.red-white:visited {color: #CC0000;}
a.red-white:hover {color: #FFFFFF;}

a.red-black:link {color: #ff0000;}
a.red-black:active {color: #ff0000;}
a.red-black:visited {color: #ff0000;}
a.red-black:hover {color: #000000;}

a.black:link {color: #000000;}
a.black:active {color: #000000;}
a.black:visited {color: #000000;}
a.black:hover {color: #3d0040;}

a.black-red:link {color: #000000;}
a.black-red:active {color: #000000;}
a.black-red:visited {color: #000000;}
a.black-red:hover {color: #C000000;}

a.red:link {color: #FF0000;}
a.red:active {color: #FF0000;}
a.red:visited {color: #FF0000;}
a.red:hover {color: #FFFFFF;}

a.red1:link {color: #CC0000;}
a.red1:active {color: #CC0000;}
a.red1:visited {color: #CC0000;}
a.red1:hover {color: #000000;}

a.red-white:link {color: #CC0000;}
a.red-white:active {color: #CC0000;}
a.red-white:visited {color: #CC0000;}
a.red-white:hover {color: #FFFFFF;}

a.purple-orange:link {color: #3d0040;}
a.purple-orange:active {color: #3d0040;}
a.purple-orange:visited {color: #3d0040;}
a.purple-orange:hover {color: #FFA500;}

a.purple-orange:link {color: #3d0040;}
a.purple-orange:active {color: #3d0040;}
a.purple-orange:visited {color: #3d0040;}
a.purple-orange:hover {color: #FFA500;}

a.yellow-white:link {color: #ffff00;}
a.yellow-white:active {color: #ffff00;}
a.yellow-white:visited {color: #ffff00;}
a.yellow-white:hover {color: #ffffff;}

.photogallery{ /*CSS for TABLE containing a photo album*/
}

.photogallery img{ /*CSS for images within an album*/
border: 0px solid green;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 13px Trebuchet MS;
}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 2px;
margin-bottom: 3px;
padding: 1px 5px 5px 5px;
border:1px solid gray;
text-decoration: none;
background-color: white;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: #ffa500;
}