/* Links */

A:link {
    color: #1385cd; 
    text-decoration: none; 
} 

A:visited {
    color: #1385cd; 
    text-decoration: none; 
} 

A:hover {
    color: #000;
    text-decoration: underline; 
} 

/* Main Settings */

BODY {
    font-size: 0.82em;
    margin:0px;
    padding: 0px 0px 20px 0px;
    font-family: Arial, Verdana; 
    color: #555;
    background:url(/layout/page/bg.gif) 50% 0% fixed;    
}

#outer {
    margin:0px auto 0px auto;
    text-align:center;
}    

.inner {
    width:776px;
    text-align:left;
    margin:0px auto 0px auto;
    padding:13px 0px 0px 50px;
}

/* Menu */

#menu {
    margin-top:13px;
}

#menu ul {
    font-family: "Arial"; 
    margin:0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
    background:#67abd7;
    height:32px;
    border-bottom:6px solid #3485b9;
}

#menu ul li {
    display:inline;
}

#menu ul li a {
    font-weight: bold;
    float:left;
    font-size:1em;
    padding: 8px 17px 8px 17px;
    text-decoration:none;
    border-right:5px solid #67abd7;
    outline:none;
}

#menu ul li a.off {
    color:#fff;
}

#menu ul li a:hover, a.on, a.on:visited {
    color:#fff;
    background: #3485b9;
    text-decoration:none;
}   

/* Titles & Formatting */

h1,h2, h3, h4, h5, .sub {
    font-size:1.35em;
    font-weight:normal;
    color:#3485b9;
    margin:0px;
    padding:0px 0px 10px 0px;
    text-transform:uppercase;
}

h1 span,h2 span,h3 span,h4 span,h5 span,.sub span {
    background:#fff;
    padding:2px;
}

h2, h3, h4, h5 {
    font-size:1.4em;
}

.sub {
    font-size:1.2em;
    margin-top:4px;
    margin-bottom:2px;
}

.fr {
    float:right;
}

.fl {
    float:left;
}

.tr {
    text-align:right;
}

.clear, .c {
    clear:both;
    height:1px;
}
.clear img, .c img {
    height:1px;
    width:1px;
}

img {
    border:0px;
}

form {
    margin:0px;
    padding:0px;
}

input {
    font-family:arial;
    font-size:0.9em;
    color:#666;
}

/* Top Right Section */

#searchcontainer {
    margin:8px 0px 0px 125px;
}

#search {
    border:1px solid #67abd7;
    padding:4px 3px 1px 5px;
    float:left;
    width:138px;
    height:17px;
}

.tr_contacts {
    margin-top:12px;
}

a#contact {
    background: url(/layout/page/telephone.gif?1) 0px 2px no-repeat;
    width:139px;
    height:16px;
    display:block;
    float:left;
}

#topmail {
    background: url(/layout/page/email.gif) 2px 4px no-repeat;
    font-weight:bold;
    padding-left:20px;
    float:left;
    margin-left:20px;
}

/* Reel & Work Box */

.reel {
    outline:none;
    background:url(/layout/page/arrow.gif) no-repeat;
    height:20px;
    width:17px;
    float:left;
    display:block;
}

.reel_left {
    background-position:6px -37px;
}

.reel_right {
    background-position:7px 7px;
}

.reel:hover {
    background-color:#0166a7;
}

#reel a img {
    border:2px solid #fff;
}

#reel a:hover img {
    border:2px solid #3485b9;
}

#reel a:hover {
    text-decoration:none;
    color:#666;
}

#reel a span {
    font-size:0.85em;
    margin-top:5px;
    color:#666;
    display:block;
    text-align:justify;
    padding:0px 3px 3px 3px;
}

#reel_nav {
    background:#3485b9;
    color:#fff;
    font-size:0.85em;
}

#reel_nav div {
    padding:3px;
}

.reel_off {
    display:none;
} 

/* News */

a.news {
    display:block;
    height:60px;
}

a.news img {
    margin-right:10px;
}

.n_t {	
    display:block;
    padding:3px 0px 0px 0px;
}

.n_d {
    display:block;
    color:#666;
    font-size:0.85em;
    margin:2px 0px 2px 0px;
}

.n_e {
    font-style:italic;
    color:#666;
}

a.news:hover {
    background:#fff;
    text-decoration:none;
}

.n_sep {
    margin:12px 0px 12px 0px;
}

/* Callback Area */

#callback label {
    display:block;
    float:left;
    width:65px;
    margin-bottom:6px;
    padding-top:3px;
    text-align:right;
		font-size:0.9em;
}

#callback input {
    display:block;
    width:133px;
    float:left;
    margin:0px 0px 9px 10px;
    padding:3px;
}

#callback_submit, .submit {
    background:#3485b9;
    color:#fff;
    border:0px;
    padding:3px;
    overflow:visible;
}

#callback_submit {
    margin-left:75px;
}

#callback_submit:hover, .submit:hover {
    cursor:pointer;
    background:#0166a7;
}

.callback_error {
    color:#990000;
    font-weight:bold;
    background:pink;
    padding:3px;
    border:1px solid #990000;
    margin-bottom:8px;
    font-size:0.9em;
    text-align:center;
}


/* Site Bottom */

#footer a, #contacts a {
    color:#fff;
}

#contacts {
    color:#fff;
    background:#67abd7;
    padding:7px 10px 7px 10px;
    margin-top:20px;
}

#quick_links {
    background:#eee;
    margin-top:20px;
    padding:10px;
}

a.quick_sel {
		color:black;
		text-decoration:underline;
}

#footer {
    background:#3485b9 url(/layout/page/devtobluebg.gif) no-repeat 645px 10px;
    padding:10px;
    color:#fff;
    font-size:0.9em;
}

#footer_spacer {
    margin-bottom:8px;
    background:#67abd7;
}

#footer_address {
    font-size:0.85em;
    line-height:160%;
    margin-top:1px;
}

.returnto {
    background:url(/layout/page/returnto.gif) no-repeat right 4px;
    padding-right:10px;
}

.returnto:hover {
    background-position: right -26px !important;
}

/* Homepage Promo Area */

#promo {
    background:#eee;
    height:191px;
    border-bottom:6px solid #3485b9;
}

.product {
    width:194px;
    height:191px;
    display:block;
    float:left;
    background:url(/layout/page/products.png) no-repeat;
    position:absolute;
}

.webdesign {
    background-position:0px 0px;
}

.webdev {
    margin-left:194px;
    background-position:-194px 0px;
}		

.marketing {
    margin-left:388px;
    background-position:-388px 0px;
}

.ecommerce {
    margin-left:582px;
    background-position:-582px 0px;
}		

.p_exp {
    display:block;
    color:#fff;
    font-size:0.85em;
    margin-top:60px;
    padding:0px 14px 0px 14px;
    text-shadow: 1px 1px 2px black;
}

.p_more {
    display:block;
    margin:10px 0px 0px 13px;
    width:auto;
    background:#000;
    padding:3px;
    color:#fff;
    position:absolute;
    top:145px;
    left:0px;
}

.product:hover {
    text-decoration:none;
}

.webdesign .p_more {
    background:#890101;
}

.webdev .p_more {
    background:#517917;
}

.marketing .p_more {
    background:#09426c;
}

.ecommerce .p_more {
    background:#cd6101;
}

.product:hover .p_more {
    background:#000;
}

/* Homepage Main Area */

#home_main {
    background:#eee;
    padding:15px;
    margin-bottom:20px;
}

#home_main_lhs {
    width:450px;
    text-align:justify;
}

#home_main_rhs {
    width:240px;
    margin-left:45px;
}

#sig {
    margin:10px 0px 6px 0px;
}

#home_news {
    margin-left:24px;
}

.half_box {
    width:375px;
    background:#eee;
    min-height:265px;
    height:auto !important;
    height:265px;
}

.box_pad {
    padding:15px 15px 12px 15px
}

/* Misc */

*::-moz-selection {
    background:#6699cc none repeat scroll 0%;
    color:#fff;
}

/* Error Function */

#warning {
    width: 100%;
    margin: 20px 0px 20px 0px;
    line-height: 150%;
}

div.wfloat1 {
    float: left;
    width: 60px;
    text-align: center;
}

div.wfloat2 {
    margin-left: 80px;
    text-align: left;
}

.err {
    color: #990000;
    font-weight:bold;
}

.pos {
    color: #336633;
    font-weight:bold;
}

.bump {
    margin-top:15px;
}

/* Testimonials */

.test_wrap {
    margin:0px 0px 10px 0px;
}

.test_left {
    width:130px;
    margin:10px 20px 0px 0px;
    text-align:center;
}

.test_logo {
    background:#eee;
    margin-top:9px;
    padding-top:4px;
    border-bottom:4px solid #eee;
}

.test_left a {
    display:block;
    background:#eee url(/layout/icons/orange_arrow.gif) no-repeat 6px 6px;
    padding:3px 3px 3px 20px;
    font-size:0.85em;
    margin:4px 0px 2px 0px;
    text-align:left;
}

.test_left a:hover {
    text-decoration:none;
    background-color:#3485b9;
    color:#fff;
}

.test_right {
    background:#eee url(/layout/testimonials/close.gif) no-repeat right bottom;
    width:626px;
    margin-top:10px;
}

.test_title {
    padding:30px 25px 20px 25px;
    background:url(/layout/testimonials/open.gif) no-repeat;
}

.test_inner {
    margin-top:6px;
    text-align:justify;
    line-height:140%;
}

/* RSS */

a.rss {
    color:#fff;
    font-size:0.85em;
    padding:3px 21px 3px 6px;
    background:#3485b9 url(/layout/icons/rss.gif) 58px 4px no-repeat;
    display:block;
    float:left;
}

a.rss:hover {
    text-decoration:none;
    background-color:#0166a7;
    color:#fff;
}

/* Pages */

.pagenum {
    background:#fff;
    padding:3px;
    margin-right:5px;
}

a.page {
    border:1px solid #aaa;
    padding: 2px 8px 3px 8px;
    margin:0px 3px 4px 0px;
    display:block;
    float:left;
    background:#fff;
}

a.page:hover, a.page_on {
    text-decoration:none;
    background:#0166a7 !important;
    border:1px solid #09426c;
    color:#fff;
}

.news_pages {
    margin:15px 0px 5px 0px;
    font-size:0.9em;
}

.news_rss {
    margin-top:15px;
}

.youarehere {
    margin:8px 0px 7px 0px;
    padding:3px;
    font-size:0.9em;
}

.bg_box {
    background:#eee;
    margin-bottom:15px;
}

.news_item_l {
    background:#eee;
    width:500px;
}

.news_item_l h1 {
    margin-top:0px;
}

.news_item_l .fl img {
    margin-right:10px;
}

.news_item_r {
    margin-left:30px;
    width:246px;
}

.news_options {
    margin-top:16px;
    background:#fff;
    padding:5px;
    font-size:0.9em;
}

.news_date {
    font-size:0.85em;
    margin:0px 0px 0px 0px;
    color:#888;
}

.news_simple a {
    display:block;
    float:left;
    width:159px;
    padding:3px 0px 3px 17px;
    margin:2px 0px 2px 0px;	
    font-size:0.9em;
    background:url(/layout/icons/orange_arrow.gif) no-repeat 3px 6px;
}

.news_links a {
    width:199px !important;
}

.news_options {
    position:relative;
    height:15px;
}

.news_options a {
    padding-left:13px;
    position:absolute;
    background-repeat:no-repeat;
    background-position:0px 4px;
}

.news_previous {
    background-image:url(/layout/icons/orange_previous.gif);
    left:11px;
}

.news_home {
    background-image:url(/layout/icons/orange_home.gif);
    left:190px;
}

.news_next {
    background-image:url(/layout/icons/orange_arrow.gif);
    left:384px;
}

.news_next:hover, .news_home:hover, .news_previous:hover {
    text-decoration:none;
}

/* Services Menu */

a.service1 {
    background-image:url(/layout/icons/service1.gif) !important;
    background-position:4px 6px !important;
}

a.service2 {
    background-image:url(/layout/icons/service2.gif) !important;
    background-position:4px 6px !important;
}

a.service3 {
    background-image:url(/layout/icons/service3.gif) !important;
    background-position:4px 6px !important;
}

a.service4 {
    background-image:url(/layout/icons/service4.gif) !important;
    background-position:4px 6px !important;
}

a.service5 {
    background-image:url(/layout/icons/service5.gif) !important;
    background-position:4px 6px !important;
}

.service1 div h1 span {
    color:#d50202;
    background:#fff url(/layout/icons/service1.gif) repeat-y;
    padding:2px 7px 2px 15px
}

.service2 div h1 span {
    color:#648f26;
    background:#fff url(/layout/icons/service2.gif) repeat-y;
    padding:2px 7px 2px 15px
}

.service3 div h1 span {
    color:#185382;
    background:#fff url(/layout/icons/service3.gif) repeat-y;
    padding:2px 7px 2px 15px
}

.service4 div h1 span {
    color:#e07004;
    background:#fff url(/layout/icons/service4.gif) repeat-y;
    padding:2px 7px 2px 15px
}

.service5 div h1 span {
    color:#9d209f;
    background:#fff url(/layout/icons/service5.gif) repeat-y;
    padding:2px 7px 2px 15px
    
}

.subpage {
    padding-left:17px !important;
    background-position: 5px 6px !important;
}

.news_simple a:hover, .simp_sel {
    color:#000 !important;
    text-decoration:none !important;
    background-color:#fff !important;
}

.home {
    background-image:url(/layout/icons/orange_home.gif) !important;
    background-position:4px 6px !important;
}

a.twitter_box {
    display:block;
    background:#fff url(/layout/icons/twitter.gif) no-repeat 15px 3px;
    border:1px solid #ccc;
    padding:3px 3px 3px 43px;
}

a.twitter_box:hover {
    text-decoration:none;
    border:1px solid #666;
}

/* News */

.news_rhs_main {
    margin-left:30px;
}

.news_rhs {
    background:#eee;
    width:370px;
    margin-bottom:15px;
}

/* Newsletter */

.newsletter_box form {
    margin-top:12px;
}

.newsletter_box form div {
    margin-bottom:6px;
}

.pl5 {
    margin-left:3px;
}

.newsletter_box form div label {
    padding:3px;
    float:left;
}

.newsletter_box form div input {
    width:96px;
    padding:3px;
    float:left;
}

.newsletter_text, .small {
    font-size:0.85em;
}

.newsletter_submit {
    width:auto !important;
    float:left;
    margin-left:6px;
}

.confirm_bg {
    background:url(/layout/icons/confirm.gif) no-repeat;
    padding:6px 0px 0px 70px;
    min-height:48px;
    height:auto !important;
    height:48px;
}

.confirm_bg div {
    padding-top:4px;
}

/* Twitters */

#tweets a {
    display:block;
    padding:8px;
    background:#fff url(/layout/tables/twitter.gif) bottom right no-repeat;
    border:1px solid #ccc;
    font-size:0.9em;
    margin:4px 0px 4px 0px;
    color:#666;
    width:322px;
}

#tweets a:hover {
    text-decoration:none;
    color:#000;
    border:1px solid #666;
}

#tweets a span {
    display:block;
    color:#e98124;
    padding-top:3px;
    font-size:0.9em;
}

.twitter_info {
    padding:0px 0px 3px 1px;
}

/* Content */

.content_left {
    background:#eee;
    width:205px;
}

.content_right {
    background:#eee;
    width:540px;
    margin-left:30px;
}

.devto_fade {
    background:url(/layout/about/devto-fade.gif) no-repeat bottom right;
}

.bg {
    background:#eee;
}

/* Clients */

.clients_top {
    padding-right:270px;
    text-align:justify;
    background:url(/layout/clients/websites.jpg) no-repeat 528px center;
    margin-bottom:10px;
}

a.client, a.client:visited {
    display:block;
    width:349px;
    border:2px solid #eee;
    background:#eee;
    padding:10px;
    float:left;
    margin:10px 0px 6px 0px;
    min-height:70px;
    height:auto !important;
    height:70px;
    color:#e87e24;
    font-weight:bold;
    font-size:1.05em;
}

a.client img {
    float:left;
    margin-right:11px;
    width:90px;
    height:70px;
}

a.client span {
    display:block;
    font-size:0.8em !important;
    font-weight:normal;
    color:#666;
    padding-top:3px;
    text-align:left;
}

a.client:hover {
    text-decoration:none;
    border:2px solid #bbb;
    color:#000;
}

.client_bump {
    margin-left:30px !important;
}

.client_content h1 {	
    padding-bottom:0px !important;
}

.client_content .sub {	
    margin-top:18px;
}

.client_banner {
    margin-top:10px;
    width:510px;
    height:89px;
}

.sub1 {
    margin-top:10px !important;
}

/* Enquiry Box */

.enquiry_left {
    min-height:355px;
    height:auto !important;
    height:355px;
}

.enquiry_box form div {
    margin-bottom:6px;
    padding-left:10px;
}

.enquiry_box form div label {
    padding:3px;
    float:left;
    width:75px;
    text-align:right;
    margin-right:6px;
}

.enquiry_box form div input, .enquiry_box form div textarea {
    width:200px;
    padding:3px;
    float:left;
}

.enquiry_box form div textarea {
    height:75px;
    font-family:arial;
    color:#666;
    font-size:0.9em;
}

.enquiry_submit {
    width:auto !important;
    float:left;
    margin-left:88px;
}

.contact_item {
    padding:2px 0px 0px 25px;
    margin-bottom:5px;
    font-weight:bold;
}

#antispam {
		width:50px;
		margin-right:10px;
}

.contact_item span {
    font-weight:normal;
}

.c_phone {
    background:url(/layout/icons/contact-phone.gif) no-repeat 2px 2px;
}

.c_fax {
    background:url(/layout/icons/contact-fax.gif) no-repeat 2px 2px;
}

.c_mobile {
    background:url(/layout/icons/contact-mobile.gif) no-repeat 4px 2px;
    padding-bottom:10px;
}

.c_email {
    background:url(/layout/icons/contact-email.gif) no-repeat 2px 2px;
    padding-bottom:10px;
}

.error_box {
    background:#fcd6dd;
    padding:8px;
}

/* Outsourcing */

.outlogin form label {
    width:72px;
    float:left;
    margin-bottom:5px;
}

.o {
    float:left;
    width:140px;
    margin-bottom:5px;
}

.outlogin form .submit {
    margin-left:73px;
}

.odiv {
    margin-bottom:6px;
}

.outlogin_l {
    width:280px;
    margin-top:15px;
}

.outlogin_r {
    width:225px;
    margin-top:15px;
}

/* Misc */

#info {
    padding:7px 7px 7px 38px;
    border:1px solid #7594a8;
    font-weight:bold;
    background:#f1f1f1 url(/layout/icons/info.gif) no-repeat 13px 7px;
    margin:10px 0px 7px 0px;
}

#reasons {
    list-style-type: none;
		margin:5px 0px 0px 0px;
		padding:0px;
}

#reasons li {
    background:url(/layout/icons/service4.gif) no-repeat 0px 14px;
    padding:10px 0px 4px 15px;
}

.IEFIX { 
    height: 0.01%; 
}

/* Search */
.search_res_box {
		width:249px;
		margin-top:12px;
		line-height:165%;
}
.search_res_box_mid {
  	margin:12px 14px 0px 14px;
}
.search_res_box a {
  	background:url(/layout/icons/orange_arrow.gif) no-repeat 0px 5px;
  	padding-left:14px;
}
.s_clients {
  	background:#fff url(/layout/icons/clients.gif) no-repeat 3px 4px;
  	padding:2px 5px 2px 23px;
}
.s_news {
  	background:#fff url(/layout/icons/news.gif) no-repeat 3px 4px;
  	padding:2px 5px 2px 23px;
}
.s_content {
  	background:#fff url(/layout/icons/content.gif) no-repeat 3px 4px;
  	padding:2px 5px 2px 23px;
}


.pic {
		margin:0px 10px 5px 0px;
}

.newsdown {
		margin-bottom:12px;
}

/* Articles */

.articles_top {
    padding-right:150px;
    text-align:justify;
    background:url(/layout/articles/pencil.gif) no-repeat 668px center;
    margin-bottom:20px;
}

a.article, a.article:visited {
    display:block;
    border:2px solid #eee;
    background:#eee;
    padding:10px;
    margin:0px 0px 10px 0px;
    min-height:70px;
    height:auto !important;
    height:70px;
    color:#e87e24;
    font-weight:bold;
    font-size:1.05em;
}

a.article img {
    float:left;
    margin-right:11px;
    width:90px;
    height:70px;
}

a.article .span, a.article .article_date  {
    display:block;
    font-size:0.9em !important;
    font-weight:normal;
    color:#666;
    padding-top:5px;
    text-align:left;
}


a.article .article_date {
		color:#444;
}

a.article:hover {
    text-decoration:none;
    border:2px solid #bbb;
    color:#000;
}

.article_left {
		background:#eee;
    width:480px;
		padding:15px;
}

.article_right {
    width:235px;
		margin-left:30px;
}

.article_right .box_pad {
		background:#eee;
		margin-bottom:15px;
}

.article_rhs_blurb {
		line-height:160%;
		font-size:1.1em;
}

.article_image {
		margin:18px 0px 16px 0px;
}

.article_image span {
		padding:5px;
		display:block;
		font-size:0.9em;
		background:#ddd;
		text-align:left;
		color:#444;
}

.article_main_date {
		color:#666;
		font-size:0.9em;
		margin-bottom:7px;
}

.bignumber {
		float:left;
		padding:10px 6px 10px 6px;
		background:#67abd7;
		color:#fff;
		font-weight:bold;
		font-size:1.3em;
		min-width:30px;
		text-align:center;
		margin:0px 8px 3px 0px;
}

blockquote {
		border-left:4px solid #67abd7;
		color:#444;
		background:#ddd;
		padding:10px;
}