@charset "utf-8";
/* CSS Document */

/* CSS Reset */
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 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1.2em;}
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;}

/* General Styles */
html {height: 100%;}
body {
	height: 100%;
	padding:0;
	font-family:arial;
	font-size:12px;
	color: #fff;
	background: url(../images/bg3.gif) repeat;
	line-height:20px;
}

#h1-home {
  background-image:url("../images/titles/freelance-web-design.gif");
  background-repeat:no-repeat;
  text-indent: -3333px;
  width:300px;
  height:50px;
  margin-top:10px;
  margin-left:4px;
}

#h2-home {
  background-image:url("../images/titles/about-me.gif");
  background-repeat:no-repeat;
  text-indent: -3333px;
  width:144px;
  height:50px;
  margin-top:10px;
  margin-left:4px;
}

#h1-about {
  background-image:url("../images/titles/about-me.gif");
  background-repeat:no-repeat;
  text-indent: -3333px;
  width:300px;
  height:50px;
  margin-left:4px;
}

#h1-portfolio {
  background-image:url("../images/titles/my-portfolio.gif");
  background-repeat:no-repeat;
  text-indent: -3333px;
  width:300px;
  height:50px;
  margin-left:4px;
}

#h1-pricing-packages {
  background-image:url("../images/titles/pricing-and-packages.gif");
  background-repeat:no-repeat;
  text-indent: -3333px;
  width:300px;
  height:50px;
  margin-left:4px;
}

#h1-web-hosting {
  background-image:url("../images/titles/website-hosting.gif");
  background-repeat:no-repeat;
  text-indent: -3333px;
  width:300px;
  height:50px;
  margin-left:4px;
}

#h1-contact-me {
  background-image:url("../images/titles/contact-me.gif");
  background-repeat:no-repeat;
  text-indent: -3333px;
  width:300px;
  height:50px;
  margin-left:4px;
}

#h1-thank-you {
  background-image:url("../images/titles/thank-you.gif");
  background-repeat:no-repeat;
  text-indent: -3333px;
  width:300px;
  height:50px;
  margin-left:4px;
}


p {
   padding-bottom:14px;
   padding-left:6px;
}

p.top {
	border-top:1px dotted #999
}

a {
	color:#ffa633;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

a.rollover {
	display: block;
	width: 164px;
	height: 40px;
	text-decoration: none;
	background: url("../images/quote.png");
}

a.rollover:hover {
	background-position: -164px 0;
}

.displace {
	position: absolute;
	left: -5000px;
}

.right {
	float:right;
	padding:0;
}

.left {
	float:left;
}

.clear {
	clear:both;
}

.right-btn {
	float:right;
	margin-bottom::20px;
	margin-top:20px;
}

.right-btn-banner {
	float:right;
	margin-bottom::10px;
}

.right-img {
	float:right;
	padding:10px;
	border:1px dotted #999;
	margin-top:20px;
	margin-left:20px;
}

.bold {
	font-weight:bold
}

.quote {
	font-weight:bold;
	font-style:italic;
}

.break {
	margin-top:10px;
}

.promo {
	padding:20px;border:1px dotted #999
}


.first {
	padding-top:10px;
}

.icon {
	margin-right:12px;
}

/* Page Containers */
#main-outer-container {
	width:1070px;
	margin: auto;
	background:#2b2b2b;
	margin-bottom:0px;
	min-height:100%;
}

#top-page-container {
	width:980px;
	margin:0 auto;
	background:#2B2B2B;
	padding-top:20px;
}

#main-page-container-home {
	width:980px;
	clear:both;
	margin: 0 auto;
	padding-left:0px;
	background:#2B2B2B
}

#main-page-container-home ul li {
	padding-bottom:6px;
	/*background-image:url(../images/bullet.png);background-position:0 0.1em;background-repeat:no-repeat;*/
	padding:0 0 8px 0px;
	font-weight:normal;
}

#main-page-container {
	width:980px;
	clear:both;
	margin: 0 auto;
	padding-left:0px;
	border-top:1px dotted #999
}

#main-page-container ul li {
	padding-bottom:6px;
	/*background-image:url(../images/bullet.png);background-position:0 0.1em;background-repeat:no-repeat;*/
	padding:0 0 8px 0px;
	font-weight:normal;
}

#secondary-content {
	width:980px;
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
	border:0px solid #2B2B2B;
}

#secondary-content ul {
	width:340px;
	margin-left:6px;
}

#secondary-content ul li {
	background-image:url(../images/bullet.png);
	background-position:0 0.1em;
	background-repeat:no-repeat;
	padding:0 0 4px 25px;
}

#secondary-content-col-1 {
	float:left;
	width:460px;
	margin-bottom:20px;
}

#secondary-content-col-2 {
	float:right;
	width:460px;
	margin-bottom:20px;
}

/* Portfolio */
.portfolio-box {
	width:940px;
	float:left;
	margin-top:20px;
}

.portfolio-text {
	float:right;
	width:420px;
}

.portfolio {
	padding:10px;
	border:1px dotted #999;
	margin-top:10px;
	margin-right:10px;
	float:left;
}

.title {
	padding-top:20px;
	font-size:16px;
	font-weight:bold;
}

.portfolio-panel {
	width:100%;
	height:220px;
	margin-bottom:20px;
	border-top:1px dotted #999;
}

/* Header & Top Links */
#top-links {
	width:980px;
	margin: 0 auto;
	height:16px;
	border-bottom:0px dotted #999;
	padding-bottom:10px;
	color: #666
}

#top-links p {
	color:#FFF;
}

#top-links a {
	margin:0 2px 0 2px;
	border-right:1px solid #666;
	padding:0 8px 0 8px;
}

.tel {
	font-weight:bold;
	color:#ffa633;
}

#header {
	width:980px;
	background:#2B2B2B;
	margin:10px 0 10px 0;
	padding:15px 0 20px 0;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}

#logo {
	width:980px;
	height:54px;
	padding-top:6px;
}

#icons {
	float:left;
	width:400px;
	height:40px;
	margin-top:20px;
}

#banner {
	float:right;
	width:164px;
	height:40px;
	margin:12px 0px 0 0;
}

/* Menu Styles */
#menu {
	width: 980px;
	height:30px;
	margin: 0 auto;
	/*background: #000 url(../images/nav-bg-long.png);background-repeat: no-repeat;*/
}

#menu_ul {
	color: #FFFFFF;
	width: 100%;
	float: left;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	margin-bottom:10px;
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	color: #fff;
	text-decoration: none;
	float: left;
	padding:10px 20px 10px 20px;
	margin-right:10px;
	margin-top:0px;
}

#menu ul li a:hover {
	color: #ffa633;
	background: #1c1b1b;
}

#menu ul li.first a:hover {
	color: #ffa633;
	background: #1c1b1b;
}

#menu #menu_selected a {
	color: #ffa633;
	background: #1c1b1b;
}

#menu #menu_selected2 a {
	color: #ffa633;
	/*background: url(../images/nav-hover.gif);background-repeat: repeat-x;*/
}

.first-menu-link {
	padding-left:0;
	margin-left:0;
}

/* Main Content */

.box-pricing {
	float:left;
	width:300px;
	margin-bottom:20px;
	margin-right:30px;
	border:0px dotted #333;
}

.box-pricing-2 {
	float:left;
	width:300px;
	margin-bottom:20px;
	margin-right:30px;
	border:0px dotted #333;
}

.box-pricing ul {
	margin-top:20px;
	margin-left:10px;
}

.box-pricing-2 ul {
	margin-top:20px;
	margin-left:10px;
}

.box-pricing img {
	padding:10px;
	border:1px dotted #999
}

.box-pricing-2 img {
	padding:10px;
	border:1px dotted #999;
}

.pricing-box {
	border:1px dotted #999;
	padding:6px;
	margin-top:8px;
	width:310px;
}

/* Right Panel */
#right-panel {
	float:right;
	width:300px;
	margin-left:20px;
}

.logo {
	float:left;
	padding-right:14px;
}

/* Map */
#map {
	float:right;
	width:540px;
	height:380px;
	border:1px dotted #999;
	margin:20px 0px 20px 0;
	padding:10px;
}

/* Form Styles */

.submit {
	margin-left:6px;
	padding:0px 10px 0px 10px;
	color: #FFA633;
	font-weight:bold;
	background-color:#1a1a1a;
	border:1px solid #666;
	height:30px;
}

#contact_form_errorloc {
	margin-left:4px;
}

#contact_form_errorloc ul li {
	background-image:url(../images/cross.gif);
	background-position:0 0.1em;
	background-repeat:no-repeat;
	padding:0 0 4px 25px;
}

input {
	height:20px;
	background-color:#333;
	color:#fff;
	border:1px solid #999;
}

textarea {
	background-color: #333;
	color:#fff;
	border:1px solid #999;
	width:300px;
}

.form-label {
	width:260px;
}

.form-field {
	width:300px;
}

.err {
	color: #fb6f6f;
	list-style-type:none;
}

/* Footer */
#footer {
	clear:both;
	width:990px;
	height:110px;
	margin: 0 auto;
	border-top:1px dotted #999;
	padding-top:20px;
	padding-bottom:20px;
}

#footer ul li {
	background:none;
	color:#636161;
}

#footer ul li a {
	padding:0 8px 0 8px;
}

.footer-links-left {
	float: left;
	padding-left:0px;
}

.footer-links-right {
	float: right;
	padding-right:0px;
}

.footer-link {
	float: right;
	padding-right:0px;
	padding-top:10px;
}

.footer-text-right {
	float:right;
	padding-top:10px;
}