* {
margin : 0;
padding : 0;
}
body {
background : #f5f5f5;
font:normal 13px Arial, Helvetica, sans-serif;
color : #4a4a4a;
margin : 0;
padding : 0;
}

p, h1, h2, h3, h4, h5, ul,ol, form, input {margin:0; padding:0;}
h2, h1 {
letter-spacing : -0.0010em;
font:normal 22px Arial, Helvetica, sans-serif;
color:#2D506D;
padding : 5px 0;
}
h3 {
letter-spacing : -0.0010em;
color : #84868e;
padding : 5px 0;
font:italic bold 14px Georgia,Arial, sans-serif;
}
.small, small {
font-size : 70%;
}
p {
padding : 5px 0;
}
a {
text-decoration : none;
color : #2D506D;
}
a:hover {
text-decoration : underline;
}
a img {
border : 0;
}

/*  ------------------ Page Structure ---------------- */
#wrapper {
width : 800px;
margin : 0 auto;
}
#header {
width : 800px;
margin-top : 10px;
border : 1px solid #ddd;
height : 121px;
background : #ffffff url(images/header_order.gif) repeat-x;
}
#right {
float : right;
width : 400px;
height : 85px;
background : url('images/right.png');
}
#content {
width : 800px;
margin-bottom:15px;
padding :10px 0 15px 0;
border : 1px solid #ddd;
border-top : none;
background : #ffffff;
}

#footer { padding:0 5px 10px 5px; color : #626456;}
/*  ------------------ Header Structure ---------------- */
/*===== Navigation ====*/
#menu {
height : 35px;list-style:none;
float : right; width:auto;
}
#menu li {
float : left; width:auto;
position : relative;
z-index : 1000;list-style:none;
}
#menu li a {
display : block;
float : left; width:auto;
font:bold 13px/30px arial;
padding : 0 20px 0 20px;
background : #87B5DC;
color : #fff;
border-bottom : 1px solid #679DC9;
border-right : 1px solid #679DC9;
}
#menu .current a {
background : #679DC9;
color : #fff;
}
#menu li ul {
display : none;
background: #87B5DC;
}

#menu li:hover {
width : auto;
}
#menu table {
position : absolute;
z-index : 999;
top : 0;
left : 0;
border-collapse : collapse;
}
#menu li:hover a {
background:#679DC9;
text-decoration : none;
border-bottom : 1px solid #3d8dd0;
}
#menu li:hover ul {
display : block;
position : absolute;
z-index : 998;
margin-top : 31px;
left : 0;
}
#menu li:hover li a, #menu li a:hover li a {
width : 180px;
padding : 4px 10px;
border : 1px solid #679DC9;
border-top : 0;
background : #87B5DC;
font: bold 12px/22px arial;
}

#menu li a:hover {
background : #679DC9;
text-decoration : none;
color : #fff;
border-bottom : 1px solid #3d8dd0;
}
#menu li a:hover ul {
display : block;
position : absolute;
z-index : 998;
margin : 31px 0 0 0;
}
#menu li:hover  li a:hover, #menu li a:hover li a:hover {
background :#679DC9;
text-decoration : none;
}


/*===== Logo ====*/
#logo {
float : left;
width : 300px;
height : 80px;
padding : 0 0 0 20px;
}

.sitename {
letter-spacing : -0.02em;
font:bold 32px Helvetica, arial, sans-serif;
color : #626456;

}

#logo a {color:#2D506D;}
#logo a:hover {text-decoration:none;}
#logo .tagline {font:italic normal 18px Georgia,Arial, sans-serif;
padding :5px 0 0 0;margin:0;
}

/*  ------------------ Main Content ---------------- */
.col {
width : 200px;
float : left;
}

.col h2 {
background : #679DC9;
margin : 5px 0 0 0;
padding:5px;
color : #fff;
}

.col ul {
padding : 0 0 5px 5px;
list-style : none;
line-height : normal;
}
.col li {
border-bottom : 1px solid #679DC9;
}
.col li a {
padding : 5px 0;
width : 100%;
display : block;
}
.col li a:hover {
background : #F2F9FE;
color : #2D506D;
text-decoration:none;
}
#content #main {
float : left;
width : 575px; padding-left:25px;
min-height:400px;
}
* html #main {height:400px;}
#main h2 {
text-transform : uppercase;
}
#main ul.home {
margin : 10px 0 15px 0;
list-style : none;
}
#main ul.home li {
background : url(images/cont_list.gif) no-repeat 0 3px;
padding : 0 0 5px 15px;
}
/* =========== Project List ========== */
.project-list ul {
padding : 0 0 5px 5px;
list-style : none;
}
.project-list li {
margin : 5px 20px 5px 0;
list-style : none;
width : 240px;
float : left;
background : #f5f5f5;
height:120px;
border : 1px solid #626456;
}
.project-list a, .project-list a:hover {
background : #f5f5f5;
}
.project-list img {
width : 240px;
}

.project-list img{display:block;height:120px;width : 240px;}
.project-box {
margin : 5px 10px;
border : 1px solid #626456;
width : 538px;
font-size : 12px;
font-family : Verdana, Arial, Tahoma;
color : #222;
}
.alt {
background : #fafafa;
}
.project-box-img {
width : 120px;
float : left;
background : #f5f5f5;
}
.project-box-img img {
padding :5px;
width : 100px;
}
.project-box-txt {
padding : 5px;
float : left;
width : 408px;
}
.project-box-txt img {max-width:400px;}
.projectlist {border:1px solid #f2f2f2; padding:5px 7px; margin:10px 0; width:540px;}
.projectlist p {padding:3px 0;}
.projectlist:hover {background:#fafafa;}

/* ====== Contact form ======= */
.msg {border:1px solid #afc9e6; color:#afc9e7; font-weight:bold; margin:10px; padding:10px; width:360px;}
.error_msg {border:1px solid #afc9e6; color:#CC4A10; font-weight:bold; margin:10px; padding:10px; width:360px;}
form#contact-form {margin:10px 20px; width:400px;padding:0;}
form#contact-form input, form#contact-form textarea {width:250px;float:right;margin:0;padding:0;}
form#contact-form input.captcha {width:60px;margin-right:100px;}
form#contact-form input.btn {width:80px;float:none;margin:0 auto;}
.fld {width:100px; padding-right:10px; float:left;display:block;height:15px;}

/*  ------------------ Footer ---------------- */
#footer a {
color : #626456;
text-decoration : none;
}
#footer a:hover {
text-decoration : underline;
}
.clr {
clear : both;
height : 1px;
font:normal 1px/1px arial;
}
a.order { margin:10px 0 10px 10px;background:url(images/header_order.gif) repeat-x bottom left; height:30px; display:block; text-decoration :none;cursor:pointer;color:#2D506D; border:1px solid #C0DAEF;font:bold 14px/30px arial;float:left;padding:0 20px;width:auto;}

/* Slideshow */
#gallery{width:540px;border:1px solid #ddd;padding:5px;background:#f5f5f5;margin:0 auto 10px auto;}
#myGallery{width:540px;min-height:219px;z-index:5;color:#FFFFFe;}
* html #myGallery{height:219px;}
.jdGallery{overflow:hidden;width:520px;position:relative;}
.jdGallery .slideElement{width:100%;height:100%;background:url('../images/loading-bar-black.gif') no-repeat center center;}
.jdGallery .loadingElement{width:100%;height:100%;position:absolute;left:0;top:0;background:url('../images/loading-bar-black.gif') no-repeat center center;}
.jdGallery .slideInfoZone{position:absolute;z-index:10;width:520px;right:0px !important;bottom:0px !important;height:60px !important;background:#000;color:#fffffe;text-indent:0;overflow:hidden;padding:2px 10px;}
#main .jdGallery .slideInfoZone h2{color:#FFFffe;padding:0;margin:0;text-transform:capitalize;font:bold 15px arial;}
.jdGallery .slideInfoZone p{font-size:12px;color:#FFFffe;line-height:16px;padding:3px 0;}
#main #myGallery a{background:none;text-decoration:none;color:#fffffe;cursor:pointer;}

.css_xhtml {float:right; width:88px; height:31px; margin-left:2px;background : url('images/css-xhtml.gif')}
.css_xhtml span {display:none}
.xhtml_link {background-position:left bottom;);