/*

Trifecta Multimedia

Refactored by Ross A. Reyman on 2010-01-07.
Copyright (c) 2010. All rights reserved.

(Put commonly used hex color values here)
    
*/

body {
    color: #444;
    font: 11px/16px Helvetica, Arial sans-serif;
    background: #f6f6f6;
}

a:active {
    outline: none; /* fixes dotted outline in Firefox */
}

:focus { -moz-outline-style: none; } /* fixes dotted outline in Firefox */

img {
    border: 0;
    margin: 0;
}

img.tmm {
	display: block;
	margin: 0 auto;
}

/* =================== layout  */
 
div#wrap {
	width: 868px;
	margin: 0 auto;
	padding-top: 32px;
}
 
div#header {
	height: 64px;
	overflow: auto;
	position: relative;
}

div#header ul#nav { position: absolute; bottom: 0; right: 0; }

ul#nav {
    display: inline;
    margin: 0;
    padding: 0;
}

ul#nav li {
    display: inline;
    margin: 0 10px;
    padding: 0;
    text-transform: uppercase;
}

div#content {
	border-spacing: 4px;
	height: 400px;
}

div#box10, div#box01 {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top center;
	border: 1px solid #ccc;
	width: 425px;
	height: 398px;
	/*position: absolute;*/
	display: table-cell;
	vertical-align: middle;
}

/*div#box10 {float: left; }
div#box01 {float: right; }*/



/* sets bg images */
div.box-index			{ background-image: url('images/amx-box-index-intro.jpg'); }
div.box-services		{ background-image: url('images/amx-box-services.jpg'); }
div.box-clients			{ background-image: url('images/amx-box-clients.jpg'); }
div.box-contact			{ background-image: url('images/amx-box-contact.jpg'); }
div.box-c3clinical		{ background-image: url('images/amx-box-c3.jpg'); }
div.box-careers			{ background-image: url('images/amx-box-careers.jpg'); }
div.box-video			{ background-image: url('images/amx-box-video.jpg'); }
div.box-av				{ background-image: url('images/amx-box-av.jpg'); }
div.box-web				{ background-image: url('images/amx-box-web.jpg'); }
div.box-web-01			{ background-image: url('images/amx-box-web1.jpg'); }
div.box-web-02			{ background-image: url('images/amx-box-web2.jpg'); }


h1 {
	position: absolute;
	left: 6px;
	text-indent: -10000em;
	width: 150px;
	height: 50px;
	background: url('images/amx-h1-bg.gif') no-repeat;
}

/*lets get ready to remove this damn table!*/

table {
    margin: 50px auto;
    padding: 0;
    border: 0;
    position: relative;
}

td {
    margin: 0;
    padding: 0;
    background: #fff;
}


td.full {
    height: 400px;
    width: 425px;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
}



td#web_pic {
    background: #fff url(i/web.jpg) top center no-repeat;
}

td#web2_pic {
    background: #fff url(i/keyboard.jpg) top center no-repeat;
}

td#web3_pic {
    background: #fff url(i/pda.jpg) top center no-repeat;
}


img.sample {
    float: right;
    margin: 12px 32px 0 10px;
}

#flash {
    text-align: center;
}

.clear {
    clear: both;
    visibility: hidden;
    margin: 0;
    padding: 0;
}

.service_box {
    margin: 0px 0 30px 25px;
}

.service {
    border: 1px solid #ccc;
    float: left;
    margin: 0 0 0 6px;
    padding: 5px;
}


/* Headers */

h2 {
    text-transform: uppercase;
    font-size: 10px;
    margin: 10px 30px 0px 30px;
    padding: 5px 0 0;
    border-top: 2px solid #999;
}

.service_box h2 {
    margin: 0;
    font-weight: normal;
    text-align: center;
    width: 105px;
}

h2#video {
    border-top: 2px solid #adc14a;
    padding-top: 5px;
}

h2#av {
    border-top: 2px solid #d181be;
    padding-top: 5px;
}

h2#web {
    border-top: 2px solid #6391b9;
    padding-top: 5px;
}

h3 {
    font-size: 11px;
    margin: 20px 30px 0px 30px;
    padding: 3px 0 0;
    font-weight: normal;
    text-transform: uppercase;
}

/* Type Styles */

p {
    margin: 5px 30px;
    padding: 5px 0;
}

p.intro {
    font-size: 18px;
    line-height: 24px;
    margin: 0x 50px 0 30px;
    color: #999;
}

a:link, a:visited {
    color: #6686a2;
    text-decoration: none;
    border: 0;
}

a:hover, a:active {
    color: #000;
    border: 0;
}

a.upper {
    text-transform: uppercase;
}

a.forward {
    background: #fff url(i/forward.gif) center right no-repeat;
    padding-right: 8px;
}

a.back {
    background: #fff url(i/back.gif) center left no-repeat;
    padding-left: 8px;
}

/* Lists */

ul {
    list-style: none;
    margin: 0 0 15px 30px;
    padding: 0;
    line-height: 18px;
}

li {
    margin: 0;
    padding: 0;
}

ul#gallery li {
    display: inline;
}

ul#gallery li a {
    padding: 2px;
}

ul.contact {
    float: left;
    list-style: none;
    margin: 20px 0 15px 30px;
    padding: 0;
    line-height: 18px;
}

dl {
    margin: 10px 0 0 30px;
    padding: 0;
}

dt {
    margin: 5px 0 0;
    padding: 0;
}

dd {
    margin: 0;
    padding: 0 0 5px;
}

ul.capabilities {
    list-style-type: circle;
    line-height: 28px;
    margin: 10px 0 10px 45px;
}

ul.clients {
    list-style-type: circle;
    line-height: 21px;
    margin: 10px 0 10px 45px;
}