/* @override 
	http://colossal.net/library/css/screen.css */



h1.clarendon {
	font: bold 47px "Times New Roman", serif;
	margin: 0;
	padding: 0;
}

h2.clarendon {
	font: normal 25px "Times New Roman", serif;
	color: #666;
	margin: 0;
	padding: 0;
}

h2 {
	font: italic normal 18px Georgia, serif;
	color: #888;
	margin: 0;
	padding: 0;
}

h3.clarendon {
	font: normal 22px "Times New Roman", serif;
}

p {
	font: normal 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


div.content {
	width: 990px;
	/*margin-left: auto;
	margin-right: auto;*/
	display: block;
	margin: 0 auto;
}

div.container {
	width: 1110px;
	margin: 0 auto;
	display: block;
}

/* @group Header CSS
========================= */

header {
	width: 990px;
	margin: 0 auto;
	display: block;
}

header a {
	cursor: pointer;
	z-index: 1000;
	position: absolute;
}

header p.intouch {
	color: #fff;
	width: 54px;
	height: 52px;
	text-align: center;
	float: right;
	background:url(../images/get-in-touch-flap.png) no-repeat;
	display: block;
	font-size: 12px;
	margin: 0px 0px 0 965px;
	padding: 5px 0 0 0;
	z-index: 1000;
}

/* @end */
/*End Header CSS*/


/* @group Carousel and Top Banner Section CSS
================================ */
div.logo_container {
	width: 990px;
	display: block;
	margin: 0 auto;
}
a#main-logo {
	width: 235px;
	height: 35px;
	position: absolute;
	background: url(../images/colossal-logo-dark.png) no-repeat bottom;
	display: block;
	margin: 0px 0 -70px 0px;
	padding: 70px 0 0 0;
}

a#main-logo.white {
	background: url(../images/colossal-logo-white.png) no-repeat bottom;
}

section#carousel {
	background: #333 url(../images/carousel-bg.jpg) repeat-x top center;
	height: 420px;
	margin: -20px 0 0 0;
}

section#carousel ul li {
	list-style-type: none;
}

section#carousel ul#gallery {
	width: 2400px;
	overflow: hidden;
	height: 525px;
	margin: 0 auto;
}

div.gallery-item img {
	display: block;
	margin: 20px auto 0;
}

section#carousel ul#gallery li.roundabout-moveable-item {
	height: 420px;
	overflow: hidden;
	margin: 0 0 0 0;
}

section#carousel ul#gallery li.roundabout-moveable-item img {

}

section#carousel ul#gallery li.roundabout-in-focus {
	height: 525px;
	overflow: hidden;
	margin: 0 0 0 0;
}

section#banner {
	background: #333 url(../images/carousel-bg.jpg) repeat-x top center;
	height: 180px;
	margin: 0px 0 0 0;
}

/* @end */
/*End carousel and Banner CSS*/

/* @group Who We Are Section CSS
================================== */

section#who {
	background: #fff url(../images/white-cross.jpg) center repeat-y;
	padding-bottom: 80px;
	padding-top: 165px;
}

section#who h2.clarendon:after {
	content: url(../images/quality-badge.jpg);
	position: absolute;
	margin: -5px 0 0 105px;
}

section#who p {
	font: normal 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

section#who article {
	margin-top: 60px;
}

article.about {
	width: 380px;
	padding-left: 15px;
}

article.about strong {
	font-size: 15px;
}

article.capabilities {
	width: 540px;
}

article.capabilities ul {
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}

article.capabilities ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 175px;
}

article.capabilities strong, article.capabilities p {
	padding: 0 0 5px 0;
	margin: 0;
	display: block;
}

article.capabilities strong {
	font-size: 11px;
}

/* @end */
/*End Who We Are Section*/

/* @group Select Work Section CSS
=================================== */

section#work {
	background: #fff url(../images/white-cross.jpg) center repeat-y;
	padding-bottom: 115px;
}

section#work ul {
	margin: 30px -15px 0 0;
	padding: 0;
}

section#work ul li {
	list-style-type: none;
	float: left;
	margin: 0 15px 30px 0;
}

section#work ul li h1, section#work ul li h2 {
	margin: 0 0 3px 8px;
	padding: 0;
}

section#work ul li h1 {
	font-size: 15px;
	color: #666;
}

section#work ul li h2 {
	font-size: 12px;
	color: #000;
}

section#work ul li a img {
	border: 8px solid #e5e5e5;
	margin-bottom: 8px;
}

section#work ul li a:hover img {
	border: 8px solid #000;
	-o-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}

section#work ul li a.no_link:hover img {
	border: 8px solid #e5e5e5;
}

/* @end */
/*End Work Section CSS*/

/* @group Client Section CSS
============================= */

section#clients {
	background: #f7f7f7 url(../images/gray-cross.jpg) center repeat-y;
	padding-top: 35px;
	padding-bottom: 115px;
}

section#clients h1.clarendon:after {
	position: absolute;
	content: url(../images/premium-badge.png);
	margin: -80px 0 0 685px;
}

section#clients ul {
	margin: 0;
	padding: 0;
}

section#clients ul li {
	list-style-type: none;
}

section#clients ul.client-list {
	padding-bottom: 45px;
}

section#clients ul.client-list li {
	float: left;
}

section#clients ul.client-list-small {
	margin-right: -40px;
}

section#clients ul.client-list-small li {
	width: 200px;
	padding-right: 20px;
	padding-left: 30px;
}

section#clients ul.client-list-small li a {
	font-size: 12px;
	color: #666;
}

/* @end */
/*End Client Section CSS*/

/* @group Subpage CSS
============================== */

section#page.white {
	background: #fff url(../images/white-cross.jpg) center repeat-y;
}

section#page.gray {
	background: #fff url(../images/gray-cross.jpg) center repeat-y;
}

section#page.starting-section {
	padding-top: 85px;
}

section#page {
	padding-bottom: 100px;
	padding-top: 45px;
}

div.content article.main {
	width: 650px;
	float: left;
}

article.main p {
	font-size: 12px;
	line-height: 18px;
}

article.main p a {
	color: #777;
}

article.main p a:hover {
	color: #fff;
	background: #000;
}

article.side-content p {
	font-size: 11px;
	line-height: 12px;
}

article.side-content {
	width: 300px;
	position: absolute;
	margin: 60px 0 0 720px;
}

article.side-content a.clarendon {
	font: normal 14px "Time New Roman",serif;
	color: #000;
	padding: 5px;
}

article.side-content a.clarendon:hover {
	background: #000;
	color: #fff;
}

/* @end */
/*End Subpage CSS*/

/* @group Footer CSS
============================ */

footer {
	height: 420px;
	background: #000;
}

footer div.content:before {
	content: url(../images/footer-badge.png);
	position: absolute;
	margin: -53px 0 0 440px;
}

footer section {
	padding-top: 40px;
}

footer section.get-in-touch {
	width: 365px;
	padding-left: 15px;
}

footer article.social-links h1 {
	font-size: 20px;
}

footer article.social-links p {
	float: left;
	width: 170px;
	padding: 5px 0;
	margin: 0;
}

footer section.offices {
	width: 365px;
	padding-right: 15px;
}

footer section.offices p {
	float: left;
	width: 180px;
}

footer section.offices p strong {
	font-size: 20px;
	padding-bottom: 10px;
}

footer section.offices p br {
	margin: 0 0 5px 0;
	display: block;
}

footer h1, footer strong, footer p a {
	color: #fff;
}

footer p a:hover {
	color: #000;
	background: #fff;
}

footer h2.clarendon {
	font-size: 14px;
	color: #999;
	padding-bottom: 50px;
}

footer p {
	color: #666;
	font-size: 14px;
}

footer p.fineprint {
	font-size: 10px;
	padding-top: 35px;
}

/* @end */
/*End Footer CSS*/

/* @group Common CSS
========================= */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.center {
	display: block;
	margin: 0 auto;
}

.textcenter {
	text-align: center;
}

.textright {
	text-align: right;
}

.textleft {
	text-align: left;
}

hr {
	background: #d1d1d1;
	outline: 0;
	border: 0;
	height: 1px;
	margin: 15px 0;
}

/* @end */