body {
        font-family: tahoma, helvetica, arial, sans-serif;
        font-size: 11px;
        text-align: center;
        /*background: #d3d2d1;*/
        background-color: #BEC4C9;
        background-image: url(./../images/main/backgr_grad.gif); 
        background-position: left top;
        background-repeat: repeat-x;
        margin:0;
        padding:0;
        margin-top:8px;
}

/***************************** LIGHTBOX **************************/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#keyboardMsg a{
  padding: 4px;
  color: black;
  background-color: #e0e0e0;
  font-weight: bold;
}
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ 
    background-image: url(./../images/lightbox_overlay.png); 
}

/***************************** /LIGHTBOX ****************************/ 

h3, p { 
        font-size: 11px; 
        margin: 1em 0.5em 0.5em 0.5em; 
}

h3 {
		border-right-width:0px;
		border-left-width:0px;
		border-top-width:0px;
		border-bottom-width:2px;
		border-style:solid;
		border-color:#DB8100;
/*		background-color:#E1E1E1;
		background-color:white;*/
		padding: 4px;
		padding-left:8px;
		margin-left:0px;
		margin-right:0px;
}

/*h3:hover, h3.hover {
		border-color: #f09d27;
		background-color:#ffe080;
}*/

input {
    border-width: 1px;
    border-style: solid;
    border-color: #b0b0b0;
}

#main .button {
        background: #EAB600 url(./../images/main/searchform_button_bg.gif) left top repeat-x;
        color: #f5f4f2;
        border: 1px solid #e5e4e2;
        height:22px;
}

form.form1 {
		margin-left:10px;
		margin-bottom:10px;
}

p { 
        margin-top: 0.5em; 
}

img {
        border: 0;
}

a {
        color: #be0404;
        text-decoration: none;
}

a:hover {
        color: #be0404;
        text-decoration: underline;
}

#subright ul a {
        text-decoration: underline;
}

#wrapper {
        margin: auto;
        text-align: left;
        width: 750px;
        background: white;
}

#wrappera {
        margin: auto;
        margin-bottom:1px;
        text-align: right;
        width: 750px;
        padding-right:2px;
}

#wrapperb {
        margin: auto;
        width: 750px;
        margin-top:2px;
}

#wrappera a {
		color:white;
}

#wrapperi {
        padding: 0px 2px;
        background: url(./../images/main/dot.gif) 319px 0px repeat-y;
}

#wrapperj {
        background: url(./../images/main/dot.gif) 526px 0px repeat-y;
}

#header, #searchform, #nav, #nav li, h2, #special, #special h3, #footnav,
#design li, #design ul {
        margin: 0;
        padding: 0;
}

#special h3, #news h3 {
		border-width:0px;
}

#header {
        background-color: #26618d;
        border-bottom: 1px solid #fff;
        border-top: 2px solid #fff;
        margin-bottom: 1px;
        background-image: url(./../images/main/top_bg.gif); 
        background-position: 0px 0px;
        background-repeat: repeat-x;        
}

.clear {
        clear: both;
        font-size: 1px;
        height: 5px;
        margin: 0 0 -4px 0;
}

#left {
        float: left;
        width: 310px;
}

#right {
        float: right;
        width: 421px;
}

#searchform {
        background: #F5CB4D url(./../images/main/searchform_bg.gif) left bottom repeat-x;
        border-bottom: 2px solid #004b83;
        padding: 8px 0px 8px 40px;
        margin-bottom: 3px;
        height:22px;
}

#searchform .text {
        width: 180px;
        height:18px;
        position:relative;
        top:-2px;
}

#searchform .submit {
        background: #EAB600 url(./../images/main/searchform_button_bg.gif) left top repeat-x;
        color: #f5f4f2;
        border: 1px solid #e5e4e2;
        height:22px;
}

#nav {
        float: left;
        width: 123px;
        margin: 0;
        padding: 0;
}

#nav li {
        /*background: #91aa37 url(./../images/main/menu_green_arrow.gif) left center repeat-y;*/
        background: #91aa37 url(./../images/main/menu_li_bg_.gif) 0 0 repeat-y;
        padding: 3px 0px 4px 36px;
        margin-bottom: 2px;
        margin-left: 0;
        list-style: none;
        cursor:pointer;
        width:87px;
        overflow:hidden;
}

* html #nav li { /* IE 5.x hack */
        padding-left: 20px;
        padd\ing-left: 36px;
}

#nav a {
        color: #efeeed;
        text-decoration: none;
        font-weight: bold;
        font-family: tahoma, helvetica, arial, sans-serif;
        font-size: 11px;
        height:50px;
}


#clients {
        float: right;
        width: 181px;
        border: 1px solid #bdbab6;
        margin: 0;
}

#clients h2 {
        background: #6584a9 url(./../images/main/left_hl_bg.gif) left center repeat-x;
}

#clients ul {
        padding-left: 25px;
        padding-bottom: 1px;
        margin: 12px 0 1px 0;
}

#clients li {
        list-style-image: url(./../images/main/bullet_dimond.gif);
        padding-bottom: 8px;
        padding-left: 0;
        margin-left: 0;
}

#news {
        background: #f5f4f3;
        padding-bottom: 0.5em;
        border-top: 5px solid #fff;
        color: #666;
}

#news h2 {
        background: #e0a403 url(./../images/main/orange_head_bg.gif) bottom right repeat-x;;
}

#explore {
        margin-top: -1px;
        background: #fff url(./../images/main/right_bg.jpg) bottom right repeat-x;
        border-bottom: 6px solid #fff;
}

#explorei {
        padding-bottom: 11px;
        height: 275px;
}

#explorei ul li a {
	text-decoration:none;
}
#explorei ul li a:hover {
	text-decoration:underline;
}

#explore ul {
	    margin-top: 3px;
        margin-bottom: 8px;
        margin-left: 0;
        padding-left: 18px;
}

#explore a {
        color: #000;
        text-decoration: underline;
}

#explore li {
        list-style: none;
        background: url(./../images/main/bullet_arrow.gif) left center no-repeat;
        padding: 4px 0 4px 32px;
        margin-left: 0;
}

#explore .orange {
        color: #f09d27;
}

#explore .learnmore {
        margin: 5px 0 20px 18px;

}

#special {
        margin-left: 9px;
        margin-top: 16px;
        width: 187px;
        background: url(./../images/main/offer_box_bg.gif) repeat-y;
 		height:111px;
 		overflow:hidden;
}

#special, #special a {
        color: #f5f5f5;
                text-decoration: none;
}

#special p {
        padding-left:10px;
        padding-right:6px;
}

#special div {
        background: url(./../images/main/offer_box_bot.gif) bottom no-repeat;
        height: 6px;
        font-size: 1px;
}

#subright {
        margin-top: 0px;
}

#design {
        float: left;
        width: 195px;
}

#design h2 {
        background: #024c83 url(./../images/main/blue_head_bg.gif) bottom right repeat-x;
}

#design li {
        list-style: none;
        margin: 0.8em 0.5em;
}

#development {
        float: right;
        width: 213px;
        background: url(./../images/main/dot.gif) 0px 0px repeat-y;
        padding-left:7px;
}

#development h2 {
        background: #6aa100 url(./../images/main/green_head_bg.gif) bottom right repeat-x;
}

#footer {
        text-align: right;
        background: #b7b7b8;
        color: #666;
        border-top: 2px solid #fff;
}

* html #footer {
    height: 1.5em;
}

#footeri {
     padding: 2px 3px 4px 13px;
     border-bottom: 2px solid #fff;
}

#footer .copyright {
        float: left;
}

#footer a {
        color: #666;
}

h2.navigation_str {
		background:#024C83 url(./../images/main/blue_head_bg.gif) bottom right repeat-x;;
		color:white;padding-left:9px;font-size:11px;height:18px;padding-top:4px;font-weight:normal;
}

h2.navigation_str a {
		color:white;
		font-weight:bold;
}

h2.navigation_str a:hover {
		color:white;
		font-weight:bold;
		text-decoration:underline;
}

.readmore {
        text-align: right;
        font-weight: bold;
}

.bold {
        font-weight: bold;
}

.justify {
        text-align: justify;
}

.green {
        color: #6aa100;
}
.blue {
        color: #4880ab;
}
.orange {
        color: #e0a403;
}

p.photo {
        text-align: center;
}

#callbox {
        float: left;
        clear: left;
        margin: 0;
}

img.photo {
		border-width:1px;
		border-style:solid;
		border-color: #d0d0d0;
		padding:2px;
		background-color:white;
}

img.photo:hover, img:hover, img.hover{
		border-color: #a0a0a0;
		background-color:white;
}

img.right {
		float:right;
		margin-left:8px;
		border-width:1px;
		border-style:solid;
		border-color: #d0d0d0;
		padding:2px;
		background-color:white;
}

img.left {
		float:left;
		margin-right:8px;
		border-width:1px;
		border-style:solid;
		border-color: #d0d0d0;
		padding:2px;
		background-color:white;
}

#main {
		width:100%;background-color:white;padding-bottom:2px;padding-top:2px;margin-top:-7px;
}

#main li {
        list-style-image: url(./../images/main/bullet_test.gif);
        padding-left: 0;
        margin-left: 0;
}


div.bottom_box {
		background: #fff url(./../images/main/bottom_box_bg.gif) top left repeat-x;margin:0px;padding:0px;
		margin-top:-6px;
}
div.inside_bottom_box {
		position:relative;
		top:6px;
}