/****
* Website design and CSS style by Artis . design studio (www.goartis.com)
****/
body {
	font: 100% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: white;
	background-color: #07232a;
}

#wrapper {
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#header {
	width: 900px;
	height: 270px;
	text-align: right;
	background: url(img/header_dtsworldcargo.jpg) no-repeat 0 top;
	margin-top: 0;
	font-size: 80%;
	color: #9c998e;
}

#container {
	width: 900px;
	text-align: left;
	margin-top: 20px;
	padding: 10px 0;
	background: #07232a url(img/mbody_dtsworldcargo.gif) no-repeat 0 top;
}

#footer {
	font: 11px/13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 860px;
	padding: 15px 20px 0;
	background: url(img/footer_dtsworldcargo.gif) repeat-x 0 top;
	text-align: right;
	color: #6f988b;
	height: 30px;
	bottom: 0;
	position: fixed;
}

#sb_box {
	width: 220px;
	background: url(img/sidebar_dtsworldcargo.jpg) no-repeat 0 top;
	float: right;
	font-size: 13px;
	color: #cbe5df;
}

.maincontent {
	width: 650px;
	text-align: justify;
	font: 12px/18px "Myriad Pro", "Lucida Grande", sans-serif;
}

.logo {
	float: left;
	margin-top: -30px;
	z-index: 50;
	position: absolute;
	top: 85px;
	left: 30px;
	width: 200px;
	height: 190px;
}

.hdrimgshow {
	position: absolute;
	top: 51px;
	right: 2px;
}

#navi {
	position: relative;
	top: 0;
	left: 220px;
	width: 700px;
	height: 30px;
	font: 14px Eurostile, Calibri, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
}

h1 { color: white; font: 24px/32px Eurostile, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h2 { color: #ff7400; font: italic 18px/24px "Myriad Pro", "Lucida Grande", sans-serif;
	margin-bottom: 0;
}

h3 { color: #73b5ad; font: italic 15px/14px "Myriad Pro", "Lucida Grande", sans-serif;
}
h4 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 2px;
}

/* links */
a {
	color: #acd0c2;
	text-decoration: none;
}
a:hover, .maincontent a:hover {
	text-decoration: none;
	color: #ff7400;
}
.maincontent a {
	color: #acd0c2;
	text-decoration: underline;
}

#footer a {
	color: #6f988b;
}

#footer a:hover {
	color: #d47f38;
}

/* Lavalamp Navi Menu */
.lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 680px;
            padding: 5px;
            overflow: hidden;
	float: right;
	margin: 5px 0 0;
	right: 10px;
}
.lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
}
.lavaLampBottomStyle li.back {
                        border-bottom: 4px solid #ff7400;
                        width: 5px;
                        height: 20px;
                        z-index: 8;
                        position: absolute;
 }
.lavaLampBottomStyle li a {
                        text-decoration: none;
                        color: white;
                        outline: none;
                        text-align: right;
                        top: 5px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: right;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
}   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
}

/* end Lavalamp */

/* Sidebar */
.sb_content {
	padding: 20px;
	list-style: outside none url(img/sblist_icon.png);
}
.sb_bottom {
	background: url(img/sidebarbottom_dtsworldcargo.jpg) no-repeat;
	width: 220px;
	height: 25px;
}
.sb_content ul {
	padding-left: 32px;
	margin-bottom: 25px;
}

.sb_content li {
	text-transform: uppercase;
	font-size: 14px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #5e9ea4;
}
.sb_content li a:hover {
	color: #90eb20;
}


.main_img_left {
	float: left;
	margin-right: 15px;
}
.main_img_right {
	float: right;
	margin-left: 15px;
}

/* form style */

form {
	margin-top: 15px;
	padding: 15px;
	border: 1px dashed #52807b;
}

input, textarea, select {
	
	border: 1px solid #52807b;
	background-color: #0b3944;
	float: right;
	color: white;
}

input, textarea {
	margin-right: 15px;
}

select {
	margin-right: 245px;
}



.button {color:#d47f38;
text-align:center;
border: 1px solid #52807b;
font: 12px/18px "Myriad Pro", "Lucida Grande", sans-serif;
background-color: #446a7d;
	margin-top: 5px;
}

.dotdivider {
	border-top: 1px dotted #c0c9c9;
	margin-top: 5px;
	margin-bottom: 5px;
}

.thumb {
	float: left;
	border-width: 0;
	padding-right: 8px;
}
