/* 
Damnit, even Nedry knew not to mess with the Raptor fences! 

Author: Your Name
Client: Company Name
Date: dd/mm/yyyy
Copyright: Company Name/Your Name

Change/delete as you deem necessary, but these are generally the things I always set up first and are most common across the majority of sites.
*/

/* include external styles (reset.css, menu.css etc) */
@import url(reset.css);

/* general */
body {
background:#003A63;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.125em;
padding:0px 0px 100px 0px;
text-align:center;
}

/* typo */
p, ul {
font-size:0.75em;
margin-bottom:0.75em;
}

em {
font-style:italic;
}

strong {
font-weight:bold;
}

/* classes */
.hidden { display:none; }
.blue { color:#003A63; }
.red { color:#B30838; }
.list li:before { content:"\002D \00A0 \00A0"; }
.floatleft { float:left; }
.floatright { float:right; }

.list { 
	list-style:none;
	padding:0em 0em 0em 1em;
	text-indent:-0.90em; 
}

.centre { 
	display:block; 
	margin:15px auto; 
	position:relative;
}

.intro { 
	font-size:1em; 
	line-height:1.25em; 
}

.clear {
	border-top:1px dotted #bbb;
	clear:both;
}

/* links */
a:link {
color:#B30838;
text-decoration:underline;
}

#footer a:link { color:#000; }

a:visited {
color:#000;
text-decoration:underline;
}

a:hover, #footer a:hover {
color:#003A63;
text-decoration:underline;
}

/* headings */
h1 {
border-bottom:1px dotted #bbb;
color:#B30838;
font-size:1em;
margin-bottom:1em;
padding:0em 0em 0.25em 0em;
}

h2 {
color:#B30838;
font-size:1em;
margin-bottom:0.5em;
}

h3 {
border-bottom:1px dotted #bbb;
color:#B30838;
font-size:1em;
margin:1em 0em;
padding:0em 0em 0.25em 0em;
}

/* layout */
#wrap {
	background:#fff;
	display:block;
	height:auto;
	margin:20px auto 0px;
	padding:30px 30px 0px;
	text-align:left;
	width:880px;
	z-index:100;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0px 5px 15px #231F20;
	-webkit-box-shadow:0px 5px 15px #231F20;
	box-shadow:0px 5px 15px #231F20;
}

#home #wrap, #privacy #wrap { background:#fff url(../imgs/header-index.jpg) 0px 0px no-repeat; }
#about #wrap { background:#fff url(../imgs/header-about.jpg) 0px 0px no-repeat; }
#buying #wrap { background:#fff url(../imgs/header-buying.jpg) 0px 0px no-repeat; }
#services #wrap { background:#fff url(../imgs/header-services.jpg) 0px 0px no-repeat; }
#contact #wrap, #terms #wrap { background:#fff url(../imgs/header-contact.jpg) 0px 0px no-repeat; }

/* header */
#header {
	clear:both;
	display:block;
	height:350px;
	margin:0px 0px 20px 0px;
	width:880px;
}

#sitelogo {
	background:url(../imgs/altecopia-logo.gif) no-repeat;
	display:block;
	height:74px;
	margin:10px 0px 15px 0px;
	width:266px;
}

#sitelogo span { display:none; }

/* navigation */
#nav {
	display:block;
	font-size:0.938em;
	position:relative;
}

#nav li {display:inline; }

#nav li a:link, #nav li a:visited {
	background:url(../imgs/nav-arw.gif) -10000px no-repeat;
	color:#000;
	display:block;
	float:left;
	margin:0px 20px 0px 0px;
	padding:0px 0px 10px 0px;
	text-decoration:none;
}

#nav li a:hover,
#home #n1,
#about #n2,
#buying #n3,
#services #n4,
#contact #n5 {
	background:url(../imgs/nav-arw.gif) center bottom no-repeat;
	color:#B30838;
}


/* content */
#content {
	display:block;
	float:left;
	height:auto;
	padding:0px 0px 20px 0px;
	width:580px;
}

#about #content, #buying #content, #services #content { float:right; }

#sidebar {
	display:block;
	float:right;
	height:auto;
	padding:0px 0px 20px 0px;
	width:280px;
}

#about #sidebar, #buying #sidebar, #services #sidebar { float:left; }
#sidebar img { margin:0px 0px 5px 0px; }

/* contact form */
#cform { width:580px; }

#cform li {
	display:block;
	margin:0px 0px 10px 0px;
	position:relative;
}

#cform li.half {
	float:left;
	width:280px;
}

#cform li.full {
	clear:both;
	width:580px;
}

#cform li:nth-child(2n) {
	padding:0px 0px 0px 20px;
	width:280px;
}

#cform li:last-child {
	padding:0px;
	width:580px;
}

#cname, #cemail, #ccomp, #cphone {
	background:#ddd;
	padding:5px;
	width:268px;
}

#cmsg {
	background:#ddd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	height:140px;
	padding:5px;
	width:568px;
}

#cname, #cemail, #ccomp, #cphone, #cmsg {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

#csend {
	background:#003A63;
	border:none;
	color:#fff;
	cursor:pointer;
	float:right;
	font-size:1.167em;
	font-weight:bold;
	padding:5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#csend:hover { background:#B30838; }

div.error {
	background:#fcf;
	border:1px solid #B30838;
	margin:2px 0px 0px 0px;
	padding:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

#message p {
	border:1px solid #fff;
	color:#fff;
	display:block;
	margin:1em 0em 0em;
	padding:5px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

#message p.success {
	background:#cfc;
	border-color:#0c0;
	color:#000;
}

#message p.failure {
	background:#fcf;
	border-color:#b30838;
	color:#000;
}


/* footer */
#footer {
	background:#fff;
	clear:both;
	display:block;
	height:auto;
	margin:0px auto;
	padding:10px 0px 40px;
	width:880px;
}

#footer p, #footer ul { font-size:0.688em; }