@charset "UTF-8";
/* CSS Document */


body{ background:url(images/dots_bkg.png); margin:0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:62.5%; color:#484848; line-height:1.9em;}
h1{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:2.5em; font-weight:normal; margin:0; padding:0 0 23px 0; line-height:1.0em;  color:#222222 }
h2{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.8em; font-weight:bold; margin:0; padding:0 0 12px 0; line-height:0.9em;  color:#222222 }
h3{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.3em; font-weight:bold; margin:0; padding:0 0 10px 0; line-height:0.9em;  color:#222222 }


p.subtitle{color:#727272; font-size:1.0em; line-height:1.0em; padding:0; margin:0 0 10px 0;}
p{color:#484848; font-size:1.2em; line-height:1.6em; padding:0; margin:0 0 18px 0;}
a, a:visited, a img{color:#e5301f; text-decoration:none; border:none; outline:none; }
a:hover, a:active, a:target{color:#e5301f; text-decoration:underline; border:none; outline:none;}

hr{ border:none; border-top:dotted 1px #c9c9c9; height:0; background:#FFF; margin:0 0 15px 0; clear:both;}

p.quote{  font-style:italic; font-size:1.1em; font}

.quotedown{float:right; margin-top:-15px}
br{margin:0; padding:0; height:0}

#header{background:url(images/orange_bkg.gif) repeat-x}
#header_top{width:960px; margin: 0 auto 0 auto; }
#originlogo{float:left;}
#siteselector{float:right; background:url(images/numb_panel.png); /*width:434px;*/  width:253px; height:105px}
#siteselector ul {margin:0 0 0 270px; padding:0; color:#FFF;  }
#siteselector ul li{font-size:1.3em; line-height:1.3em; list-style:none; padding: 0; margin:0}
#siteselector ul li.selected {background:url(images/top_arrow.png) no-repeat center left; padding:13px 0 5px 32px;}
#siteselector ul li a, #siteselector ul li a:visited { color:#FFF; text-decoration:none; display:block; padding:4px 0 4px 32px; }
#siteselector ul li:hover, #siteselector ul li:active, #siteselector ul li:target  { color:#FFF;   display:block; background:url(images/top_arrow.png) no-repeat center left }
#siteselector ul li.selected:hover, #siteselector ul li.selected:active, #siteselector ul li.selected:target  { color:#FFF;  background:url(images/top_arrow.png) no-repeat center left }
#mainmenu{ background:url(images/menu_bkg.gif) repeat-x; height:36px; min-width:960px;}
#mainmenu ul {width:960px; margin:0 auto 0 auto;  padding:0; list-style:none;}
#mainmenu ul li { display:inline; color:#FFF; font-size:1.1em; text-transform:uppercase; padding: 0; }
#mainmenu ul li a,  #mainmenu ul li a:visited { color:#FFF; display:inline-block;  padding: 8px 37px 8px 37px;}
#mainmenu ul li a:hover,  #mainmenu ul li a:active,  #mainmenu ul li a:target { color:#CCC; background:url(images/menu_bkg_a.gif) repeat-x; display:inline-block; text-decoration:none; border-left: solid 1px #232323; border-right: solid 1px #232323;   padding: 8px 36px 8px 36px;}



#colour{  min-width:960px; margin:0 auto 0 auto; background:url(images/graygradient.png) repeat-x}
#circles{background:url(images/circles.gif) no-repeat center bottom; position:absolute; z-index:1; width:100%; min-width:960px; margin:238px 0 0 0;}


#randomitems{background:url(images/random_items_1.png) no-repeat center 65px; }
.home #randomitems{background:url(images/random_items.png) no-repeat center 100px; }

#shadow_container #shadow_up{background:url(images/white_bkg_top.png) no-repeat center bottom; height:26px; min-width:960px;}
#flashtitle{margin:0 auto 0 auto; width:960px;}


#minitwitter{width:960px; margin: 0 auto 0 auto; padding:0 0 0 0; }
#minitwitter img{float:right;}
#shadow_container #shadow_down{background:url(images/white_bkg_bott.png) no-repeat center; height:26px; min-width:960px;}
#shadow_container #shadow_content{background:url(images/white_bkg.png) repeat-y center; min-width:960px;}
#shadow_container #shadow_content #content{ width:920px; min-height:600px; margin: 0 auto 0 auto; padding: 20px;}

.leftcol{float:left; width: 680px; margin: 0 20px 0 0;}
.rightcol{float:left; width:220px;margin:0}

.rightcol p, .rightcol h2{float:left; width:220px;margin-left:10px}

.leftcol_small{float:left; width: 200px; margin: 0 20px 0 0;}
.rightcol_big{float:left; width:700px;margin:0}
.leftcol_medium{float:left; width: 300px; margin: 0 10px 0 0;}

div.breadcrumbs {overflow:hidden;margin:0;padding:0;height:30px;line-height:30px;/*-- sample only --*/color:#888888;border:1px solid #eee;margin-bottom:20px;}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {float:left;overflow:hidden;height:30px;padding:0 8px;font-style:normal;}
div.breadcrumbs span {background:url(./images/bg-breadcrumb.png) no-repeat left center;overflow:hidden;padding:0 0 0 10px;width:0px;filter:alpha(opacity=40);opacity:0.4;}

#content ul{margin:10px 0 18px 20px;padding:0;}
#content ul li{list-style:disc; font-size:1.4em; color:#fa3e28;}

#content #container-1 ul li{list-style:none; font-size:1.1em;}

#twitter_update_list li{list-style:none;}

#content ul li p{color:#484848; font-size:0.86em; margin:0 0 12px 0; }


#tweet{background:url(images/twitts.gif) no-repeat; height:159px;}



#twitter_container {  height:134px; margin:0; padding:0;}
#twitter_bottom {background:url(img/twit_bottom.jpg) no-repeat;  height:50px; margin:0; padding:0;}


#twitter_bottom #facebook, #twitter_bottom #facebook a, #twitter_bottom #facebook a:visited{float:left;background:url(images/facebook.png) no-repeat;width:24px;height:24px;margin:0 6px 0 0;padding:0;}
#twitter_bottom #facebook a:hover, #twitter_bottom #facebook a:focus, #twitter_bottom #facebook a:active{float:left;background:url(images/facebook_ov.png) no-repeat;width:24px;height:24px;margin:0 6px 0 0;padding:0;}
#twitter_bottom #linkedin, #twitter_bottom #linkedin a, #twitter_bottom #linkedin a:visited{ float:left; background:url(images/linkedin.png) no-repeat; width:24px; height:24px; margin:0 6px 0 0; padding:0;}
#twitter_bottom #linkedin a:hover, #twitter_bottom #linkedin a:focus, #twitter_bottom #linkedin a:active{float:left;background:url(images/linkedin_ov.png) no-repeat;width:24px;height:24px;margin:0 6px 0 0;padding:0;}
#twitter_bottom #digg, #twitter_bottom #digg a, #twitter_bottom #digg a:visited{float:left;background:url(images/digg.png) no-repeat;width:24px;height:24px;margin:0 6px 0 0;padding:0;}
#twitter_bottom #digg a:hover, #twitter_bottom #digg a:focus, #twitter_bottom #digg a:active{float:left;background:url(images/digg_ov.png) no-repeat;width:24px;height:24px;margin:0 6px 0 0;padding:0;}
#twitter_bottom #twitt, #twitter_bottom #twitt a, #twitter_bottom #twitt a:visited{float:left;background:url(images/twitter.png) no-repeat;width:24px;height:24px;margin:0 6px 0 0;padding:0;}
#twitter_bottom #twitt a:hover, #twitter_bottom #twitt a:focus, #twitter_bottom #twitt a:active{float:left;background:url(images/twitter_ov.png) no-repeat;width:24px;height:24px;margin:0 6px 0 0;padding:0;}


.text_twitter{ padding:10px; margin:0; text-align:left; font-size:1.2em; color:#51ccff; line-height:1.2em; list-style:none;}
#content ul.text_twitter li{ padding:10px; margin:0; text-align:left; font-size:1.0em; color:#51ccff; line-height:1.3em; list-style:none;}
ul#twitter_update_list{margin:0;}
.text_twitter a, .text_twitter a:visited{ margin:0; padding:0;  text-decoration:none;  font-size:0.9em; color:#939393;}
.text_twitter a:hover, .text_twitter a:active{ margin:0; padding:0; text-decoration:underline;   color:#939393; }


.article{ margin: 15px 0 15px 0;}
.articletxt{float:left; width:420px; margin: 0 0 5px 20px; }


.thumb{border:solid 5px #cecece}


#bloghome { border: 1px solid #d6d7d8; background: #e9e9e9; margin:0;}
.blogtxt{float:left; width:198px; margin: 12px 10px 0 10px}


#bloghome h1 {font-size:2.2em;}
#bloghome h2 {font-size:1.4em;}
#bloghome p {font-size:1.0em;}





#orangepanel{background:url(images/webdesign-orangepanel.gif) no-repeat; float:left; height:79px; width:200px; padding: 10px 10px 0 10px; margin: 0 13px 10px 0;}
#orangepanel .paneltitle{text-shadow:0 1px 0 #fb6e5e; font-size:2.4em; color:#333333;  line-height:1.0em; margin:0 0 10px}
#orangepanel .panelsub{text-shadow:0 1px 0 #fb6e5e; font-size:1.3em; color:#333333; line-height:1.0em; margin:0 0 8px 0}
#orangepanel img{ margin: 0 0 0 85px}
#greenpanel{background:url(images/email-greenpanel.gif) no-repeat;  float:left;  height:79px; width:200px; padding: 10px 10px 0 10px; margin: 0 13px 10px 0;}
#greenpanel .paneltitle{text-shadow:0 1px 0 #cede87; font-size:2.4em; color:#333333;  line-height:1.0em; margin:0 0 10px}
#greenpanel .panelsub{text-shadow:0 1px 0 #cede87; font-size:1.3em; color:#333333; line-height:1.0em; margin:0 0 8px 0}
#greenpanel img{ margin: 0 0 0 85px}
#cyanpanel{background:url(images/hosting-cyanpanel.gif) no-repeat;  float:left; height:79px; width:200px; padding: 10px 10px 0 10px; margin: 0 13px 10px 0;}
#cyanpanel .paneltitle{text-shadow:0 1px 0 #5dd8da; font-size:2.4em; color:#333333;  line-height:1.0em; margin:0 0 10px}
#cyanpanel .panelsub{text-shadow:0 1px 0 #5dd8da; font-size:1.3em; color:#333333; line-height:1.0em; margin:0 0 8px 0}
#cyanpanel img{ margin: 0 0 0 85px}

#orangepanel a, #greenpanel a, #cyanpanel a, #yellowpanel a{display:block;  text-decoration:none;  color:#333333}

#orangepanel a:hover, #greenpanel a:hover, #cyanpanel a:hover, #yellowpanel a:hover{ text-decoration:none;  color:#333333}



#yellowpanel{background:url(images/graphic-yellowpanel.gif) no-repeat;  float:left; height:79px; width:200px; padding: 10px 10px 0 10px; margin: 0 0 10px 0;}
#yellowpanel .paneltitle{text-shadow:0 1px 0 #fdc276; font-size:2.4em; color:#333333;  line-height:1.0em; margin:0 0 10px}
#yellowpanel .panelsub{text-shadow:0 1px 0 #fdc276; font-size:1.3em; color:#333333; line-height:1.0em; margin:0 0 8px 0}
#yellowpanel img{ margin: 0 0 0 85px}


#orangetext, #greentext, #cyantext, #yellowtext{ margin:0 0 5px 0; visibility:hidden; display:none;}
#orangetext p, #greentext p, #cyantext p, #yellowtext p{font-size:1.0em;  color:#333333}


#container-1{margin:25px 0 25px 0;}

.quartercol{width:215px; margin: 10px 0 0 10px; float:left}
.halfcol{width:440px; margin: 10px 0 0 10px; float:left}


#container-1 h3{margin: 15px 0 0 0}
#container-1 h2{margin: 0 0 5px 0; font-size:1.5em}

.blackpanel{background:url(images/blackbar.gif) no-repeat; height:43px; width:910px; padding: 10px 0 0 10px; margin: 20px 0 10px 0;}
.blackpanel .paneltitle{font-size:2.2em;  color:#FFFFFF;  line-height:1.0em; margin:0 0 10px; float:left;}
.paneltitle a{ color:#FFF; display:block; width:850px;}
.paneltitle a:hover{ color:#CCC;  text-decoration:none; display:block; width:850px;}

.blackpanel img{ float:right; margin: 7px 15px 0 0px}



.topimg{margin:0 0 20px 0}

.graybox {  padding: 1em 8px; border: 1px solid #d6d7d8; background: #e9e9e9; margin:20px 0 20px 0;}

.sixcol{width:98px; min-height:115px; margin: 10px 0 0 43px; float:left}
.fivecol{ margin: 10px 0 0 43px; float:left}
.graybox h3{margin: 5px 0 0 0; line-height:1.1em; font-weight:normal;}
.graybox a{margin: 3px 0 0 0; line-height:1.1em; color:#333333}
.graybox a:hover{margin: 3px 0 0 0; line-height:1.1em; color:#333333; text-decoration:underline;}
.graybox h2{margin: 0 0 5px 0; font-size:1.5em}

.sixcol img{border:#888888 solid 2px;}
.sixcol:hover{background::#888888; color:#FFF;}


#footer { width: 960px; margin: 30px auto 0 auto;}

#footer  ul.footer_list{ list-style:none;  margin: 0 auto 0 auto;  padding: 0; }
#footer  li,  #footer li a{float:left; list-style:none; font-weight:bold; font-size:1.2em; color:#333333; text-decoration:none; background:none; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom:dotted 2px #a2a2a2;}

#footer  li{background:url(../images/footer_stripe.png) top right no-repeat; margin: 0; padding: 0 14px 0 14px;border-bottom:none; }

#footer  li:last-child{ background: none; } 
#footer  li ul{list-style:none outside; margin:0; padding:0; float:none; clear:both; background:none; border-bottom:none;}
#footer li ul li,#footer li ul li a {list-style:none; margin:0; padding:0; float:none; width:120px; margin: 0 4px 5px 0;  font-weight:normal; font-size:0.95em; line-height:1.0em; color:#505050; text-decoration:none; background:none;border-bottom:none;}

#footer p{padding:60px 0 20px 13px}

#footer p a{ color:#484848}
#footer p a:hover{ color:#484848}

.fltleft{float:left;}
.fltright{float:right;}


/* CONTENT - WEBSITES */

#content-websites h2 { display:block; clear:both; padding:28px 0 22px 0; margin:0; font-size:2.8em; line-height:1em; color:#b2b2b2; letter-spacing:-0.01em;}
#content-websites .websites-list {  margin:0 0 60px 0; padding:0;}
#content-websites .websites-item { display:block; float:left;list-style:none;width:301px;height:301px; background-color:#d6d7d8; margin:0 8px 8px 0; padding:0;}
#content-websites .ws {display:block;width:301px;height:301px;margin:0;padding:0;}
#content-websites .ws a {display:block;width:282px;height:291px;padding:10px 10px 0 9px; text-decoration:none;}
#content-websites .ws a:hover {text-decoration:none;}
#content-websites .ws img {display:block;width:280px;height:210px;border:1px solid white; padding:0;}
#content-websites .ws big {display:block;padding:12px 0 6px 0;margin:0;font-size:1.8em;line-height:1em;color:#333;font-weight:normal;}
#content-websites .ws big em {display:inline;font-size:0.8em;font-style:normal;}
#content-websites .ws em {display:block;font-size:1em;line-height:1em;color:#666;font-style:normal;}
#content-websites .ws-over2 {display:block;width:301px;height:301px;margin:0;padding:0;display:none;visibility:hidden;}
#content-websites .ws-over2 a {display:block;width:282px;height:291px;}
#content-websites .ws-over2 a:hover {text-decoration:none;}
#content-websites .ws-over {display:block;width:301px;height:301px;margin:0;padding:0;display:none;visibility:hidden;}
#content-websites .ws-over a {display:block;width:282px;height:291px;padding:10px 10px 0 9px;}
#content-websites .ws-over a:hover {text-decoration:none;}
#content-websites .ws-over strong {padding:0;margin:0;font-size:1.8em;line-height:1em;color:#333;font-weight:normal;}
#content-websites .ws-over strong em {display:inline;font-size:0.8em;font-style:normal;}
#content-websites .ws-over i {display:block;padding:10px 0 6px 0;margin:0;font-size:1.3em;line-height:1em;color:#666;font-weight:bold;font-style:normal;}
#content-websites .ws-over small {padding:0;margin:0;font-size:1.3em;line-height:1em;color:#666;font-weight:normal;}
#content-websites .ws-over ul  {display:block;padding:0;list-style:none;}
#content-websites .ws-over ul li {display:block;padding:0 0 6px 10px;list-style:none;background:url(images/bullet2.gif) 0px 4px no-repeat;font-size:1.3em;line-height:1em;color:#666;}


#contact_text{padding:0 0 0 115px}
fieldset {float:left;width:595px;padding:30px 0 0 25px;border:none;}
fieldset label { color:#484848; display:block;clear:both;float:left;width:75px;text-align:right;height:20px;padding:14px 12px 0 0;margin:0;cfont-size:1.3em;line-height:1.2em;}
fieldset input {display:block;float:left;margin:12px 0 0 0;border:1px solid #999;background-color:#fff;width:500px;height:16px;padding:2px;color:#000;font-size:1.2em;}
fieldset select {display:block;float:left;margin:12px 0 0 0;border:1px solid #999;background-color:#fff;width:500px;height:24px;padding:2px;color:#000;font-size:1.2em;}

fieldset textarea {display:block;border:1px solid #999;background-color:#fff;width:500px;height:135px;padding:2px;color:#000;font-size:10pt; float:left; margin-top:12px}
.contact-textarea {display:block;float:left;padding:12px 0 12px 0;width:506px;height:141px;}
fieldset input:focus {background-color:#eee;border:1px solid #000;}
fieldset textarea:focus {background-color:#eee;border:1px solid #000;}
.submit {display:block;background: url(images/submit_btn.png) no-repeat;width:92px;height:36px;cursor:pointer;float:right;clear:both;border:0;margin:0;text-align:right;font-size:1.4em;}

.submit:hover {display:block;background: url(images/submit_btn_over.png) no-repeat;cursor:pointer;}

/*CASE STUDIES*/

.cases-features {clear:right;width:218px;border:1px solid #999999;margin-bottom:24px; background-color:#D6D7D8; padding-bottom:10px;}
.cases-features strong {display:block;width:206px;height:28px;padding:12px 0 0 12px;font-size:1.6em;line-height:1.2em;color:#222222;text-align:left;}
.cases-features em {display:block;float:left;width:165px;height:13px;padding:6px 12px 0 0;margin: 1px 1px 0 10px;font-size:1.0em;line-height:1.2em;text-align:right;color:#727272; ;font-style:normal; background-color:#F0F0F0}
.cases-features .check0 {float:left;width:20px;height:19px;background-color:#F0F0F0; margin:1px 10px 0 0;}
.cases-features .check1 {float:left;width:20px;height:19px;margin:1px 10px 0 0;background:url(images/check.gif) #e5301f center center no-repeat;}

.gotosite{margin-top:30px}