/*------------------------------------------------------------------
[Master Stylesheet]
Project:		Rocket Creative Thinking
Version:		1.0
Last change:	20/06/08 
____________________________________________________________________
[Layout]
* body

	# wrap

		+ Date / .currentDate
		+ Header / .header
		+ Slogan / .slogan

		+ ContentWraper / .contentWraper
			+ Navigation / .mainNav
			+ Services / .serviceBox
			+ Content / .mainContent
				- Left column / .leftcolumn
				- Right column / .rightcolumn
						- Testimonials / .testimonialsBox
				- About Us Content /.aboutUsContent
						- Left column / .leftcolumn
						- Right column / .rightcolumn
				- Portfolio Content /.portfolioContent
		+ Main Footer / .mainFooter
		+ Site Footer / .siteFooter
____________________________________________________________________
[Color codes]


Background:	#ffffff (white)
Content:	#58595b (dark gray)
Header h1:	#00aeef (pure cyan)
Footer:		#757474 (60% black)


a (standard):	#00aeef (pure cyan)
a (hover):	    #0b184c (dark blue)


-------------------------------------------------------------------*/



body {
	background-color:#FFFFFF;
	padding: 0px;
	margin: 30px 0px 40px 0px;
}
body, td, th {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #58595b;
}
#wrap {
	width: 829px;
	margin: 0px auto;
}
/* Date */

.currentDate {
	text-align: right;
	color: #0b184c;
	font-size: 11px;
	padding-bottom: 7px;
}
.currentDate span {
	padding-right: 20px;
}
/* Header */

.header {
	background-image:url(../img/headerBackground.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 8px;
}
/* Slogan */

.slogan {
	background-color: #6c7275;
	color: #ffffff;
	height: 70px;
	padding-top: 18px;
	text-align: center;
	border-bottom: 8px solid #d2d3d5;
}
/* Content Wraper */

.contentWraper {
	border: 1px solid #d2d3d5;
	border-top: 0px;
	border-bottom-width: 8px;
	padding: 22px;
}
/* Navigation */

.mainNav {
	text-align: center;
	padding-bottom: 14px;
}
/*Services Box*/

.serviceBox {
	text-align: center;
	padding-bottom: 20px;
}
/* Left column */ 

.leftcolumn {
	width: 578px;
}
.featureCaseStudy {
	border-right: 1px solid #58595b;
	padding-right: 16px;
}
.featureCaseStudy h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 160px;
	height: 11px;
	background-image:url(../img/featureCaseStudy.gif);
	background-repeat:no-repeat;
	background-position: left top;
	text-indent: -9999px;
	font-size: 1px;
}
.featureCaseStudy h2 {
	margin: 0px;
	padding: 8px 0px 12px 0px;
	font-size: 16px;
	font-weight: normal;
	color: #00aeef;
}
.featureCaseStudy h3 {
	margin: 0px;
	padding: 8px 0px 8px 0px;
	font-size: 14px;
	font-weight: bold;
	color: #00aeef;
}
/* Right column */ 

.rightcolumn {
	width: 188px;
	float: right;
}
/* About Us Content */

.aboutUsContent {
	padding-top: 36px;
}
.aboutUsContent table {
	padding-bottom: 30px;
}
.aboutUsContent h1 {
	color: #00aeef;
	font-size: 18px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
.aboutUsContent .leftcolumn {
	width: 260px;
	float: left;
}
.leftcolumn a, .leftcolumn a:hover {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #58595b;
}
.leftcolumn a:hover {
	color: #00aeef;
}
.aboutUsContent .rightcolumn {
	width: 513px;
	float: right;
	font-size: 13px;
}
.aboutUsContent .rightcolumn h2 {
	font-size: 13px;
	font-weight: bold;
	color: #00aeef;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.aboutUsBox {
	height: 260px;
	width: 150px;
	overflow: auto;
	margin: 80px 0px 0px 0px;
}

/* Portfolio Content */

.portfolioContent {
	padding-top: 20px;
}
.portfolioContent h1 {
	color: #00aeef;
	font-size: 19px;
	font-weight: normal;
	margin: 0px;
	padding: 28px 0px 4px 0px;
}
.portfolioContent .projectType {
	padding: 0px 0px 44px 0px;
	text-align: left;
}
.portfolioContent .projectMainPic {
	padding: 0px 0px 10px 0px;
	text-align: center;
	display:block;
	position:relative;	
	overflow:hidden;
	text-decoration:none;	
}
	.portfolioContent .projectMainPic span{
		background-color:#FFFFFF;
		color:#000000;
		position:absolute;
		left:0px;
		top:0px;
		display:block;
		height:380px;
		*height:145px;
		width:587px;	
		z-index:3;
		text-align:left;
		text-decoration:none;
		text-align:center;
		font-size:14px;
		font-weight:bold;
		opacity:0;
		filter: alpha(opacity = 0);
		padding-top:25%;
		*padding-top:200px;
	}
.portfolioContent .projectThumbs {
	padding: 0px 0px 10px 0px;
	text-align: left;
}

.portfolioContent .projectThumbs img {
	padding: 0px 0px 0px 9px;
}

.portfolioContent #linking {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	height: 20px;
}

#linking .portfolioNav {
	text-align: center;
}
.portfolioNav a {
	font: normal 12px/16px Tahoma;
	width: 30px;
	text-align: center;
	text-decoration: none;
	color: #58595b;
	vertical-align: middle;
}

.portfolioNav a:hover {
	text-decoration: underline;
	color: #58595b;
}

.portfolioNav .active {
	font-weight: bold;
}
/* previous style */
.prev a {
	font: normal 12px/16px Tahoma;
	text-align: right;
	text-decoration: none;
	color: #00aeef;
	padding-right: 5px;
	vertical-align: middle;
}

.prev a:hover {
	text-decoration: underline;
	color: #00aeef;
}

/* next style */
.next a {
	font: normal 12px/16px Tahoma;
	width: 100px;
	text-align: left;
	text-decoration: none;
	color: #00aeef;
	padding-left: 5px;
	vertical-align: middle;
}

.next a:hover {
	text-decoration: underline;
	color: #00aeef;
}
/* Testimonials */

.testimonialsBox {
	padding: 22px 0px 8px 0px;
}
.testimonialsBox h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 168px;
	height: 11px;
	background-image:url(../img/whatOurClientsSay.gif);
	background-repeat:no-repeat;
	background-position: left top;
	text-indent: -9999px;
	font-size: 1px;
}
.testimonialsText {
	font-size: 11px;
	padding-bottom: 6px;
	text-decoration: none;
	color: #414042;
}
.testimonialsAuthor {
	border-top: 1px solid #797a7c;
	font-weight: bold;
	color: #414042;
	margin-bottom: 12px;
	text-decoration: none;
	margin-bottom: 20px;
	padding: 3px;
}
/* Main Footer */

.mainFooter {
	font-size: 12px;
	font-weight: bold;
	color: #767474;
	padding-top: 16px;
	margin-bottom: 10px;
	text-align: center;
}
.mainFooter a {
	color: #767474;
	text-decoration: none;
}
.mainFooter a:hover {
	color: #00aeef;
	text-decoration: underline;
}
.mainFooter span {
	padding: 0px 20px;
}
/* Site Footer */

.siteFooter {
	font-size: 10px;
	color: #868685;
	margin-bottom: 20px;
	text-align: center;
}
.siteFooter a {
	font-weight: bold;
	color: #868685;
	text-decoration: none;
}
.siteFooter a:hover {
	font-weight: bold;
	color: #00aeef;
	text-decoration: underline;
}
.siteFooter span {
	padding: 0px 12px;
}
.siteFooter .copyrights {
	padding: 10px 0px 10px 0px;
}

.FooterHolder {
	width: 881px;
	margin: 0px auto;
}

/* Forms Styles */

form {
	padding: 0px;
	margin: 0px;
}
.txtform {
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
}
.button {
	border: 1px solid #adb7bc;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	background-color: #34bdef;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 2px;
}

/* Contact Page */
.ContactRight {
	float: right;
	width: 400px;
}
/*Error Message*/

.error_message {
	color: #FF0000;
	text-align: left;
	padding-bottom:10px;
}
/* Clear Fix Problem */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}