/* ----------- Reset ---------- */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}

/* ----------- Basic layout ---------- */
body {
	background: url(images/body-bg.png) repeat-x;
	line-height: 1;
	font: small Tahoma, Geneva, Verdana;
	color: #575757;
}
.wrap {
	width: 1200px;
	margin: 0 auto;
	overflow: visible;
}

#main-column {
	width: 420px;
	padding: 35px 0 0 200px;
	overflow: visible;
	float: left;
}
#right-column {
	float: right;
	width: 550px;
	color: #0e76bc;
}
#footer {
	background: url(images/footer-bg.png) repeat-x;
	clear: both;
	width: 100%;
}

/* ----------- Headings and generic tags ---------- */
h1 {
	font-size: 1.3em;
	color: #404041;
	background: url(images/rule.gif) repeat-x;
	padding: 15px 0 0;
	margin: 10px 0 15px 0;
}
h2 {
	margin-top: 40px;
}
h3 {
	color: #0e76bc;
	font-size: 1em;
}
h2#samples {
	background: url(images/title-samples.png);
	width: 415px;
	height: 49px;
	margin-bottom: 10px;
}

h2#rates {
	background: url(images/title-rates.png);
	width: 415px;
	height: 44px;
}
h2#videos {
	background: url(images/title-videos.png);
	width: 415px;
	height: 41px;
}
h2#contact {
	background: url(images/title-contact.png);
	width: 415px;
	height: 36px;
}
h2#team {
	background: url(images/title-team.png);
	width: 415px;
	height: 36px;
}
p {
	margin: 10px 0;
}
ul {
	padding: 0 5px 0 15px;
}
p, ul, ol {
	line-height: 2;
}
a {
	color: #58a8de;
}

/* ----------- Basic classes ---------- */
.replace {
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
}
.highlight {
	color: #0e76bc;
}
.underline {
	text-decoration: underline;
}
.border {
	background: url(images/rule.gif) left bottom repeat-x;
	padding-bottom: 1px;

}
.message {
	color: #a12929;
	font-weight: bold;
}

/* ----------- Background handwriting ---------- */
#who {
	background: url(images/who.png) left center no-repeat;
	left: -250px;
	padding: 15px 0 15px 250px;
	margin: 10px 0;
	width: 400px;
	position: relative;
}
#what {
	background: url(images/what.png) right top no-repeat;
	margin-right: -250px;
	padding-right: 250px;	
	position: relative;
}
#results {
	background: url(images/results.png) left top no-repeat;
	left: -250px;
	padding-left: 250px;
	width: 400px;
	clear: both;
	position: relative;
}

/* ----------- Background handwriting ---------- */
#results img {
	border: 10px solid #CECECE;
	margin: 15px 0 5px;
}
.view {
	display: block;
	text-align: right;
	color: #cccdcd;
	font-size: 1.2em;
}
.view:hover {
	color: #58a8de;
}
.service {
	width: 140px;
	float: left;
	font-size: .95em;
	padding: 0 0 40px;
}

/* ----------- Right column ---------- */
#social {
	list-style: none;
	margin-top: 14px;
}
p.contact {
	clear: both;
	background: url(images/bird.jpg) center 10px no-repeat;
	padding-top: 120px;
	margin-left: 120px;
	width: 170px;
	color: #58a8de;
	font-size: .9em;
	line-height: 1.6;
}
#social li {
	float: left;
}
#social li a {
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
	display: block;
	height: 50px;
}
li#twitter a {
	width: 123px;
	background: url(images/icon-twitter.jpg);
}
li#facebook a {
	width: 114px;
	background: url(images/icon-facebook.jpg);
}
li#linkedin a {
	width: 115px;
	background: url(images/icon-linkedin.jpg);
}
li#print a {
	width: 120px;
	background: url(images/icon-junkie.jpg);
}
#right-column blockquote {
	margin: 670px 0 0 80px;
	width: 280px;
	font-size: .9em;
}
#right-column blockquote strong {
	font-size: 1.3em;
}
#right-column blockquote span {
	display: block;
	margin-top: 10px;
}

/* ----------- Main content ---------- */
.video {
	background: #CBCECE;
	padding: 5px;
	width: 396px;
	margin: 20px 0;
}
input.text {
	width: 190px;
	float: left;
	background: url(images/input-bg.png) repeat-x;
	border: 1px solid #CED1D1;
	margin: 10px 5px 10px 0;
	padding: 5px;
	color: #7f7f7f;
}
textarea {
	width: 400px;
	height: 80px;
	clear: both;
	background: url(images/input-bg.png) repeat-x;
	border: 1px solid #CED1D1;
	margin: 10px 5px 10px 0;
	padding: 5px;
	color: #7f7f7f;
}

#submit {
	margin-top: 10px;
}
ol {
	list-style: none;
	margin: 0 0 80px;
}
#theteam p, #theteam ol {
	line-height: 1.6;
}
#footer img {
	margin: 0 0 200px 160px;
}

/* ----------- Portfolio page ---------- */
body.port {
	min-height: 660px;
}
.port-wrap {
	width: 760px;
	margin: 0 auto;
	padding: 40px 0 0;
	position: relative;
	text-align: center;
}
#logo {
	margin: 0 auto;
	display: block;
	width: 43px;
}
ul.port img {
	margin: 20px auto 0;
	border: 10px solid #CECECE;
}
ul.port {
	list-style: none;
}
a#prev, a#next {
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
	display: block;
	position: absolute;
	width: 32px;
	height: 33px;
	top: 550px;
}
a#prev {
	background: url(images/btn-left.png);
	right: 50px;
}
a#next {
	background: url(images/btn-right.png);
	right: 10px;
}