@import url(reset.css);
body {line-height: 1;font-size:12px; font-family:Segoe UI, Segoe, Frutiger, Arial, Helvetica, "Trebuchet MS", sans-serif; background: url(img/bg2.png) repeat-x #666;}
h1 {font-size:25px;color:#c63;line-height:1.7em;}
h4 {font-size:15px;color:#A8D61E;line-height:1.7em;}
p{line-height:1.5em; margin-bottom:1.5em;}
#header {display:block;width:932px;}
#container {width:932px; margin:30px auto;}
#logo {width:172px;height:32px;float:left;margin-left:27px;margin-top:7px;}
#logo a {background: url(img/logo.png) no-repeat; width:172px;height:32px;display:block}
#logo a:hover {background-position:0px -32px;}
#links {margin-left:227px; width:705px;height:46px;background: url(img/menu2.png) no-repeat;}
#index #links {background: url(img/menu.png) no-repeat;}
#nav {margin-left:21px;}
#links a {margin-right:9px;height:46px;float:left;text-indent:-900em;}
#links a:hover{background-position:0px -46px;}
a#services {background: url(img/mservices.png) no-repeat; width:96px;}
a#work {background: url(img/mwork.png) no-repeat; width:77px;}
a#about {background: url(img/mabout.png) no-repeat; width:83px;}
a#blog {background: url(img/mblog.png) no-repeat; width:69px;}
a#products {background: url(img/mproducts.png) no-repeat; width:106px;}
a#contact, a:hover#contact {background: url(img/mcontact.png) no-repeat; width:58px; margin-left:108px;}
a#careers, a:hover#careers {background: url(img/mcareers.png) no-repeat; width:60px; margin-left:20px;}
a#careers, a#contact, a#locations {height:16px;margin-top:15px;color:#ccc;text-decoration:none;text-indent:20px;}
a#careers:hover, a#contact:hover, a#locations:hover{color:#fff;}
#nav li {list-style:none;position:relative;float:left;}
#links #nav .mwork ul, #links #nav .mservices ul, #links #nav .mabout ul, #links #nav .mproducts ul {position:absolute;top:44px;left:0px;left:1px;display:none;z-index:1000;width:200px;opacity:.85;background:#333;border:1px solid #000;}
#links #nav .mwork:hover ul, #links #nav .mservices:hover ul, #links #nav .mabout:hover ul, #links #nav .mproducts:hover ul {display:block;}
#links #nav .mwork ul li, #links #nav .mservices ul li, #links #nav .mabout ul li, #links #nav .mproducts ul li {list-style:none;font-size:12px;float:left;clear:both;}
#links #nav .mwork ul li a, #links #nav .mservices ul li a, #links #nav .mabout ul li a, #links #nav .mproducts ul li a {color:#ddd;width:180px;line-height:2.5em;text-decoration:none;display:block;border-top:1px solid #000;text-indent:0;height:auto;padding-left:10px;padding-right:10px;}
#links #nav .mwork ul li a:hover, #links #nav .mservices ul li a:hover, #links #nav .mabout ul li a:hover, #links #nav .mproducts ul li a:hover {color:#fff;background: #000;}

#teaser {background: url(img/teaser2.png) no-repeat; display:block;clear:both;margin-bottom:8px;width:932px;height:313px;}
a#tci {background: url(img/tci.png) no-repeat;width:139px;height:15px;display:block;position:relative;top:33px;left:50px;}
a#tci:hover{background-position:0px -15px;}
a#twd {background: url(img/twd.png) no-repeat;width:62px;height:12px;display:block;position:relative;top:72px;left:125px;}
a#twd:hover{background-position:0px -12px;}
a#tmd {background: url(img/tmd.png) no-repeat;width:57px;height:11px;display:block;position:relative;top:114px;left:132px;}
a#tmd:hover{background-position:0px -11px;}
#home-logos {float:left;width:165px;height:106px;margin-left:27px;display:block;position:relative;top:154px;}
.padleft8 {margin-left:1px;}
.padltop8 {margin-top:3px;}
.padright8 {margin-right:1px;}
.padbottom8 {margin-bottom:3px;}

#tabs{float:right;}
.ui-tabs-hide { display: none; }
#tabh {background: url(img/tabh.png) no-repeat;width:706px;height:24px;}
#tabh li {float: left;}
#tabh a {margin-left:20px;line-height:24px; height:24px;color:#ccc; font-size:11px; text-decoration:none;padding-left:40px;display:block; padding-right:40px;}
.ui-tabs-nav .ui-tabs-selected a, #tabh a:hover {background: url(img/tabhh.png) repeat-x;}
#tabbh {background: url(img/tabbh.png) repeat-x;width:704px;height:12px;}
#tabs1, #tabs2, #tabs3 {padding:15px; width:674px;}
#tabaf {background: url(img/tabaf.png) repeat-x;width:704px;height:19px;}
#tabw {border-left:1px solid #4C4C4C;border-right:1px solid #4C4C4C;color:#B2B2B2;font-size:12px}
#tabw p b {color:#A9D81D}

#main {float:right;clear:right;width:685px;margin-top:37px;color:#eee}
#main p a {color:#F06E6E}
#main p a:hover {text-decoration:none;}
#main h1 {margin-left:30px}
#gaq {background: url(img/gaqbg2.png) no-repeat;float:left;width:216px;height:39px;margin-top:37px;display:block}
#gaq a {background: url(img/gaq.png) no-repeat;float:left;width:100px;height:16px;margin-top:10px;margin-left:57px;display:block}
#gaq a:hover{background-position:0px -17px;}

#sbm {float:left;clear:left;position:relative;width:216px; overflow:auto;padding-top:10px; }
#sbm ul {margin-top:.5em;margin-bottom:1em;width:196px; margin-left:10px;}
#sbm li {line-height:2.5em;border-bottom:1px solid #777}
#sbm ul.services li a {color:#900;font-size:13px;text-decoration:none;display:block;}
#sbm ul.services li a:hover {background-color:#777;}
#sbm #quote input {width:186px;margin-bottom:7px;margin-left:10px;}
#sbm p {width:186px;margin-left:10px;}
#sbm a {padding:2px 0 2px 4px;}
ul.prange {margin-left:2em;}
ul.prange li {list-style-type:square; line-height:2em;}
.formitem {background-color: #555;border: 1px solid #555;color:#ddd;padding:3px;}
.formitem:hover , .formitem:active, .formitem:focus {background-color: #555;border: 1px solid #444;}
.asterisk {color:#f00;font-weight:bold}
.logos {color:#808080; margin:1.5em 0 1.5em 0;display:table-row;}
.logos span {position:relative;top:80px;left:40px;font-size:.8em;color:#ddd}
.websitesul li {float:left;width:200px;margin-right:20px;height:111px;}
.websitesul {width:685px;display:block;height:111px;margin-bottom:25px;margin-top:5px}
.webdesc {width:600px;height:43px;padding:20px;clear:both;font-size:.9em;margin-top:-20px;margin-bottom:5px}
.webdesc span {color:#A8D61E}
.webdesc1 {background: url(img/webdescbg.png) no-repeat;}
.webdesc2 {background: url(img/webdescbg2.png) no-repeat;}
.webdesc3 {background: url(img/webdescbg3.png) no-repeat;}
.mascotsul li {float:left;width:200px;margin-right:20px;height:111px;margin-bottom:25px;margin-top:5px}
.mascotsul {width:685px;display:block;}
#footer {width:685px;float:right;border-top:2px solid #c30; padding:10px;font-size:.9em;color:#900;text-align:right;clear:both;}

.alt { font-size:1.3em; color:#C1E1FE; margin:1.5em 0 1.5em 0;}
p img.right {float:right;margin:0 0 1.5em 1.5em;}
p img.left {float:left;margin:50px 1.5em 1.5em 0;}

.column_main {width:380px;float:left;margin:0;}
.column_right {margin-top:3px;width:205px;float:left;display:inline;margin-left:75px;overflow:hidden;}
.column_right h4, .column_main h4, #column_right h4, #column_main h4 {font-size:15px;color:#A8D61E}
#cform label, #cform .formitem,#qform label, #qform .formitem {margin-left:5px; margin-top:10px}
#cform label {clear: both;	margin-right:8px !important;margin-right:4px;display: block;float: left;padding-top: 2px;text-align:right;}
#qform label {clear: both;	width:200px;margin-right:8px !important;margin-right:4px;display: block;float: left;padding-top: 2px;text-align:right;}
#qform textarea {width:300px}
#cform label.long {margin-right:8px !important;margin-right:4px;}
a.frm {color:#A8D61E;text-decoration:none;padding:7px;display:block}
a.frm:hover {text-decoration:underline;}
.hide td, .hide span {padding:5px;}
.hide span {line-height:2em}

form#caform {width: 705px;}
#caform div#contact_details,#caform div#resume,#caform div#cover_letter {width: 320px;}
#caform div#contact_details {margin-left: 120px;}
#caform div#resume {float: left;margin-right: 50px;}
#caform div#cover_letter, #caform input,#caform select,#caform textarea {float: left;}
#caform div {overflow: hidden;width: 100%;margin-bottom: 5px;}
#caform label {margin-right: 8px;display: block;float: left;width: 7.5em;text-align:right;}
#caform input {width: 185px;}
#caform select {width: 186px;}
#caform textarea {width: 308px;height: 200px;}
table.career_table {width: 100%;}
table.career_table td {padding-bottom: 5px;}
.jontra {display:none}

.pometa{font-size:.9em;color:d;font-style:italic;margin-bottom:20px;margin-left:30px;display:block;}
.cheader {padding-bottom:10px;}
.cauthor {font-size: 1.4em;letter-spacing:-0.04em;line-height: 1.05em;padding-top: 10px;padding-right:10px;}