/* /////////////////////////////////////// */
/* // Trak iT CSS 2008                  // */
/* // Written by Greg Jensen            // */
/* // In assocation with Odd Frog  // */
/* /////////////////////////////////////// */

html { background:#1e1e1e; }

body {
    background: #ccc4c5 url(images/body-bg.png) repeat-x;
    margin:0px;
    padding:10px 0px 0px;
    font-family: Verdana, Arial, Helvetica, san-serif;
    font-size:12px;
	/*background: #ccc4c5 url(images/body-bg.png) 0px 80px repeat-x;*/
}
#container {
    width:960px;
    /*border:1px solid yellow;*/
    margin:auto;
    position:relative;
}

/* ---- Main Section ---- */

#main {
    width:710px;
    background:url(images/header-bg.png) no-repeat;
    padding-top:10px;
    float:left;
	/*border:1px solid green;*/
}

#header {
    padding:0px 10px;
    margin-top:150px;
    margin:auto;
    width:668px;
    background:white;
}

/* -------- Navigation ------- */

#navigation {
    background:url(images/navigation-bg.png) repeat-x;
    padding:0px;
    margin:2px 0px 0px 0px;
    color:#fff;
    list-style:none;
    width:668px;
    height:40px;
}

#navigation li {
    display:inline;
}

#navigation li a {
    color:#fff;
    padding:7px 11px;
    display:block;
    float:right;
    text-decoration:none;
    background:url(images/navigation-link.png) repeat-x;
    border-left:1px solid #7c7c7c;
    border-right:1px solid #4e4e4e;
    font-size:11px;
}

#navigation li a:hover {
    text-decoration:underline;
    background:none;
}

/* -------- Footer --------- */

#footer {
    width:688px;
    height:15px;
    background:#fff url(images/content-footer.png) 0px 4px no-repeat;
    margin:auto;
}

#page-footer {
    width:100%;
    background:url(images/page-footer.png) repeat-x;
    color:#9a9a9a;
    margin-top:10px;
    padding:10px 0px;
    font-size:10px;
}

#page-footer a {
    padding:5px;
    color:#9a9a9a;
}

#foot-container {
    width:950px;
    margin:10px auto;
}

#shoegaze {
    width:700px;
    text-align:center;
}

/* ---- General Links ---- */

a { color:#7e9ac2; }

.arrow {
    display:block;
    padding-right:14px;
    background:url(images/icons.png) 65px 1px no-repeat;
    margin-left:120px;
    margin-top:5px;
    width:5.5em;
}

.arrow2 {
    display:block;
    padding-left:20px;
    background:url(images/icons.png) -136px 1px no-repeat;
    margin-top:5px;
}

.link-list {
	list-style:none;
	margin:0px;
	padding:0px;
}

.link-list li { padding:4px; margin:1px; }

/* ---- Side Section ---- */

#sidebar {
    width:258px;
    margin:0px;
    margin-left:700px;
}

#sidebar-main-header {
    padding:10px 1px 0px;
    margin:0px;
    background:url(images/sidebar-main-header.png) no-repeat;
}

.sidebar-header {
    background:#fff url(images/sidebar-header.png) no-repeat;   
    width:216px;
    padding:10px 10px 0px;
    margin:10px 11px 0px;
}

.sidebar-footer {
    background:#fff url(images/sidebar-footer.png) bottom no-repeat;   
    height:8px;
    width:236px;
    padding:6px 0px 0px;
    margin:0px 11px;
}

.whiteBox {
    background:#fff;
    padding:0px 10px;
    margin:0px 10px;
}

#trial, #joinmeeting {
    display:block;
    width:187px;
    height:30px;
    margin:auto;
    border:0px;
    text-indent:-10000px;
    overflow: hidden;
    cursor:pointer;
}

#trial { background:url(images/buttons.png) 0px 0px no-repeat; }
#trial:hover { background:url(images/buttons.png) 0px -29px no-repeat; }
#joinmeeting { background:url(images/buttons.png) 0px -58px no-repeat; }
#joinmeeting:hover { background:url(images/buttons.png) 0px -87px no-repeat; }
/* ---- Content ---- */

#concon {
    background:#fff;
    padding:0px 10px;
    width:668px;
    margin:auto;
}

#content {
    background:#e8e0db;
    color:#532c22;
    /*padding:10px;*/
    padding:0px 3px;
    /*margin-bottom:10px;*/
	-moz-border-radius: 0px 0px 4px 4px;
}

.conBody {
     background:#e8e0db url(images/content-bg.png) repeat-x;
     /*padding-left:248px;*/
     padding-bottom:10px;
	 padding-right:10px;
	 padding-left:10px;
	 /*text-align:justify;*/
	 line-height:1.3em;
}

.conSection { border-bottom:1px dotted #532c22; }

/* --- General Tags --- */

.itemized-content {
	list-style:none;
	padding:0px;
	margin:0px;
}

.item { margin-left:248px; }

.bitem { margin-left:200px; }

.splitter { border-bottom:1px dotted #532c22; }

h1 {
	margin:0px;
    /*font-style:italic;*/
    padding:10px 0px;
	font-family:tahoma, verdana, san-serif;
	font-size:16px;
}

h2 {
    font-weight:normal;
    font-size:18px;
    padding:0px;
    margin:0px;
    margin-top:6px;
}

h3 {
    margin:0px;
    /*font-style:italic;*/
    padding:10px 0px;
	font-size:14px;
}

h4 {
	margin:15px 0px;
	font-size:13px;
}

.smallText, .smallwords {
    font-size:10px;
    padding:0px;
    margin-top:0px;
    margin-bottom:18px;
}

.clear {
    clear:both;
}

.smallmargin {
   margin-bottom:5px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.arrow-list li {
	margin-bottom:10px;
}


/* --- Special --- */

/*#bus {
    background:url(images/bus.png) no-repeat;
    width:251px;
    height:194px;
    position:absolute;
    text-indent:-10000px;
    top:230px;
    left:10px;
}
#bus {
    background:url(images/bus2.png) no-repeat;
    width:262px;
    height:193px;
    position:absolute;
    text-indent:-10000px;
    top:230px;
    left:10px;
}*/
#bus, #trucks {
    background:url(images/truck2.png) no-repeat;
    width:265px;
    height:236px;
    position:absolute;
    text-indent:-10000px;
    top:240px;
    left:7px;
}

#trucks {
	background:url(images/truck-fleet.png) no-repeat;
    width:265px;
    height:236px;
    position:absolute;
    text-indent:-10000px;
    top:240px;
    left:7px;
}

#homebase {
    background:url(images/homebase.png) no-repeat;
    width:215px;
    height:295px;
    position:absolute;
    text-indent:-10000px;
    top:288px;
    left:7px;
}


.left-contact { float:left; }
.right-contact { margin-left:26em; }
.left-contact ul, .right-contact ul { list-style:none; padding-left:10px; }

/* --- images --- */

img.content-image { 
	display:block;
	float:left;
	margin-top:10px;
}

div.content-image { float:left; }

/* front page sub sections */

.subSection {
    background:#393939 url(images/sub-header.png) no-repeat;
    width:202px;
    /*height:276px;*/
    height:124px;
	position:relative;
	float:left;
    color:#fff;
    font-family:Arial, Sans-Serif;
    padding:7px;
	padding-bottom:15px;
    margin-right:10px;
	margin-top:10px;
}

#sidebar .subSection {
    float:none;
    height:auto;
	margin-top:0px;
	padding-bottom:7px;
}

.subFooter {
  /*  background:#393939 url(images/sub-footer.png) 0px 20px no-repeat; old footer */
    background:#393939 url(images/sub-footer.png) no-repeat;
    width:216px;
/*    height:27px; old footer */
	height:7px;
    position:absolute;
    bottom:0px;
    left:0px;
/*    border-top:1px solid #fff; old footer */
}

#sidebar .subFooter {
    background:#393939 url(images/sub-footer.png) no-repeat;
    width:216px;
    height:7px;
    border:none;
}

/* ------- ICONS! -------- */

.icon {
    position:absolute;
    top:15px;
    right:10px;
    width:30px;
    height:32px; 
}

.testi { background:url(images/icons.png) -20px 0px no-repeat; width:30px; height:32px; }
.devblog { background:url(images/icons.png) -50px 0px no-repeat; width:42px; height:35px; }
.casestud { background:url(images/icons.png) -100px 0px no-repeat; width:32px; height:36px; top:10px; }
.ff { background:url(images/icons.png) -52px -36px no-repeat; width:44px; height:35px; top:10px; }
.contact { background:url(images/icons.png) -100px -40px no-repeat;  width:29px; height:41px; top:10px; }
.info { background:url(images/icons.png) -15px -32px no-repeat; width:32px; height:32px; top:10px; }

.question, .answer {
	padding:0.75em 0em;
	padding-left:40px;
}

.question { background:url(images/question.gif) 0px 8px no-repeat; font-weight:bold; }
.answer { background:url(images/answer.gif) 0px 8px no-repeat; }

/* ---- Browsers ---- */

.browser {
	width:160px;
	height:50px;
	text-indent:-10000px;
	float:left;
	background:url(images/browsers.gif) -10px -2px no-repeat;
}

.firefox { background:url(images/browsers.gif) -10px -2px no-repeat; }
.internetexplorer { background:url(images/browsers.gif) -10px -52px no-repeat; }
.opera { background:url(images/browsers.gif) 0px -105px no-repeat; }
.safari { background:url(images/browsers.gif) -10px -154px no-repeat; }
.chrome { background:url(images/browsers.gif) -10px -205px no-repeat; }

/* ---- Partners ------ */
.partners-cloud {
	float: left;
	margin:0px;
	padding:0px;
	list-style:none;
}
.partners-cloud li {
	width:210px;
	margin:0px;
	padding:0px;
	text-align:center;
}
.partners-cloud img {
	border:0px;
	padding:10px;
}