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

h1 {
letter-spacing : -0.02em;
font:italic bold 28px Georgia,Arial, sans-serif;
color : #626456;
}
h1, h2, h3, h4, h5, ul,ol, form, input {margin:0; padding:0;}

h2 {
letter-spacing : -0.0010em;
font:italic normal 18px Georgia,Arial, 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 : 11px;
}

p {
padding : 5px 0;
}
a {
text-decoration : none;
color : #2D506D;
}
a:hover {
text-decoration : underline;
}
a img {
border : 0;
}
h1 a, h2 a, h3 a {
border : none;
text-decoration : none;
color : #626770;
}
h1 a:hover {
border-bottom : none;
color : #3d71d0;
}
h2 a:hover, h3 a:hover {
border-bottom : 1px dotted #3d8dd0;
color : #3d71d1;
}
hr {
display : none;
}

/*  ------------------ 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_bg.gif) repeat-x;
}

#right {
float : right;
width : 400px;
height : 85px;
background : url('images/right.gif');
}

#content {
width : 800px;
margin-bottom:15px;
padding :0 0 15px 0;
border : 1px solid #ddd;
border-top : none;
background : #ffffff;
}

#footer {
text-align : center;
color : #626456;
}

/*  ------------------ Header Structure ---------------- */
/*===== Navigation ====*/
#menu {
border : none;
height : 35px;
float : right; width:auto;
}
#menu ul {
list-style-type : none;
}
#menu ul li {
float : left; width:auto;
position : relative;
z-index : 1000;
line-height : 35px;
}
#menu ul li a {
display : block;
float : left; width:auto;
height : 30px;
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 ul li.current a {
background : #679DC9;
color : #fff;
}
#menu ul li ul {
display : none;
border : none;
}
#menu ul li ul {
background: #87B5DC;
}
#menu ul li:hover {
width : auto;
}
#menu table {
position : absolute;
z-index : 999;
top : 0;
left : 0;
border-collapse : collapse;
}
#menu ul li:hover a {
background:#679DC9;
text-decoration : none;
border-bottom : 1px solid #3d8dd0;
}
#menu ul li:hover ul {
display : block;
position : absolute;
z-index : 998;
margin-top : 31px;
left : 2px;
}
#menu ul li:hover ul li a {
display : block;
width : 14em;
height : auto;
padding : 4px 10px;
border : 1px solid #679DC9;
border-top : 0;
background : #87B5DC;
font: bold 12px/18px arial;
}
#menu ul li:hover ul li a:hover {
background :#679DC9;
text-decoration : none;
}
#menu ul li a:hover {
background : #679DC9;
text-decoration : none;
color : #fff;
border-bottom : 1px solid #3d8dd0;
}
#menu ul li a:hover ul {
display : block;
position : absolute;
z-index : 998;
margin : 31px 0 0 0;
}
#menu ul li a:hover ul li a {
display : block;
width : 14em;
height : auto;
padding : 4px 10px;
border : 1px solid #679DC9;
border-top : 0;
background : #87B5DC;
font: bold 12px/18px arial;
}
#menu ul li a:hover ul li a:hover {
background-color : #679DC9;
text-decoration : none;

}

/*===== Logo ====*/

#logo {
float : left;
width : 320px;
height : 80px;
}
#logo h1 {
margin : 0; color:#679DC8;
padding : 0 0 0 20px;
}
#logo h1 a {color:#2D506D;}
#logo h1 a:hover {text-decoration:none;}
#logo h2 {
padding : 0 0 0 20px;
}


/*  ------------------ 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 li a, .project-list li a:hover {
background : #f5f5f5;
}


.project-list li img {
width : 240px;
}


.project-list li a 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;}

/* ====== 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/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;}