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

/* Basic */

body {
	background: #333 url(../img/header_bg.jpg) repeat-x;
	color: #999999;
	padding: 0px;
	margin: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height: 22px;
}

#container {
	margin: 0 auto;
	background: none;
	width: 800px;
	padding: 0px;
}

/* Logo */

#logo {
	background: url(../img/logo.png) no-repeat;
	float: left;
	width: 150px;
	height: 145px;
}

#logo a {
	background: none;
	width: 150px;
	height: 145px;
	margin: 0px;
	z-index: 5;
}

/* clientBtn */

#clientBtn {
	float: right;
	padding: 0px;
	margin: 0px;
	height: 25px;
	width: 63px;
	z-index: 2;
}

#clientBtn ul {
	height: 25px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#clientBtn ul li {
	float: left;
	display: inline;
}

#clientBtn ul li a {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

#clientBtn ul li a:hover {
	background-position: left -25px;
}


#clientBtn ul li a#clientBtn {
	background-image: url(../img/client_btn.png);
}

#newBadge{
	background: url(../img/newSiteBadge.png) no-repeat;
	float: right;
	margin: -125px 0px 0px 0px;
	width: 123px;
	height: 123px;
	z-index: 100;
}

/* Menu */

#menu {
	float: right;
	padding: 12px 220px 0px 0px;
	height: 27px;
	z-index: 2;
}

#tagline {
	background: url(../img/tagline.gif) no-repeat;
	margin: 60px 0px 0px 325px;
	float: left;
	width: 322px;
	height: 20px;
}

#menu ul {
	height: 27px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu ul li {
	float: left;
	display: inline;
}

#menu ul li a {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

#menu ul li a:hover {
	background-position: left -27px;
}


#menu ul li a#home {
	background-image: url(../img/m_01.png);
}

#menu ul li a#about {
	background-image: url(../img/m_02.png);
}

#menu ul li a#work {
	background-image: url(../img/m_03.png);
}

#menu ul li a#blog {
	background-image: url(../img/m_05.png);
}

#menu ul li a#contact {
	background-image: url(../img/m_04.png);
}


/* Content */

#content {
	background: none;
	padding: 0px 0px 0px 0px;
}

#mainContent {
	background: #FFFFFF;
	padding: 10px 10px 10px 10px;
	border: 1px #ccc solid;
}

#bottomContent {
	background: #ffffff;
	margin-top: 20px;
	border: 1px #ccc solid;
	font-family: palantino, georgia;
	font-size: 12px;
	height: 123px;
}

#bottomContent a {
	font-size: 12px;
	color: #e03735;
	font-family: inherit;
	text-decoration: none;
	font-style: italic;
}

#bottomContent a:hover {
	text-decoration: underline;
}

h1 {
	font-weight: normal;
	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	color: #e03735;
	font-size: 24px;
	line-height: normal;
}

h2 {
	font-weight: normal;
	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	color: #666666;
	font-size: 20px;
	line-height: normal;
	border-bottom: dashed #eaeaea 2px;
}

.desc {
	font-family: palantino, georgia;
	font-style: italic;
	color: #333333;
	font-weight: normal;
	padding-top: 5px;
	width: 150px;
}


#bottomContent ul {
	list-style: none;
	text-indent: 0px;
}

#innerContainer {
	background: url(../img/bottomContent_bg.jpg) repeat-x;
	height:103px;
	width: 780px;
	margin: 10px;
}

#innerContainer ul li {
	float: left;
	display: inline;
	padding: 5px 10px 0px 0px;
}

#bottomLeft {
	background-image: url(../img/cadillac.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 0px;
	width: 280px;
}

#bottomMiddle {
	width: 200px;
}

#bottomRight {
	float:right;
}


/* Header Text */

#header {
	height: 200px;
}

#headerTxt {
	background: url(../img/header_txt.png) no-repeat;
	float:right;
	margin: 20px 82px 0px 0px;
	width: 540px;
	height: 67px;
	z-index: 100;
}

#headerTxt a {
	background:none;
	width: 90px;
	height: 16px;
	margin: 47px 47px 0px 0px;
	float: right;
	z-index: 100;
}

#headerTxt a:hover {
	border-bottom: 1px solid #e03735;
}

/* Links */



/* Footer */

#footer {
	padding-top: 10px;
	color: #eaeaea;
	font-size: 10px;
	font-family: 'Helvetica', Verdana, Arial, sans-serif;
}

p { margin: 0px; }

a img { border: 0; }

#dynamIt {
	width: 778px;
}

	#dynamIt a {
		color: #e03735;
		text-decoration: none;
	}

	#dynamIt a:hover {
		color: #e03735;
		text-decoration: underline;
	}

/** editor styles follow **/

.titles {
	font-size: 20px;
	color: #e03735;
}

.subHeadings {
	font-size: 16px;
	color: #666666;
}

/** end editor styles **/