/*
-----------------------------------------------
Line Digital styles (layout)
----------------------------------------------- */

/* General
----------------------------------------------- */
body {
	border-top:5px solid #003950;
}
p {
	margin: 0 0 1em 0;
	line-height: 130%;
}


/* Constrainer
----------------------------------------------- */
.constrain {
	width: 960px;
	margin:0 auto;
	text-align:left;
}

/* Links
----------------------------------------------- */
a { color: #0093E1; text-decoration: none; outline:0; }
a:link { color: #0093E1; text-decoration: none;}
a:visited { color: #0093E1; }
a:hover { color: #00A6FF; text-decoration: underline;}
a:active { color: #003950; text-decoration: none;}


/* Header
----------------------------------------------- */
#header {
	padding-top:27px;
	min-height:82px;
	position:relative;
}
#header .constrain {
	position:relative;
}
h1#logo {
	margin:0 0 0 16px;
	padding:0;
}
h1#logo, h1#logo a {
	background:url(../img/logo.gif) no-repeat;
	width:90px;
	height:31px;
	position:relative;
	z-index:20;
}
a#digitalAgency {
	margin:10px 0 0 16px;
	background:url(../img/digital_agency.gif) no-repeat;
	display:block;
	text-indent:-1000em;
	height:10px;
	width:202px;
	float:left;
}
#positioning {
	position:absolute;
	top:39px;
	right:28px;
	background:url(../img/positioning.gif) no-repeat;
	display:block;
	text-indent:-1000em;
	height:10px;
	width:515px;
}
p#positioning span {
	color:#003950;
}


/* Main Nav
----------------------------------------------- */
#navigation {
	padding:15px 0 12px 0;
	position:relative;
}
ul#nav {
	margin-left:8px;
}
ul#nav li {
	margin-right:14px;
}
ul#nav li a {
	height:14px;
}

#nav a { background-position:0 0; }
#nav .on a, #nav { background-position:0 -28px; }
#nav a:hover { background-position:0 -14px; }
#nav .on a:hover { background-position:0 -14px; }

ul#nav #about, ul#nav #about a { width:66px; background-image:url(../img/nav/about.gif); }
ul#nav #news, ul#nav #news a { width:43px; background-image:url(../img/nav/news.gif); }
ul#nav #jobs, ul#nav #jobs a { width:39px; background-image:url(../img/nav/jobs.gif); }
ul#nav #contact, ul#nav #contact a { width:79px; background-image:url(../img/nav/contact.gif); }




/* Main
----------------------------------------------- */
#main {
	background-color:#EAECDF;
}
#main .constrain {
	position:relative;
}
#tab {
	background: url(../img/tab0.gif) no-repeat;
	height:22px;
	left:-6px;
	position:absolute;
	text-indent:-9999px;
	top:0;
	width:134px;
	z-index: 2;
}
#tab.on {
	background-image: url(../img/tab1.gif);
}
#main ul.normal {
	margin:0.5em 0 1em 1em;
	padding:0;
}
#main ul.normal li {
	list-style:none;
	padding-left:9px;
	background:url(../img/li-normal.gif) no-repeat 1px 4px;
	margin-bottom:0.2em;
}
#main ul.noLeft {
	margin-left:0;
}
#main ol.normal {
	margin-left:0;
	padding-left:1.8em;
}
#main ol.normal li {
	margin-bottom:0.5em;
}
p.intro {
	font-size:1.1em;
}



/* Forms
----------------------------------------------- */
fieldset {
	border: 0;
}
form label, form .row.multi legend {
	width:120px;
}
form .row.submit {
	margin:1em 0 0 120px;
}
form .textbox input {
	width:160px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
form .textarea textarea {
	width:200px;
}
form .row.multi fieldset label {
	width:auto;
}
input.but {
	vertical-align: middle;
}
form ul.errorlist {
	margin:0;
	padding:0;
}
form ul.errorlist li {
	margin:0;
	padding:0;
	list-style: none;
	color:#f00;
}
form div.row {
	clear: left;
	float: left;
	width: 100%;
}
form div.row div {
	clear: left;
	float: left;
	width: 120px;
}




/* Matrix
----------------------------------------------- */
#our_work_wrapper {
	display: none;
}
#our_work {
	padding:0 13px;
	margin:14px 0 0 0;
}
#our_work div {
	float:left;
	margin-right:26px;
}
#our_work div#matrixSectors {
	width:175px;
}
#our_work div#matrixServices {
	width:175px;
}
#our_work div#matrixClients {
	width:518px;
	margin-right:0;
}
#our_work h2 {
	font-size:1.0em;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 0.6em 0;
	padding:0 3px 0.4em 3px;
	color:#003950;
	border-bottom:1px solid #003950;
}
#our_work ul {
	margin:0 3px;
	padding:0;
}
#our_work ul li {
	list-style-type:none;
}
#our_work ul li a {
	padding-left:13px;
	background-repeat:no-repeat;
	background-position:1px 4px;
	background-image:url(../img/li-master.gif);
	padding-bottom:0.2em;
	display:block;
}
#our_work ul li a:hover {
	text-decoration:none;
}
#our_work li.current_page a {
	background-position:1px -76px;
	color:#00384f;
}
#our_work div#matrixClients ul {
	float:left;
	width:246px;
}
#our_work div#matrixClients ul#our_clients_1 {
	margin-right:20px;
	width:236px;
}




/* Search
----------------------------------------------- */
#search {
	position:absolute;
	top:10px;
	right:2px;
	width: 223px;
}
#search label {
	width:47px;
	height:14px;
	background:url(../img/search.gif) no-repeat;
	text-indent:-10000em;
	display:block;
	float:left;
}
#search label {
	margin:2px 5px 0 0;
}
#search input {
	vertical-align:middle;
}
#search .textbox {
	border:1px solid #ddd;
	padding:2px 3px;
	width:110px;
}



/* Footer
----------------------------------------------- */
#footer {
	font-size:0.85em;
	padding:12px 0 30px 0;
	border-top:1px solid #EAECDF;
	color:#888;
}
#copyright {
	float:left;
	width:464px;
	padding-left:16px;
}
#legals {
	width:464px;
	float:left;
	padding-right:16px;
}
#legals ul {
	text-align:right;
}
#legals ul, #legals li {
	margin:0;
	padding:0;
}
#legals li {
	list-style:none;
	display:inline;
	margin-left:18px;
}




/* Contact Details
----------------------------------------------- */
#phone {
	text-align:left;
	position:absolute;
	top:0;
	right:0;
	width:100%;
}
#phone .constrain {
	padding:11px 0 0 408px;
	width:532px;
}
#phone dl {
	float:left;
	width:188px;
}
#phone dl.hello {
	text-align:right;
	width:140px;
}
#phone dl dd, #phone dl dt {
	margin:0;
	padding:0;
}
#phone dl dt {
	font-size:0.85em;
	color:#666;
}
#phone dl.hello dt {
	visibility:hidden;
}
#phone dl dd {
	font-weight:bold;
	color:#003950;
}


/* Headings
----------------------------------------------- */
h1 {
	margin: 0;
	padding: 0;
	color:#003950;
	font-size:1.5em;
}
h2 {
	margin:0;
	padding:0.2em 0 0 0;
	font-size: 1.3em;
	color: #666;
}
h3 {
	margin:1.3em 0 0.3em 0;
	padding:0;
	font-size: 1.1em;
	color: #444;
}



/* Navigation stuff. */
#header #our_work_wrapper {
	float: left;
	width: 100%;
}
#header #our_work {
	margin: 34px 0 42px;
}


/* About Page */

#main_content {
	width: 364px;
	float: left;
	margin: 65px 10px 0 0;
	padding-bottom: 40px;
	padding-left: 16px;
}
#sub_content {
	width: 516px;
	float: left;
	margin: 65px 18px 0 26px;
	padding-bottom: 40px;
}
#column_1 {
	width: 199px;
	float: left;
}
#column_2 {
	width: 165px;
	float: left;
}
#column_1 ul, #column_2 ul {
/*	margin:1em 0 0 0;	*/
	margin:0;
	padding:0;
}
#column_1 ul li, #column_2 ul li {
	margin:0.5em 0pt;
	padding:0;
	list-style: none;
}
#column_1 ul .surrogate, #column_2 ul .surrogate {
	color:#003950;
}
p#summary {
	font-size:1.2em;
	font-weight:bold;
/*	margin-top: 0.8em;	*/
}


/* Search */
.searchContent h4 {
	margin-bottom:0.2em;
}