/* position_center */
*				{ margin:0; padding:0; }
html, body		{ height:0%; }
body			{ text-align:center; /* horizontal centering for IE Win quirks */ }
#distance	{ width:1px; height:0%; margin-bottom:-300px; /* half of container's height */ float:left; }
#outer		{ margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left; width:740px;height:600px;clear:left;background-color:#ffffff; }
p {margin-bottom:15px}
/* /position_center */


/*For When CSS is turned Off*/
h1,h2 {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}
.nocss {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}

h3 {font-size:1.2em}
h4 {margin:0;padding:0;font-size:1.0em;}
.clear {clear:both;}

body{background-color:#ffffff;font-size:0.7em;color:#000000;font-family:arial;}
a {color:#000000;text-decoration:none;}
a:hover {text-decoration:underline;}

textarea {font-family:arial;width:150px}

ul li {list-style:none;}
p {margin:0 0 10px 0;padding:0}
strong{color:#06abc9}

#mainContent {width:740px;}

#navigation {width:740px;height:52px;background: url(../images/web_design.gif) top left no-repeat;}

#Logo {padding:10px 0 0 10px}
#Logo a{width:162px;height:36px;background: url(../images/web_design_logo.gif) top left no-repeat;display:block;}

/*Nav*/
#Nav {width:388px;position:absolute;left:350px;top:35px;}
#Nav ul {padding:0;}
#Nav ul li {float:left;list-style:none;height:8px;margin-right:14px;}
#Nav ul li a {display:block;margin:0;}

#Nav ul li.NavHome, #Nav ul li.NavHome a  {background: url(../images/web_design_welcome.gif) top left no-repeat;width:57px;height:8px;}
#Nav ul li.NavHome a:hover, #Nav ul li.NavHome a.on  {background: url(../images/web_design_welcome-over.gif) top left no-repeat;width:57px;height:8px;}

#Nav ul li.NavServices, #Nav ul li.NavServices a  {background: url(../images/web_design_services.gif) top left no-repeat;width:55px;height:8px;}
#Nav ul li.NavServices a:hover, #Nav ul li.NavServices a.on  {background: url(../images/web_design_services-over.gif) top left no-repeat;width:55px;height:8px;}

#Nav ul li.NavPortfolio, #Nav ul li.NavPortfolio a  {background: url(../images/web_design_portfolio.gif) top left no-repeat;width:64px;height:8px;}
#Nav ul li.NavPortfolio a:hover, #Nav ul li.NavPortfolio a.on  {background: url(../images/web_design_portfolio-over.gif) top left no-repeat;width:64px;height:8px;}

#Nav ul li.NavClients, #Nav ul li.NavClients a  {background: url(../images/web_design_client.gif) top left no-repeat;width:66px;height:8px;}
#Nav ul li.NavClients a:hover, #Nav ul li.NavClients a.on  {background: url(../images/web_design_client-over.gif) top left no-repeat;width:66px;height:8px;}

#Nav ul li.NavContact, #Nav ul li.NavContact a  {background: url(../images/web_design_contact.gif) top left no-repeat;width:71px;height:8px;}
#Nav ul li.NavContact a:hover, #Nav ul li.NavContact a.on  {background: url(../images/web_design_contact-over.gif) top left no-repeat;width:71px;height:8px;}


.BlueBox				{background:#06abc9 url(../images/design_rpt.gif) 0% 0% repeat;margin:0px 0px 0px 0px;width:219px;}
.BlueBox-ds			{background:transparent url(../images/design_top.gif) no-repeat left top;}
.BlueBox-ds .inner		{background:url(../images/design_bottom.gif) 0% 100% no-repeat;min-height:403px;height:100%;padding:25px 0 0 17px}



#centerContent {width:740px;margin: 10px 0 0 0}
#leftContent {width:510px;float:left;}
#rightContent {float:right;margin:0 0 0 0}
#MainCopy {width:510px;margin:15px 0 0 0}

/*Home*/

#titleWelcome {background: url(../images/web_design_title_welcome.gif) top left no-repeat;width:86px;height:13px;margin:0 0 10px 0}


#titleWhat {background: url(../images/website_development.gif) top left no-repeat;width:186px;height:13px;}
#titleJust {background: url(../images/web_design_just.gif) top left no-repeat;width:116px;height:13px;}

#serviceList {float:left;margin:10px 0 40px 0px;}
#serviceList ul li {list-style-image: url(../images/business_start_up.gif);margin-left:17px}
#serviceList ul li a{color:#ffffff;font-size:1.1em;font-weight:bold;}
#serviceList ul li a:hover{color:#000;text-decoration:none;}


#justLaunched {float:left;margin:10px 0 20px 0px;}
#justLaunched ul li {}
#justLaunched ul li a{color:#ffffff;font-size:1.1em;font-weight:bold;}
#justLaunched ul li a:hover{color:#000;text-decoration:none;}
#justLaunched ul li.screenShot a{list-style-image:none;background: url(../images/web_development_just.gif) top left no-repeat;width:174px;height:99px;display:block;margin-left:0;}
#justLaunched ul li.foot a{list-style-image:none;background: url(../images/home-foot.gif) top left no-repeat;width:174px;height:99px;display:block;margin-left:0;}
#justLaunched ul li.bella a{list-style-image:none;background: url(../images/home-bella.gif) top left no-repeat;width:174px;height:99px;display:block;margin-left:0;}
#justLaunched ul li.papa a{list-style-image:none;background: url(../images/home-papanicolaou.gif) top left no-repeat;width:174px;height:99px;display:block;margin-left:0;}
#justLaunched ul li.lt a{list-style-image:none;background: url(../images/home-leighton-taylor.gif) top left no-repeat;width:174px;height:99px;display:block;margin-left:0;}

#justLaunched ul li.bigk a{list-style-image:none;background: url(../images/home-bigk.gif) top left no-repeat;width:174px;height:99px;display:block;margin-left:0;}


#titlePromo {background: url(../images/london-web-design.gif) top left no-repeat;width:91px;height:13px;}
#promotion  {float:left;margin:10px 0 20px 0px;}
#promotion ul li.offer a{list-style-image:none;background: url(../images/small-business-website-promotion.gif) top left no-repeat;width:174px;height:99px;display:block;margin-left:0;}



/*Portfolio*/
.portfolio {float:left;margin:0 11px 15px 0}
.portfolio p {margin:0;padding:0}
.portfolio ul li {float:left;margin:0 o 0 0;}
.portfolio ul li.helen a {background: url(../images/web_design_helen.jpg) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.graham a {background: url(../images/web_deign_graham-swift.jpg) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.samsung a {background: url(../images/web_design_samsung.jpg) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.kampia a {background: url(../images/web_design_kampia.jpg) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.bella a {background: url(../images/web_design_bella.gif) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.polar a {background: url(../images/web_design_polar.gif) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.totteridge a {background: url(../images/web_design_totteridge.gif) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.nk a {background: url(../images/web_design_nk.gif) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.mt a {background: url(../images/web_design_mt.jpg) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.paperun a {background: url(../images/web_design_paperun.gif) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.bespoke a {background: url(../images/web_design_bespoke.jpg) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.cataphract a {background: url(../images/web_design_cataphract.gif) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.grittz a {background: url(../images/web_deign_grittz.jpg) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.foot a {background: url(../images/web_design_footprint.gif) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.papanicolaoublinds a {background: url(../images/north-london-web-design_papanic.gif) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.lt a {background: url(../images/leighton-taylor.gif) top left no-repeat;width:174px;height:99px;display:block;}
.portfolio ul li.bigk a {background: url(../images/big-k-products.gif) top left no-repeat;width:174px;height:99px;display:block;}

#portfolioTitle {background: url(../images/web_design_portfolio_title.gif) top left no-repeat;width:92px;height:13px;margin:0 0 10px 0}

#samsungTitle {background: url(../images/web_design_samsung.gif) top left no-repeat;width:283px;height:13px;margin:0 0 10px 0}
#bellaTitle {background: url(../images/printing-services.gif) top left no-repeat;width:283px;height:16px;margin:0 0 10px 0}

#screenShotsText {float:left;width:330px}
#screenShots {float:right;width:400px}
#screenShots ul li {margin:0 0 10px 0;}
#screenShots ul li.sam1 {background: url(../images/portfolio-samsung-2.jpg) top left no-repeat;width:400px;height:251px;}
#screenShots ul li.sam2 {background: url(../images/portfolio-samsung-1.jpg) top left no-repeat;width:400px;height:255px;}
#screenShots ul li.sam3 {background: url(../images/portfolio-samsung-3.jpg) top left no-repeat;width:400px;height:254px;}

#screenShots ul li.bella1 {background: url(../images/portfolio-bella-1.jpg) top left no-repeat;width:400px;height:251px;}
#screenShots ul li.bella2 {background: url(../images/portfolio-bella-2.jpg) top left no-repeat;width:400px;height:291px;}
#screenShots ul li.bella3 {background: url(../images/portfolio-bella-3.jpg) top left no-repeat;width:400px;height:254px;}

#ScreenImage {margin-bottom:10px}
/*Services*/

#titleService {background: url(../images/web_design_title_services.gif) top left no-repeat;width:121px;height:13px;margin:0 0 10px 0}


/*Contact*/
#contactDetails p, #contactDetails strong, #contactDetails a {color:#ffffff;}

#titleContact {background: url(../images/web_design_title_contact.gif) top left no-repeat;width:106px;height:13px;margin:0 0 10px 0}

.InputField {border:1px solid #06abc9}

#ContactForm {float:left;margin:0 40px 0 0}
#NewBusiness {float:left;margin:12px 0 0 0;width:300px}


#footer {width:740px;border-top:1px solid #06abc9;margin-top:10px;}

#links {float:left;color:#000000;margin-top:20px}
#links ul {margin:0;padding:0}
#links ul li{float:left;margin:0 5px 0 5px;}
#copyRight {float:right;margin:20px 0px 0 0}

.webDesign {margin:10px 0 15px 0px;color:#000;}
.webDesign ul li {list-style-image: url(../images/business_start_up.gif);margin-left:17px;color:#000000;}
.webDesign ul li a{color:#000000;font-size:1.1em;}
.webDesign ul li a:hover{color:#000;text-decoration:underline;}

/*SiteMap*/

#siteMapTitle {background: url(../images/web_design_title_site_map.gif) top left no-repeat;width:83px;height:13px;margin:0 0 10px 0}


/*Terms*/

#termsTitle {background: url(../images/web_design_title_terms.gif) top left no-repeat;width:179px;height:13px;margin:0 0 10px 0}

.smalltxt {font-size:0.8em}

/*Privacy*/

#privacyTitle {background: url(../images/web_design_title_privacy.gif) top left no-repeat;width:133px;height:13px;margin:0 0 10px 0}


#promotionTitle {background: url(../images/web-design-north-london.gif) top left no-repeat;width:498px;height:13px;margin:0 0 10px 0}

#heroPod {margin:5px 0 0 0}