html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	color:#555;
}

a
{
  text-decoration:none;
}

a img {border:0;}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

div.clear
{
  clear:both;
}

th,td 
{
  text-align:left;
	vertical-align:top;
}


table td,
table th 
{
  border-collapse:collapse; 
}



body
{
  background-image:url('body_bg.gif');
	background-repeat:repeat-x;
}

#header
{
	background-image:url('dandysi_logo.gif');
	background-repeat:no-repeat;
	background-position:0px 44px;
	height:88px;
	margin-bottom:50px;
}


#main
{
  margin:auto;
  width:750px;
	width:850px;
	padding-left:50px;
  position:relative;
}

#menu
{
  position:absolute;
  top:58px;
  right:0px;
	right:50px;
  width:252px;
	/*width:320px;*/
	height:30px;
	z-index:100;
}


#menu ul li
{
	display: block;
	width:35px;
	height:20px;
	float:left;
	background-image:url('menu_text_bg.gif');
	margin-right:23px;
}



#menu ul li.about
{
  width:35px;
}

#menu ul li.services
{
  width:52px;
	background-position:-58px 0px;	
}

#menu ul li.portfolio
{
  width:50px;
	background-position:-133px 0px;	
}

#menu ul li.contact
{
  width:46px;
	background-position:-206px 0px;	
	margin-right:0px;
}

#menu ul li a
{
  display:block;
  text-indent:-4000px;
  z-index:2000;
  position:relative;
}


#menu ul li a:hover
{
  background-image:url('menu_hover_bg.gif');
	background-repeat:repeat-x;
	background-position:left bottom;
}

#menu ul li#selected a
{
  background-image:url('menu_selected_bg.gif');
	background-repeat:repeat-x;
	background-position:left bottom;
}


#content p,
#content li
{
  font-size:90%;
	font-size:80%;
	color:#727a7d;
}

#content li
{
  margin-bottom:15px; 
}

#content p
{
	line-height:150%;
}



#content h1
{  
  text-indent:-4000px;
  height:88px;
	background-image:url('./main_heading_bg.gif');
}

#content div.introduction
{
  padding-right:50px;
  padding-right:30px;	
	margin-bottom:15px;
	margin-bottom:30px;
}

#content h2,
#content h3,
body.contact div#content form label
{
  display:block;
  height:30px;
	background-image:url('./sub_heading_bg.gif');
  text-indent:-4000px;
}


#content h1
{
  margin-bottom:30px;
	margin-bottom:20px;
}

#content p
{
  margin-bottom:15px;
}


#content h2,
#content h3
{
  margin-bottom:20px;
}

body.welcome div#content h1
{
  position:relative;
	top:165px;
	left:50px;
	width:360px;
}

body.about div#content h1
{
  background-position:0px -88px;
	height:67px;
}

body.services div#content h1
{
  background-position:0px -176px;
}


body.values div#content h1
{
  background-position:0px -263px;
}

body.portfolio div#content h1
{
  background-position:0px -350px;
}

body.contact div#content h1
{
  background-position:0px -430px;
}


body.welcome div#content_container
{
  height:400px;
	background-image:url('./welcome/content_bg.gif');
	background-position:450px 78px;
}

body.about div#content_container
{
	background-image:url('./about/content_bg.gif');
	background-position:470px 0px;
	background-position:520px 0px;	
	height:634px;
}


body.about div#content a,
body.contact div#content a
{
  text-indent:-4000px;
  display:block;
	width:139px;
	height:38px;
	background-image:url('./button_bg.gif');
}

body.about div#content div.next_step a.contact_us
{
    background-position:0px -38px;
}

body.about div#content div.what_we_offer a.our_services
{
    background-position:0px -76px;
}

body.about div#content div.why_us h2
{
  background-position:0px -60px;
	height:24px;
}

body.about div#content div.what_we_offer div.our_skills h3
{
  background-position:0px -30px;
	height:23px;
	margin-bottom:20px;
}

body.about div#content div.next_step h2
{
  background-position:0px -90px;
	height:23px;
}

body.about div#content,
body.values div.values div.value div.description,
body.contact div#content,
body.services div.services div.service div.description,
#content div.introduction
{
  width:462px;
}

body.values div.values div.value div.description
{
  380px;
}

body.about div#content div.what_we_offer div.our_skills ul li
{
  list-style-type:none;
	background-image:url('list_tick_bg.gif');
	background-position:left middle;
	padding-left:25px;
}

body.about div#content div.what_we_offer
{
  position:relative;
	width:255px;
}

body.about div#content div.what_we_offer div.our_skills
{
  position:absolute;
	top:0px;
	left:290px;
	width:165px;
}

body.about div#content div.what_we_offer div.our_skills ul li
{
  font-size:70%;
}

body.values h2,
body.service h2
{
	height:23px;
}


body.values div#content #aesthetic h2
{
  background-position:0px -120px;
}

body.values div#content #usable h2
{
  background-position:0px -150px;
}

body.values div#content #extendible h2
{
  background-position:0px -180px;
}

body.values div#content #standardised h2
{
  background-position:0px -210px;
}


body.values div#content div.values div.value
{
	background-position:center right;
	margin-bottom:60px;
}

body.values div#content #standardised 
{
  background-image:url('./values/standardised_bg.png');
	background-position:top right;
	height:300px;
}

body.values div#content #extendible 
{
  background-image:url('./values/extendible_bg.png');
}

body.values div#content #usable 
{
  background-image:url('./values/usable_bg.png');
}

body.values div#content /*#aesthetic*/
{
  background-image:url('./values/aesthetic_bg.png');
		
		background-position:center right;
	background-position:520px 140px;;
}




body.contact div#content form ol li div.control_container
{
  position:relative;
  border:1px solid #8ba0a7;
	height:38px;
}

body.contact div#content form ol li.enquiry div.control_container
{
  height:180px;
	
}


body.contact div#content form input,
body.contact div#content form textarea
{
  position:absolute;
	left:8px;
	top:8px;
  border:0;

}

body.contact div#content form input
{
	line-height:20px;
	height:20px;
	width:440px;
}

body.contact div#content form textarea
{
  height:100%;
	width:100%;
	overflow:auto;
}

body.contact div#content form label
{
  margin-bottom:5px;
}

body.contact div#content form li.name label
{
  background-position:0px -240px;
}

body.contact div#content form li.email label
{
  background-position:0px -270px;
}

body.contact div#content form li.enquiry label
{
  background-position:0px -300px;
}

body.contact div#content form li.verification_code label
{
  background-position:0px -330px;
}

body.contact div#content form li.verification_code input 
{
  width:295px;
}

body.contact div#content form li.verification_code div.control_container
{
  position:relative;

}

body.contact div#content form li.verification_code img
{
  position:absolute;
	top:0;
	right:0;
}



body.contact div#content form li
{
  position:relative;
}
/*
body.contact div#content form li div.help
{
  position:absolute;
	top:45px;
	left:500px;
	left:520px;
	width:250px;
	font-style:italic;
	color:#666666;

	line-height:140%;
}*/


body.contact div#content form div.characters_remaining
{
  position:absolute;
	top:200px;
	left:0px;
  margin-top:5px;
	font-size:80%;
	font-style:italic;
}

body.contact div#content_container
{
	min-height:300px;
  background-image:url('./contact/contact_bg.gif');
	background-position:500px 50px;
}

body.contact div#content a.send_enquiry
{
	background-position:0px -114px;
	width:155px;
}

body.services #content_container
{
  background-image:url('./services/new_website.gif');
	background-position:580px 100px;
}

body.services div#content #new_website
{
  margin-bottom:70px;
}

body.services div#content #regular_updates
{
  background-image:url('./services/regular_updates_bg.gif');
	background-position:590px 0px;
	height:268px;
}

body.services div#content #revamp
{
  background-image:url('./services/revamp_bg.gif');
	background-position:610px 10px;
	height:300px;
}

body.services div#content #slight_change
{
  background-image:url('./services/slight_change_bg.gif');
	background-position:center right;
	height:200px;
}



body.services div#content #new_website h2
{
  background-position:0px -360px;
}

body.services div#content #slight_change h2
{
  background-position:0px -390px;
}

body.services div#content #revamp h2
{
  background-position:0px -420px;
}

body.services div#content #regular_updates h2
{
  background-position:0px -450px;
}

body.services div#content #revamp div.description ul li
{
  background-image:url('list_square_bg.gif');
	background-position:left center;
  margin-bottom:10px;
	padding-left:15px;
}

body.services div#content #revamp div.description ul
{
  margin-bottom:30px;
}

form#enquiry_form ol li {
position:relative;
}
form#enquiry_form ol li div.help
{
	background-image:url('help-text.png');
	background-repeat:no-repeat;
	background-position:-185px 0px;
	position:absolute !important;
	right:-175px;
	top:28px;
	height:56px;
	width:185px !important;
	text-indent:-4000px; 
}
form#enquiry_form ol li div.help#help_name { background-position:-185px 0px; }
form#enquiry_form ol li div.help#help_email { background-position:-185px -57px; }
form#enquiry_form ol li div.help#help_enquiry { background-position:-185px -189px; height:193px; }
form#enquiry_form ol li div.help#help_verify { background-position:-185px -114px; height:73px; }
form#enquiry_form ol li div.help#help_name.blue { background-position:0px 0px; }
form#enquiry_form ol li div.help#help_email.blue { background-position:0px -57px; }
form#enquiry_form ol li div.help#help_enquiry.blue { background-position:0px -189px; height:193px; }
form#enquiry_form ol li div.help#help_verify.blue { background-position:0px -114px; height:73px; }

body.websites #content a
{
  text-decoration:underline;
	color:#47bee8;
}

body.websites #content { padding-top:0; }
body.websites #content div.website { padding-left:480px; height:600px; margin-top:0; padding-top:0; background-position:left 10px; } 
body.websites #content #bbfc { background-image:url("./websites/bbfc.png"); }
body.websites #content #rmc { background-image:url("./websites/rmc.jpg"); }
body.websites #content #rh { background-image:url("./websites/rh.jpg"); }
body.websites #content #lca { background-image:url("./websites/lca.jpg"); }
body.websites #content #smi { background-image:url("./websites/smi.jpg"); }
body.websites #content #srf { background-image:url("./websites/srf.jpg"); }
body.websites #content #tbl { background-image:url("./websites/tbl.jpg"); }
body.websites #content #hh { background-image:url("./websites/hh.jpg"); }

body.websites #content #smi h1 {
  background-position:0px -526px;
}
body.websites #content #rh h1 {
  background-position:0px -610px;
}
body.websites #content #tbl h1 {
  background-position:0px -694px;
}
body.websites #content #rmc h1 {
  background-position:0px -778px;
}
body.websites #content #hh h1 {
  background-position:0px -862px;
}
body.websites #content #lcs h1 {
  background-position:0px -950px;
}
body.websites #content #srf h1 {
  background-position:0px -1036px;
}
body.websites #content #bbfc h1 {
  background-position:0px -1122px;
}

body.contact div#bad_messages, body.contact div#good_messages { background-image:url("enquiry_not_submitted.jpg"); height:120px; width:653px; margin-bottom:20px; position:relative; left:-3px; }
body.contact div#bad_messages p, body.contact div#good_messages p { color:#fff; padding-top:70px; padding-left:23px; }
body.contact div#good_messages { background-image:url("enquiry_submitted.jpg"); }

body.websites div#main div#content p.quote { margin-top:25px; padding:17px 20px 40px 20px; color:#fff !important; background-color:#47bee8;  background-image:url("quote_bg.jpg"); background-position:left bottom; margin-bottom:0; }
body.websites div#main div#content p.quote span { color:#fff !important; }

body.portfolio { padding-bottom:50px !important;  }