* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
}
body {
	background:#282420 url(../img/bg_main.jpg) 50% 0px repeat;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#82807E;	
	margin:0;
	padding:0;
	line-height:150%;

}

a {
	color:#CCCCCC;
	text-decoration:none;
}
/*-----------------------------
Content Typography for #content
-------------------------------*/
h1 {
	margin:0;
	padding:0;
	color:#fff;
	font-size:32px;
	font-weight:normal;
	margin-bottom:1em;
}
h2 {
	font-size:16px;
	margin-bottom:1em;
	color:#fff;
}
h3 {
	font-size:14px;
	font-weight:normal;
	margin-bottom:1em;
	color:#fff;
}
p {
	margin:0;
	padding:0;
	margin-bottom:1em;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:1em;
}
ul li {
	background:url(../img/bullet.gif) left 3px no-repeat;
	padding-left: 20px;
	margin-bottom:5px;
}
blockquote {
	background:url(../img/quote.gif) top left no-repeat;
	padding:0;
	margin:0;
	padding-left:40px;
	font-style:italic;
}
abbr {
	border-bottom:1px  dotted #fff;
}
code {
	display:block;
	white-space:pre;
	background:#000;
	color:#CCC;
	padding:10px;
}
/*-----------------------------
Layout
-------------------------------*/

* {
	margin:0;
	padding:0;
}

/* The CSS that's required to position the footer */

html {
	height: 100%;
}

body {
	height: 100%;
}
#page {
	width:960px;
}

#pseudoWrap {
	position: relative;
	min-height: 100%;
}

* html #pseudoWrap {
	height: 100%;
}
#pseudoWrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#footer {
	background:#999;
	border:0px solid red;
	position: relative;
	margin: -280px auto 0 auto;
	width:100%;
	height:300px;
	background-color: #666666;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer {
	margin-top: -280px;
	height:1%;
}

#content {
width:640px;
padding-bottom:300px;
padding-top:20px;
}
#content.homepage {
width:auto;
float:none;
}

#page {
margin:0 auto;
min-height:100%;
text-align:left;
width:960px;
}
#sidebar {
width:160px;
position:absolute;
top:140px;
right:0;
}




/*-----------------------------
Header
-------------------------------*/
#header {
	background:url(../img/bg_heading.jpg) bottom left no-repeat;
}

h1#logo {
	margin:0;
	padding:0;
	margin-top:20px;
	background:none;
}
h1#logo a {
	background:url(../img/logo.png) top left no-repeat;
	width:195px;
	height:65px;
	display:block;
	text-indent:-40px;
}

/*-----------------------------
Top Menu
-------------------------------*/
ul#topMenu {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
	margin-top:-40px;
}
ul#topMenu li {
	float:left;
	padding:0;
	margin:0;
	margin-right:20px;
	background:none;
}
ul#topMenu a {
	font-size:16px;
	color:#66CCFF;
}
ul#topMenu a.selected {
	color:#fff;
}

/*-----------------------------
Footer
-------------------------------*/

#footer {
	clear:both;
	background:#333333;
	color:#CCCCCC;
}
#footer div.wrap {
	width:960px;
	margin:0 auto;
	text-align:left;
}

#footer .col {
	float:left;
	width:320px;
	margin-bottom:10px;
	margin-top:20px;
}
#footer h3 {
	font-size:20px;
	font-weight:normal;
	color:#A9BAC2;
	margin:0;
	padding:0;
	margin-bottom:20px;
}

ul.latestEntries {
	list-style:none;
	margin:0;
	padding:0;
	margin-right:20px;
}
ul.latestEntries li {
	border-top: 1px solid #FF0066;
	padding:0;
	margin-bottom:10px;
	background:none;
}
ul.latestEntries li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html ul.latestEntries li{height: 1%;}
ul.latestEntries li {display: block;}
/* End hide from IE-mac */

ul.latestEntries span.date {
	background:#FF0066;
	float:left;
	padding:1px 3px;
	font-size:11px;
	margin-right:10px;
	width:60px;
}
ul.latestEntries a {
	float:left;
	margin-top:2px;
	width:220px;
}


ul.services {
	list-style:none;
	margin:0;
	padding:0;
	margin-right:20px;
}
ul.services li {
	border-bottom: 1px solid #FF0066;
	padding:0;
	padding-bottom:7px;
	margin-bottom:7px;
	background:none;
}

form#quickcontact {
}
form#quickcontact label {
	display:none;
}
form#quickcontact input.text {
	background:#cccccc;
	width:306px;
	padding:0 15px;
	height:23px;
	padding-top:7px;
	/*height:30px;*/
	vertical-align:baseline;
	border:none;
	margin-bottom:5px;
	color:#333333;
	font-size:11px;
}

form#quickcontact input.text:focus {
	background-position:0 -30px;
	color:#fff
}
form#quickcontact textarea.textarea:focus {
	background-position:0 -70px;
	color:#fff;
}
form#quickcontact textarea.textarea {
	width:306px;
	height:54px;
	padding:7px 15px;
	border:none;
	margin-bottom:5px;
	color:#8EA4AF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	overflow:hidden;
}
form#quickcontact input.submit {
	background:url(../img/bg_button_footer.gif) top left no-repeat;
	width:100px;
	height:30px;
	border:none;
	text-transform:uppercase;
	color:#fff;
}
form#quickcontact input.submit:hover {
	background-position:0 -30px;
}

p#copyright {
	display:block;
clear:both;
text-align:right;
font-size:11px;
}

/*-----------------------------
Sidebar
-------------------------------*/
#sidebar h3 {
}
#sidebar li {
	background:none;
	padding:0;
	border-bottom:1px solid #3A3633;
	padding-bottom:5px;
	margin-bottom:5px;
}

/*-----------------------------
Content
-------------------------------*/
#content {
	
}
#accordion {
	margin:0;
	overflow:hidden;
	padding:0;
}
#accordion div {
	height:340px;
	position:relative;
	overflow:hidden;
}
#accordion div p {
	position:absolute;
	bottom:10px;
	right:0px;
	background:#000;
	padding:5px;
	float:left;
}
h3 a:focus, h3:focus {
	outline:none;
}

h3.tab {
	background:#FD5A00;
	font-size:16px;
	color:#fff;
	padding:0;
	margin:0;
	padding:5px;
	cursor:pointer;
	padding-left:10px;
	font-weight:bold;
}
h3.tab a {
	color:#fff;
}
h3.tab0 {
	background:#FF0099;
}
h3.tab1 {
	background:#333333;
}
h3.tab2 {
	background:#666666;
}
h3.tab3 {
	background:#333333;
}
h3.tab4 {
	background:#666666;
}

/*-----------------------------
Blog
-------------------------------*/
.meta {
	font-size:11px;
	color:#3A3633;
}
div.post {
	border-bottom:1px solid #3A3633;
	margin-bottom:10px;
	padding-bottom:5px;
}
div.postText {
	margin-bottom:10px;
}
a.readmore {
	background:#66CCFF;
	padding:5px 10px;
	color:#000;
}


/*-----------------------------
Portfolio
-------------------------------*/
div.work {
	width:300px;
	float:left;
	margin-right:20px;
	border-top:1px solid #3A3633;
	padding-top:5px;
}
div.work h2 {
	padding-right:50px;
	margin-bottom:5px;
	margin-top:5px;
}
a.url, a.preview {
float:right;
margin-top:10px;
padding-right:15px;
display:block;
height:12px;
line-height:12px;
font-size:11px;
}
a.url {
	background:url(../img/ico_url.gif) right top no-repeat;
}
a.preview {
	background:url(../img/ico_preview.gif) right top no-repeat;
}

/*-----------------------------
Contact
-------------------------------*/
form.simple {
}
form.simple label {
	display:none;
}
form.simple input.text {
	background:url(../img/bg_input.gif) top left no-repeat;
	width:306px;
	padding:0 15px;
	height:23px;
	padding-top:7px;
	border:none;
	margin-bottom:5px;
	color:#8EA4AF;
	font-size:11px;
}

form.simple input.text:focus {
	background-position:0 -30px;
	color:#fff
}
form.simple textarea.textarea:focus {
	background-position:0 -150px;
	color:#fff;
}
form.simple textarea.textarea {
	background:url(../img/bg_textarea.gif) top left no-repeat;
	width:386px;
	height:136px;
	padding:7px 15px;
	border:none;
	margin-bottom:5px;
	color:#8EA4AF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	overflow:hidden;
}
form.simple input.submit {
	background:url(../img/bg_button.gif) top left no-repeat;
	width:100px;
	height:30px;
	border:none;
	text-transform:uppercase;
	color:#fff;
	clear:both;
	display:block;
}
form.simple input.submit:hover {
	background-position:0 -30px;
}






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


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */