/* 

LP1 - CSS File

*/


/*** GLOBAL  ***/
html {
	height:100%;
	min-height:100%
}
body {
	font-family:Arial, Tahoma, Verdana;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#323232;
	line-height:18px;
	background-color:#f6f6f6;
	height:100%;
	min-height:100%
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline: none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr {
	clear:both;
	height:1px !important;
	line-height:1px !important;
	float:none!important
}
form {
	margin:0;
	padding:0;
}
hr {
	border-width:0;
	height:1px;
	line-height:0;
	margin:30px 0px;
	page-break-after:always;
	text-align:center;
	width:100%;
	clear:both;
	background-color:#ececec;
}
/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2 {
	margin-bottom:15px;
	font-family:Arial, Verdana;
}
h3, h4, h5, h6 {
	margin-bottom:15px;
	font-family:Arial, Verdana;
}
h1 {
	font-size:36px;
	line-height:32px;
}
h2 {
	font-size:30px;
	line-height:26px;
}
h3 {
	font-size:24px;
	line-height:22px;
}
h4 {
	font-size:20px;
	line-height:20px;
}
h5 {
	font-size:18px;
	line-height:18px;
}
h6 {
	font-size:14px;
	line-height:17px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
/* links */
a, a:visited {
	color:#0671b5;
	text-decoration:none;
	font-weight:normal;
}
a:hover {
	color:#0671b5;
	text-decoration:underline;
}
a img {
	border:none
}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	margin-bottom:20px;
}
ul, ol {
	margin:10px 0 20px 20px;
	list-style-position:inside
}
li ol, li ul {
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {
	list-style:decimal;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#wrapper {
	width:100%;
}
#container-top {
	background-image:url(../images/bg-container-top.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#f6f6f6;
}
#container-bottom {
	width:100%;
	background-image:url(../images/bg-container-footer.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.centercolumn {
	width:1021px;
	margin:0 auto;
}
/* Header */

#top {
	width:1021px;
}
#logo {
	text-align: center;
	height: 100px;
	padding-top: 25px;
}
#header {
	text-align: center;
	height: 1680px;
}
.pad_header {
	padding-top:30px;
	text-align:left;
}
#header h1 {
	font-size:24px;
	color:#323232;
	line-height:30px;
	margin-bottom:30px;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}
#header h1 strong {
	text-transform:uppercase;
}
ul#container-box {
	margin:0px;
	padding:0px;
}
ul#container-box li {
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul.main_box {
	background-image:url(../images/box.png);
	background-repeat:no-repeat;
	width:230px;
	height:288px;
	color:#fff;
}
ul.main_box li {
	text-align:left;
	clear:both;
	width:230px;
}
ul.main_box img {
	padding-top:13px;
	padding-bottom:15px;
}
ul.main_box h5 {
	text-transform:uppercase;
	color:#fff;
	text-align: center;
}
ul.main_box p {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
ul.main_box .more {
	background-image:url(../images/but_more.png);
	background-repeat:no-repeat;
	text-align:center;
	color:#fff;
	padding:4px 12px 5px 12px;
}
/* Content */

#main_content {
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#content {
	width: 615px;
	float: left;
	margin-right: 40px;
}
.front_page h1 {
	color:#0671b5;
}
.front_page h6 {
	margin-bottom:0px;
	font-weight:bold;
	float:left;
}
.front_page ul {
	padding:0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
.front_page ul li {
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0 7px;
	list-style-type:none;
	padding-left:55px;
}
.front_page ul li p {
	clear:both!important;
}
#sidebar {
	width: 310px;
	margin-left: 15px;
	float: left;
	margin-bottom: 15px;
}
.sidebar-title {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#323232;
	padding:28px 0px 15px 0px;
}
/* CONTACT */
.box_contact_r {
	background-image: url(../images/bg_contact_r.gif);
	background-repeat: repeat-y;
	width: 315px;
}
.box_contact_t {
	background-image:url(../images/bg_contact_t.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:310px;
}
.box_contact_b {
	background-image:url(../images/bg_contact_b.gif);
	background-repeat:no-repeat;
	background-position: bottom;
	width:310px;
}
.box_contact {
	width:280px;
	margin:0;
	padding:0px 0px 22px 31px;
}
form {
	margin:0;
	padding:0px;
}
fieldset {
	border:0px;
}
#contact_form {
	margin:0 auto;
	position:relative
}
#contact_form input, #contact_form textarea {
	margin:0px;
	padding:0px;
}
label.sp {
	width:3px;
}
span.error {
	color:red;
	text-align:left;
	font-size:9px;
}
#message {
}
#message h2 {
}
#message p {
	margin:6px 0px;
}
input.text-input {
	margin:4px 8px 7px 0px!important;
	width: 225px;
	height:15px;
	padding: 5px 10px!important;
	border:solid 1px #ececec;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	vertical-align:middle;
	font-size:11px!important;
	color:#9a9a9a;
	font-family:Arial, Helvetica, sans-serif;
}
textarea.text-input {
	margin:4px 8px 7px 0px!important;
	padding: 5px 10px!important;
	border:solid 1px #ececec;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	vertical-align:top;
	width:225px;
	font-size:11px!important;
	color:#9a9a9a;
	font-family:Arial, Helvetica, sans-serif;
}
#contact_form input:focus, #contact_form textarea:focus {
	border:solid 1px #ececec;
}
#contact_form input.but {
	background-image:url(../images/but_submit.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	font-family:Arial;
	text-align:center;
	color:#fff;
	padding: 0px!important;
	border:0px;
	margin-top:10px;
	cursor:pointer;
	width:74px;
	height:22px;
}
/* Sroll image*/
#scroll-latest {
	position:relative;
	padding:10px 0px 54px 0px;
}
#scroll-latest ul li {
	margin:0px 5px;
}
#scroll-latest ul li img {
	width:172px;
	height:114px;
}
.scroll-content {
	margin:0px auto;
}
.scroll-prev, .scroll-next {
	cursor:pointer;
	position:absolute;
	top:55px
}
.scroll-prev {
	left:30px;
}
.scroll-next {
	right:30px;
}
.img-frame {
	background-image: url(../images/frame-image.png);
	background-repeat:no-repeat;
	z-index:900 !important;
	width:172px;
	height:114px;
	position:absolute;
	top:0px;
}
/* Footer */
#main-footer {
	width:1021px;
	height:130px;
}
.pad_footer {
	padding-top:49px;
}
#foot-left {
	float:left;
	margin-left:40px;
}
ul#foot-right {
	margin:0px;
	padding:0px;
	float:right;
	margin-right:40px;
}
ul#foot-right li {
	list-style-type:none;
	margin:0px;
	padding:0px 2px;
	display:inline;
}
div#contact-box {
	padding: 13px;
	height: 140px;
	width: 544px;
	margin-left: 10px;
}
#blog-ticker-box {
	background-image: url(../images/digital-blog-ticker-back.jpg);
	background-repeat: no-repeat;
	height: 92px;
	width: 580px;
	margin-bottom: 20px;
}
#pscroller1{
width: 340px;
height: 1.2em;
padding: 5px;
}

#pscroller2{
width: 330px;
height: 40px;
border: none 0px;
padding: 5px;
}

.rssclass .rsstitle{
font-weight: bold;
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
font-weight: bold;
font-size: 14px;
line-height: 16px;
}
.rssclass a:hover {
text-decoration: underline;
font-weight: bold;
font-size: 14px;
line-height: 16px;
color: #C00;
}
#blog-ticker-box td {
	margin: 0px;
	padding: 0px;
}
#blog-ticker-box h6 {
	font-size: 16px;
	font-weight: bold;
	color: #666;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EC2923;
	width: 335px;
	padding-top: 4px;
}
#site-profile {
	float: left;
	width: 500px;
	background-image: url(../images/site-profiles.png);
	background-repeat: no-repeat;
	height: 300px;
}
#profile-video {
	float: left;
	margin-top: 25px;
	margin-left: 25px;
	height: 253px;
	width: 400px;
	background-image: url(../images/site-profiles.png);
	background-repeat: no-repeat;
}
#profile-top {
	height: 140px;
	width: 500px;
}
#profile-text {
	width: 440px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	color: #CCC;
	line-height: 16px;
	text-align: left;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#site-btn {
	background-image: url(../profiles/launch-btn.png);
	background-repeat: no-repeat;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 30px;
	height: 37px;
	width: 440px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 37px;
}
#profile-text h3 {
	font-size: 24px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	color: #FFF;
}
#profile-contain {
	margin-right: 10px;
	margin-left: 10px;
}
#menu {
	text-align: center;
	height: 20px;
}
#mediakit-box {
	float: left;
	height: 229px;
	width: 200px;
}
#media-kit-down {
	text-align: left;
	float: left;
	height: 200px;
	width: 270px;
	padding-top: 30px;
	padding-right: 30px;
	line-height: 16px;
	color: #CCC;
	padding-bottom: 10px;
}
#media-kit-down h3 {
	color: #FFF;
	font-size: 24px;
	line-height: 12px;
	margin-bottom: 5px;
}
#media-kit-down p {
	margin-bottom: 0px;
	padding-bottom: 12px;
}
#acrobat {
	width: 440px;
	padding-right: 30px;
	padding-left: 30px;
}
#acrobat {
	font-size: 10px;
	color: #999;
	text-align: right;
}
#site-btn a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#site-btn a:hover, a:active {
	color: #CCC;
	font-weight: bold;
	text-decoration: underline;
}
#site-profile a {
	color: #FFF;
}
#truckslider {
	height: 300px;
	width: 980px;
	margin-bottom: 15px;
	margin-right: 20px;
	margin-left: 20px;
}