/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Stylesheet by CSSetc.com 2009
Validated CSS 2.1
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* ------------ begin reset = Eric Meyers Reset Reloaded = ------------ */

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}

body {line-height: 1;color: black;background: white;}

ol, ul {list-style: none;}

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

caption, th, td {text-align: left;font-weight: normal;}

blockquote:before, blockquote:after,q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}

/* ------------ end reset ------------*/




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
basic page styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {
	font-family:"Lucida Sans Unicode","Lucida Grande", sans-serif;
	font-size:62.5%; /* resets font size 1em = 10px */
	color: #000;
	background: #feffff url(images/bg.jpg) repeat-x;
}

a:link, a:visited, a:hover {color:#bdcfec;text-decoration:none;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
structure
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#wrapper {
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	width: 870px;
}

#header {
	position: relative;
	padding-top: 14px;
	height: 120px;
}

#content {padding-bottom: 40px;}

#footer {
	margin-top: 30px;
	padding: 10px;
	height: 50px;
	position: relative;
	color: #fff;
	background: #000 url(images/splash2.jpg) no-repeat scroll 114px 0;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
header content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header h1, #header h2 {display: none;}

#navbar {
	position: absolute;
	bottom: 40px;
	right: 20px;
}
#navbar a {padding: 0 10px;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#splash {
	margin-left: 55px;
	width: 760px;
	height: 200px;
	position: relative;	
	color: #fff;
	background: url(images/splash.jpg) no-repeat;	
}
#splash h4 {padding: 10px 0 7px;font-size: 1.6em;font-weight: normal;}
.splashtxt {
	padding: 20px 0 0 20px;
	font-size: 1.7em;
	text-align: left;
	line-height: 115%;
}
.splashtxt2 {
	padding: 20px 0 0 20px;
	font-size: 1.6em;
	text-align: left;
	line-height: 120%;
}
.splashtxt3 {
	font-size: 1.3em;
	text-align: left;
	line-height: 120%;
}
.sig {
	position: relative;
	left: 500px;
	top: 7px;
	font-size: 1.3em;
}
.splashbig {
	padding: 20px 0 0 20px;
	font-size: 2em;
	letter-spacing: .05em;
}
.splashcontact {
	padding: 10px 0 0 40px;
	font-size: 1.5em;
	line-height: 150%;
}
.splashicq {
	position: relative;
	top: -88px;
	left: 250px;
	font-size: 1.5em;
	line-height: 140%;
}
.psdprice {
	float: left;
	width: 215px;
	margin-left: 30px;
}
.cssprice {
	float: left;
	width: 200px;
}
.wpprice {
	float: left;
	width: 230px;
	margin-left: 20px;
}
.tag {
	position: absolute;
	right: 0;
	bottom: -1px;
}

#services {
	margin: 30px 0 0 60px;
	width: 750px;
}
#services h3 {
	margin-bottom: 7px;
	padding-bottom: 7px;
	font-size: 2.1em;
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
.servicestxt {
	margin-bottom: 7px;
	font-size: 1.6em;
	text-align: center;
	line-height: 110%;
}
.servicespt {
	margin-left: 30px;
	font-size: 1.4em;
	line-height: 150%;
}

#psd {
	float: left;
	width: 230px;
	padding-top: 10px;
}

#css {
	float: left;
	width: 230px;
	margin: 0 13px;
	padding: 10px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#wordpress {
	float: left;
	width: 230px;
	padding-top: 10px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
footer content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer .contact {
	font-size: 2em;
}
#footer .email {
	position: relative;
	top: 7px;
	font-size: 1.6em;
}
#footer .copy {
	position: relative;
	left: 680px;
	bottom: 14px;
	width: 200px;
	font-size: 1.3em;
}
#footer .validate {
	position: relative;
	bottom: 7px;
	left: 670px;
	width: 200px;
	font-size: 1.3em;
}