/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background: #0A0907 url('images/bg.jpg') no-repeat top center;
	text-align:center
}

img {vertical-align:top;}
a img { border:0px none;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

.align-center { text-align:center;}
.align-left { text-align:left;}
.align-right { text-align:right;}

html, input, textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.417em;
		color:#ffffff;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#FFFFFF; outline:none; text-decoration:none;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

h3 {font-size:1.75em; line-height:1.5em; color:#FFF; text-transform:uppercase; }

.title-1 { font-size:2.083em; line-height:1.5em; color:#FFF;}

.link-1 { display:inline-block; padding:3px 8px 2px; line-height:1em; background:#808080; font-size:1.167em; text-transform:uppercase;}
.link-1:hover { color:#000;}
.link-2 { text-decoration:underline;}
.link-2:hover { text-decoration:none;}
.link-3 { display:inline-block;  line-height:1em; background:url('images/bg2.gif') repeat-x top; font-size:1.333em; text-transform:uppercase; padding-left:12px; padding-right:12px; padding-top:6px; padding-bottom:5px}
.link-3:hover { color:#000;}
.link-4 { color:#63605B; text-decoration:underline;}
.link-4:hover { color:#FFFFFF; text-decoration: none;}

.text-1 { color:#FFFFFF;}
.text-2 { font-size:1em; font-weight:bold; text-transform:uppercase; color:#FFF;}
.text-3 { color:#FFFFFF; font-weight:bold; text-decoration:underline;}

/* ============================= main layout ====================== */

.imgindent {margin:0 30px 0 0; float:left;}
.imgindent1 {margin:0 12px 0 0; float:left;}

.space-1 { margin-top:10px;}
.space-2 { margin-top:40px;}
.space-3 { margin-top:20px;}
.space-4 { margin-top:30px;}
.space-5 { margin-left:10px;}

.indent-1 { padding-right:20px;}
.indent-2 { padding-left:25px;}
.indent-3 { padding-right:10px;}
.indent-4 { padding-top:40px;}

/* ============================= header ====================== */
#header .row-1 {height:95px;}
#header .row-2 {height:69px; background:#000;}
#header .row-3 {height:313px; background:url('images/CandyAppleWebDesign_bg_logo.png') no-repeat top center;}

.menu li { float:left;}
.menu li a { display:inline-block; height:42px; font-size:1.333em; color:#7A7A7A; text-decoration:none; text-transform:uppercase; padding:27px 29px 0px 29px;}
.menu li .last { display:inline-block; height:42px; font-size:1.333em; color:#7A7A7A; text-decoration:none; text-transform:uppercase; padding:27px 34px 0px 29px;}
.menu li a:hover, .menu .active a { color:#FFFFFF; text-decoration:none; background:#808080;}

.slogan1 { position:absolute; margin:110px 0 0 509px; font-size:2.25em; color:#FFFFFF; text-transform:uppercase;}
.slogan1 strong { color:#787878;}
.slogan2 { position:absolute; margin:137px 0 0 733px; font-size:2.25em; color:#FFFFFF; text-transform:uppercase;}
.link-3 { position:absolute; margin:184px 0 0 761px;}

/* ============================= content ====================== */
#content { width:100%; overflow:hidden;}
.column-1 { width:258px; position:relative; background: #131210 url('images/bg-1.gif') repeat-x top;}
.column-1 .indent { padding:35px 20px 20px 28px;}
.column-2 { width:702px; position:relative; background: #000000;  }
.column-2 .indent { padding:33px 25px 80px 30px;}
.separator { background:url('images/separator.gif') repeat-y left;}
.phone { float:left; width:77px;}

.list-1 li a { background:url('images/marker1.gif') no-repeat 0 5px; padding-left:11px; color:#63605B; text-decoration:underline}
.list-1 li a:hover { color:#FFF; text-decoration:none;}

.list-2 { line-height:2em;}
.list-2 li a { background:url('images/marker2.gif') no-repeat 0 4px; padding-left:28px; padding-right:0; padding-top:0; padding-bottom:5px }
.list-2 li a:hover { color:#63605B; text-decoration:underline;}

/* ============================= footer ====================== */
#footer .indent { padding:30px 0 0 50px; text-align:center;}
/* ============================= forms ============================= */
label { height:30px; display:block;} 
#ContactForm {line-height:1em;}
#ContactForm input {width:412px; height:16px; border:1px solid #323232; background:#787878; padding:2px 0 0 5px; color:#FFF; font-size:1em; line-height:1em; }
#ContactForm textarea {width:412px; height:122px; border:1px solid #323232; background:#787878; padding:0 0 0 5px; color:#FFF; overflow:auto; font-size:1em; line-height:1em; }