html,
body
{
margin: 0;
padding: 0;
background: #230202;
}

html
{
overflow-y: scroll;
}

#container
{
position: relative;
margin: 0;
padding: 0;
background: #230202 url(images/body_bg_3.png) repeat-x bottom;
font-family: 'Arial', sans-serif;
}

.clear
{
clear: both;
display: block;

}

.photo1 {
padding:2px;
margin:2px 2px 2px 1px;
float:left;
}

.italic
{
font-style: italic;
}

.ui-tabs-hide
{
display: none;
}

a.more {
	color: #326194;
	text-decoration: none;
	background: url(/static/images/shop/ARR_blue_on_white.gif) no-repeat right 2px;
	padding-right: 10px;
}

a:hover.more {
	text-decoration: underline;
}


/*-Menu--------------------*/
#head 
{
position: relative;
margin: 0 auto 3px auto;
height: 73px;
width: 950px;
border-bottom: 1px solid #666;
}

#head h1
{
position: absolute;
bottom:0px;
left: 0;
margin: 0;
padding: 0;
width: 400px;
height: 73px;
background: url(images/h1_logo.png) no-repeat;
}

#head h1 span
{
display: none;
}

#nav
{
position: absolute;
bottom: 10px;
right: 1px;
margin: 0;
list-style-type: none;
}

#nav li
{
float: left;
padding: 0 0 0 20px;
}

#nav a
{
font-size: 11px;
letter-spacing: 0.1em;
text-decoration: none;
font-family: Arial, sans-serif;
}

a.about_link, a.domains_link, a.pricing_link, a.diy_link, a.projects_link, a.contact_link, a.domains_link
{
color: #868682;
}

.about a.about_link, .domains a.domains_link, .pricing a.pricing_link, .diy a.diy_link, .projects a.projects_link, .contact a.contact_link
{
color: #fff;
}

#nav a:hover
{
color: #fff;
}


/*-------Main Background----------*/
#masthead 
{
position: relative;
margin: 0 auto;
padding: 0 0 6px 0;
height: 404px;
width: 1000px;
background: url(images/index-masthead-bg.jpg) no-repeat top left;
}

#masthead-whoops
{
position: relative;
margin: 0 auto;
padding: 0 0 6px 0;
height: 404px;
width: 1000px;
background: url(images/whoops-masthead-bg.jpg) no-repeat top left;
}

#masthead-thanks
{
position: relative;
margin: 0 auto;
padding: 0 0 6px 0;
height: 404px;
width: 1000px;
background: url(images/thanks-masthead-bg.jpg) no-repeat top left;
}


#masthead #masthead-main
{
position: absolute;
top: 58px;
right: 78px;
width: 488px;
}

#masthead  #masthead-main h2
{
margin: 0;
padding: 0;

}

#masthead   #masthead-main h2 a
{
font-size: 26px;
font-family: Arial, sans-serif;
text-decoration: none;
color: #fff;
}

#masthead   #masthead-main p
{
margin: 0;
padding: 0;
font-size: 13px;
font-family: Verdana, sans-serif;
color: #999999;
}

#masthead  #masthead-main p a
{
padding: 0 19px 0 0;
color: #326194;
text-decoration: none;
background: url(images/link-arrow-transparent.png) no-repeat center right;
}

#masthead .masthead-side
{
position: absolute;
left: 69px;
width: 254px;
height: 105px;
}

#masthead-thanks .masthead-side
{
position: absolute;
left: 69px;
width: 254px;
height: 105px;
}

#masthead-whoops .masthead-side
{
position: absolute;
left: 69px;
width: 254px;
height: 105px;
}

#masthead-thanks #design
{
bottom: 270px;
left: 69px;
}

#masthead #design
{
bottom: 270px;
left: 69px;
}

#masthead  #host
{
top: 143px;
}

#masthead #optimise
{
top: 250px;
}

#masthead-whoops #design
{
bottom: 270px;
left: 69px;
}

#masthead-whoops  #host
{
top: 143px;
}

#masthead-whoops #optimise
{
top: 250px;
}

#masthead .masthead-side h2
{
margin: 12px 0 2px 0;
padding: 0;
}

#masthead  .masthead-side h2 a
{
padding: 0 20px 0 0;
font-size: 19px;
font-family: Arial, sans-serif;
text-decoration: none;
color: #fff;
background: url(images/link-arrow-transparent.png) no-repeat right center;
}

#masthead .masthead-side p
{
margin: 0;
padding: 0;
font-size: 11px;
font-family: Verdana, sans-serif;
color: #999999;
}
#masthead-thanks .masthead-side h2
{
margin: 12px 0 2px 0;
padding: 0;
}

#masthead-thanks  .masthead-side h2 a
{
padding: 0 20px 0 0;
font-size: 19px;
font-family: Arial, sans-serif;
text-decoration: none;
color: #fff;
background: url(images/link-arrow-transparent.png) no-repeat right center;
}

#masthead-thanks .masthead-side p
{
margin: 0;
padding: 0;
font-size: 11px;
font-family: Verdana, sans-serif;
color: #999999;
}

#masthead-whoops .masthead-side h2
{
margin: 12px 0 2px 0;
padding: 0;
}

#masthead-whoops  .masthead-side h2 a
{
padding: 0 20px 0 0;
font-size: 19px;
font-family: Arial, sans-serif;
text-decoration: none;
color: #fff;
background: url(images/link-arrow-transparent.png) no-repeat right center;
}

#masthead-whoops .masthead-side p
{
margin: 0;
padding: 0;
font-size: 11px;
font-family: Verdana, sans-serif;
color: #999999;
}

/*-Body--------------------*/

#body 
{
margin: 0 auto;
padding: 55px 4px 0 4px;
width: 950px;
background: url(images/bodyContent_bg_mid.png) top left;
}

#body-opener span,
#body-closer span
{
display: none;
}

#body-opener
{
margin: 0 auto;
padding: 0 4px;
width: 950px;
height: 16px;
background: url(images/bodyContent_bg_top.png) top left;
}

#body-closer
{
margin: 0 auto;
padding: 0 4px 166px 4px;
width: 950px;
height: 32px;
background: url(images/bodyContent_bg_bottom.png) no-repeat top left;
}

#body #column-a
{
float: left;
padding: 0 55px;
width: 290px;
font-size: 11px;
line-height: 1.4em;
background-color:#fff;

}

#body #column-a p.primary
{
font-size: 15px;
line-height: 1.4em;
}

#body #column-b
{
float: left;
padding: 0 35px;
width: 458px;
min-height: 300px;
font-size: 11px;
line-height: 1.4em;
background-color:#fff;
border-left: 1px solid #d4d4d4;

}

#body #column-a  h2
{
font-size: 24px;
line-height: 1.25em;
font-family: Arial, sans-serif;
}

#body #column-b  h2
{
font-size: 24px;
line-height: 1.25em;
font-family: Arial, sans-serif;
}


#body #column-a h3
{
margin: 2.5em 0 1em 0;
font-size: 14px;
}

#body #column-b h3
{
margin: 1em 0 1em 0;
font-size: 19px;
font-family: Arial, sans-serif;
}

#body h4
{
clear: left;
margin: 0;
padding: 0.5em 0 0.2em 0;
font-size: 12px;
font-weight: bold;
}
#body h5
{
display:block;
background: url(images/h5-bg.png);
clear: left;
padding: 0.5em 0 0.5em 10px;
font-size: 15px;
font-weight: bold;
color:#fff;
}

#body p.subhead
{
margin: -0.7em 0 2em 0;
font-size: 15px;
color: #868682;
}


/* ---contact ---------------------------------------------------------------------- */
table { margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%; }
th { text-align:center; font-weight:bold; }
th, td { padding:3px 5px; }

#body #column-b img
{
display: block;
margin: 2em 0 0 0;
}

#body a
{
color: #326194;
text-decoration: none;
}

#body a.standalone-arrow-link
{
padding: 0 19px 0 0px;
background: url(images/link-arrow-transparent.png) no-repeat center right;
}

#body ul
{
list-style-type: disc;
}

#body #column-a ul
{
line-height: 1em;
font-size: 11px;
color: #686359;
}
#body #column-b ul
{
line-height: 1em;
font-size: 11px;
color: #686359;
}


#body li
{
	margin: 0.5em 0;
	line-height: 1.3em;
	color: #000000;
}

#body #column-a li
{
font-size: 11px;
}

#body ul.two-column-list
{
margin: 0 0 1em 1em;
}

#body ul.two-column-list li
{
float: left;
width: 50%;
margin: 0.2em 0;
color: #514b3f;
}

#body p.link
{
font-size: 11px;
line-height: 1.3em;
color: #514b3f;
}

#tabNav
{
height: 33px;
margin: 0 0 40px -12px;
padding: 0;
background: url(images/tabs_bg.png) repeat-x bottom left;
}

#tabNav li
{
float: left;
margin: 0;
padding: 0;
height: 33px;
width: 94px;
list-style-type: none;
}

#tabNav li a
{
float: left;
margin: 0;
padding: 10px 0;
height: 13px;
width: 94px;
text-align: center;
color: #514b3f;
background: url(images/tabs_inactive.png);
}

#tabNav li.ui-tabs-selected a
{
background: url(images/tabs_active.png);
}

#tabNav li a.wide
{
width: 140px;
background: url(images/tabs_inactive_wide.png);
}

#tabNav li.ui--tabs-selected a.wide
{
background: url(images/tabs_active_wide.png);
}

#body .bigPhoneNumber
{
margin: 2em 0 0.5em 0;
font-size: 24px;
}

/*-Home Page-------------*/
.index #body 
{
padding: 0 4px;
}

.index #webdesign, #whoops-1
{
position: relative;
float: left;
width: 192px;
margin: 35px 0 0 0;
padding: 0 45px 0 220px;
}

.index #webservices, #whoops-2
{
position: relative;
float: left;
width: 193px;
margin: 35px 0 0 0;
padding: 0 50px 0 214px;
border-left: 1px solid #ccc;
}

.index #webdesign .icon-link
{
display: block;
position: absolute;
top: 11px;
left: 50px;
width: 100px;
height: 99px;
background: url(images/www.png);
}

.index #webservices .icon-link
{
display: block;
position: absolute;
top: 11px;
left: 59px;
width: 100px;
height: 104px;
background: url(images/globe.png) no-repeat;
}

.index #whoops-1 .icon-link
{
display: block;
position: absolute;
top: 11px;
left: 59px;
width: 100px;
height: 104px;
background: url(images/whoops-geek.jpg) no-repeat;
}

.index #whoops-2 .icon-link
{
display: block;
position: absolute;
top: 11px;
left: 59px;
width: 100px;
height: 104px;
background: url(images/whoops-monster.jpg) no-repeat;
}


.index #webdesign p,
.index #webservices p
{
margin: 0 0 0.5em 0;
color: #514b3f;
}

.index #webdesign a.more
{
padding: 0 10px 0 0;
color: #326194;
background: url(images/index-knifepro-arrow.png) no-repeat center right;
}

.index #webservices a.more
{
padding: 0 10px 0 0;
color: #626e25;
background: url(images/index-knifespa-arrow.png) no-repeat center right;
}


/*-Conditions Text-------------------*/
#body #legal-text 
{
    padding: 20px;
}

#body #legal-text h2
{
    margin: 0 0 18px 0;
    font-size: 24px;
    line-height: 36px;
}
#body #legal-text h3,
#body #legal-text h4,
#body #legal-text h5,
#body #legal-text h6
{
    margin: 18px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
}
#body #legal-text p
{
    margin: 0 0 18px 0;
    font-size: 12px;
    line-height: 18px;
}

/*-Footer--------------------*/
#foot 
{
position: absolute;
bottom: 96px;
padding: 49px 0 0 0;
width: 100%;
font-size: 10px;
color: #7c7a78;
}

#foot-content
{
position: relative;
margin: 0 auto;
width: 950px;
}

#footer-links
{
    display:block;
}

#foot a
{
text-decoration: none;
color: #ccc;
}
#foot a:hover
{
text-decoration: none;
color: #fff;
}


#foot #copyright
{
position: absolute;
top: 0;
right: 0;
color: #ccc;
}