body 
{
    background: url(../i/bg.jpg) no-repeat top center;
    font-family: Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 0;
}

h1
{
    color:#255a6f;
    font-size: 18px;
    font-weight:normal;
    font-style:italic;
    letter-spacing:-1px;
    font-family: verdana;
    margin-bottom: 5px;
}


h2
{
    color:#255a6f;
    font-size: 16px;
    font-weight:normal;
    letter-spacing:-1px;
    font-family: verdana; 
    margin: 7px 0;   
}

h3
{
    color:#255a6f;
    font-size: 14px;
    font-weight:normal;
    letter-spacing:-1px;
    font-family: verdana; 
    margin: 10px 0 2px 0;   
}

h4
{
    color:#255a6f;
    font-size: 14px;
    font-weight:normal;
    letter-spacing:-1px;
    font-family: verdana; 
    margin: 10px 0 2px 0;   
}

h5
{
    color:#255a6f;
    font-size: 14px;
    font-weight:normal;
    letter-spacing:-1px;
    font-family: verdana; 
    margin: 10px 0 2px 0;   
}

p
{
    color: #5a5a5a;
    font-family: Verdana, Sans-Serif;
    font-size: 13px;
    line-height: 1.5;
    margin: 8px 0;
}

a:link, a:visited
{
    color: #255a6f;
    outline: none;
    text-decoration:none;
}

a:hover, a:focus
{
    text-decoration: underline;
}

h3 a:link, h3 a:visited
{
    color: #255a6f;
    text-decoration:none;
}

h3 a:hover, h3 a:focus
{
    text-decoration: underline;
}

.list ul
{
    
}

.list li
{
    color: #5a5a5a;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    line-height: 1.8; 
    list-style-type: square;
    margin-left: 30px;   
}

.ordered-list
{
}

.ordered-list li
{
    color: #5a5a5a;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    line-height: 1.8; 
    list-style-type: decimal;
    margin-left: 40px;     
}

.ordered-list .list li
{
    list-style-type: lower-alpha;    
}

.read-more:link, .read-more:visited
{
    color: #255a6f;
    font-size: 11px;
    font-style: italic;
    text-decoration: none;
}

.read-more:hover, .read-more:focus
{
    color: #255a6f;
    font-style: italic;
    text-decoration: underline;    
}

li
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    line-height: 1.6;
}


.line
{
    border-bottom: solid 1px #ccc; 
    margin-bottom: 10px;
}

blockquote
{
    margin: 1em 2em;

}


#box
{
    margin: 15px auto;
    width: 960px;
}

#box-top
{
    background: url(../i/bg-top.png) no-repeat;
    height: 23px;
    width: 960px;
}

#box-middle
{
    background: url(../i/bg-middle.png) repeat-y;
    min-height:800px;
    height:auto !important;
    height:800px;
    padding: 0 15px 35px 15px;
    width: 960px;    
}

#box-bottom
{
    background: url(../i/bg-bottom.png) no-repeat;
    height: 35px;
    padding: 0 0 0 25px;
    width: 960px;    
}

#box-bottom p
{
    color: #fff;
    font-size: 11px;
    margin-top: 0;
    padding-top: 3px;
}

#box-bottom a:link, #box-bottom a:active, #box-bottom a:visited
{
    color: #fff;
}


#header
{
    background: #fff;
    float: left;
    height: 80px;
    margin: 0 auto;
    padding: 20px 0 0 20px;
    width: 911px;
}

#header-l
{
    float: left;
    width: 250px;
}

#header-r
{
     float: right;
     padding-top: 8px;
     text-align: right;
     width: 600px;
}

#content
{
    overflow: auto;
}

#sidebar
{
    color: #fff;
    float: left;
    padding: 15px 0;
    width: 228px;
}

#sidebar h2
{
    color: #fff;
    font-family: Verdana, Sans-Serif;
    font-size: 13px;
    padding-left: 10px;
    text-transform: uppercase;
}

#main-content
{
    float: left;
    padding-left: 15px;
    width: 675px;
}


#sidenav
{
    margin-top: 10px;
}

.sidenav-head
{
    background-color: #255a6f;
    font-size: 13px;      
}

.sidenav-head a:link, .sidenav-head a:visited
{
    color: #fff;
}

#sidebar ul li
{
    background-color: #255a6f;
	xbackground-image:url(../i/bullet-db.gif);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

#sidebar ul li ul li
{
    background-color: #2b657c;
	background-image:url(../i/bullet-lb.gif);
	background-position: 16px 7px;
	background-repeat: no-repeat;    
    border-bottom: solid 1px #255a6f;
}

#sidebar ul li a
{
    color: #fff;
    display: block;
    padding: 2px 0 2px 25px;
    text-decoration: none;
}

#sidebar ul li a:hover
{
    background-color: #1f5266;
	background-image:url(../i/bullet-b.gif);
	background-position: 16px 7px;
	background-repeat: no-repeat;     
}

#sidebar span
{
    border-top: solid 1px #225569;
    border-bottom: solid 1px #225569;
    display: block;
    font-weight: bold;
    padding: 3px 10px 3px 10px;
}

.sidenav-active
{
    font-style: italic;
    font-weight: bold;
}



#navigation
{
    height: 41px;
    position: relative;
}

#navlist
{
    xbackground: url(../i/nav.jpg);
	xheight: 43px;
	xmargin: 0;
	xpadding: 0;
    xposition: relative;
    
position: relative;
margin: 0 auto 0 auto;
width: 600px;
padding: 0;
xborder: 5px solid #fff;
height: 43px;
background: url(../i/nav.jpg);
list-style-type: none;
    
}

#navlist li
{
    float: left;
}

#navlist li a
{
    background: url(../i/nav.jpg);
    display: block;
    font-size: 1%;
    height: 43px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
    text-align: left;
    top: 0;
}


li#nav_hom a
{
    background-position: 0 0;
    left: 0;
    width: 69px;
}

li#nav_abo a
{
    background-position: -80px 0;
    left: 80px;
    width: 92px;    
}

li#nav_ser a
{
    background-position: -175px 0;
    left: 175px;
    width: 91px;
}

li#nav_cli a
{
    background-position: -277px 0;
    left: 277px;
    width: 85px;
}

li#nav_dow a
{
    background-position: -375px 0;
    left: 375px;
    width: 117px;    
}

li#nav_con a
{
    background-position: -498px 0;
    left: 498px;
    width: 95px;    
}


li#nav_hom a:hover
{
    background-position: 0 -43px;
}

li#nav_abo a:hover
{
    background-position: -80px -43px;
    left: 80px;
    width: 92px;    
}

li#nav_ser a:hover
{
    background-position: -175px -43px;
    left: 175px;
    width: 91px;
}

li#nav_cli a:hover
{
    background-position: -277px -43px;
    left: 277px;
    width: 85px;
}

li#nav_dow a:hover
{
    background-position: -375px -43px;
    left: 375px;
    width: 117px;    
}

li#nav_con a:hover
{
    background-position: -498px -43px;
    left: 498px;
    width: 95px;    
}


/* ---------------- Nav Active ------------------ */

#body_hom li#nav_hom a
{
    background-position: 0 -43px;
}

#body_abo li#nav_abo a
{
    background-position: -80px -43px;   
}

#body_ser li#nav_ser a
{
    background-position: -175px -43px;
}

#body_cli li#nav_cli a
{
    background-position: -277px -43px;
}

#body_dow li#nav_dow a
{
    background-position: -375px -43px; 
}

#body_con li#nav_con a
{
    background-position: -498px -43px;
}





/* =breadcrumb */
.breadcrumb {color:#666;width:650px!important;margin:15px 0 15px 2px;font-family: Verdana, Sans-Serif;font-style:italic;font-size:11px;text-transform:uppercase;}
.breadcrumb span {font-size:9px;padding:0 3px 3px 3px;color:#999!important}
.breadcrumb a {color:#255b7f!important}
.breadcrumb a:hover {color:#243c54!important;text-decoration:underline;}


/* ---------------- Experience ------------------ */

.profile-photo
{
    background-color: #2b657c;
    border: solid 1px #255a6f;
    float: right; 
    margin: 0 0 10px 10px;
    padding: 2px;
}

/* ---------------- Experience ------------------ */

.logos
{
    margin: 10px 0 15px 0;
}

/* ----------------- Downloads ------------------ */

.download
{
    clear: left;     
    margin-bottom: 10px;
}

.download img
{
    border: solid 1px #ccc; 
    float: left; 
    margin: 0 10px 10px 0;
}

.download .download-btn
{
    border: none;
    margin: 10px 0 0 0;
}

/* ---------------- Contact Page ------------------ */

/* ---------------- Contact Details ------------------ */

#contact-details
{
    background-color: #285f75;
    height: 310px;
    margin-bottom: 15px;
    padding: 10px;
    width: 655px;
}

#contact-details h2
{
    color: #fff;
    font-size: 16px;
    margin-top: 0;
}

#contact-details p
{
    color: #fff;
    margin: 0;
    line-height: 1.35;
}

#contact-details-l
{
    float: left;
    width: 390px;
}

#contact-details-r
{
    float: right;
    width: 260px;
}

#contact-details-r img
{
    float: right;
    margin-bottom: 5px;
}

#contact-details-r p
{
    text-align: right;
}

#contact-details-r a
{
    color: #fff;
    text-decoration: underline;
}

/* ------------------------------ Contact Form ------------------------------ */

#contact-form
{
    margin-top: 15px;
}

.label
{
    clear: left;
    display: block;
    float: left;
    font-size: 13px;
}

.input
{
    clear: left;
    color: #666;
    float: left;
    font-size: 12px;
    height: 14px;
    margin-bottom: 7px;
    padding: 3px;
    width: 200px;
}

.large-input
{
    clear: left;
    color: #666;
    float: left;
    font-size: 12px;
    height: 150px;
    margin-bottom: 7px;
    padding: 3px;
    width: 350px;
}

#btnSubmit
{
    border: solid 1px #ccc;
    clear: left;
    float: left;
    font-size: 12px;
    height: 22px;
    margin-top: 5px;
    width: 60px;
}

.validator
{
    float: left;
    font-size: 17px;
    margin-left: 5px;
}

#info-msg, #sent-msg
{
    background-color: #ffffcc;
    border: solid 1px #ffcc00;
    color: #a22914;
    height: 30px;
    margin-bottom: 15px;
    padding: 0 10px;
    width: 400px;
}

#info-msg p, #sent-msg p
{
    font-size: 13px;
    margin-top: 3px;
    padding: 0;
}

#info-msg img, #sent-msg img
{
    border: 0;
    float: left;
    margin: 2px 10px 0 0;
}

/* -------------- Testimonials ----------------- */

.testimonial
{
    clear: left;
    margin-bottom: 20px;
    overflow: auto;
}

.testimonial-footer p
{
    margin: 0; 
    padding: 0;
}

.testimonial-header
{
    font-weight: bold; 
    margin: 0; 
    padding-top: 10px
}

.back-box, .forward-box
{
    background: #2b657c; 
    height: 18px;
    margin-bottom: 15px;
    padding: 2px 6px;
    text-align: left;  
    width: 98.2%; 
}

.forward-box
{
    text-align: right;
}

.back-box p, .forward-box p
{
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.back-box a, .forward-box a
{
    color: #fff;
    font-size: 11px;
}