body {
	margin:10px 0 0 0;
	background-image:url(../images/background_main.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#f5f5f5;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:62.5% ; /*** Sets all fonts to 10px to make resize calculations easy ***/	
}

a:active { /*** Removes dotted borders from links in Firefox ***/
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

#client-preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
}

#container {
	width:950px;
	margin:0 auto;
	position:relative;
}

.clear {
	clear:both;
}

.goback {
	padding:15px 0 0 0;
}

.client_list {
	padding:0 0 0 20px;
}

.client_list li {
	float:left;
	width:175px !important;
}

.goback a {
	background-image:url(../images/back_button.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:48px;
	height:31px;
	display:block;
	text-indent:-9999px;
}

.goback a:hover {
	background-position:bottom;
}


.rss a {
	text-indent:-9999px;
	width:18px;
	height:18px;
	float:right;
	background-image:url(../images/rss.gif);
	position:relative;
	/*top:25px; Use this value to place the RSS icon into its original position when the search has also been placed back */
	
	top:58px;  /* Use this value when the search div is commented out (hidden)*/
	right:10px;	
	
}

h1 {
	background-image:url(../images/titan_interactive_logo.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:49px;
	text-indent:-9999px;
	padding:0;
	margin:0;
}

h1 a {
	display:block;
	height:49px;
	width:90px;
}

#main_banner {
	width:950px;
	height:230px;
}



/*** The Jobs Graphic  ***/

#jobs {
	margin:0;
	padding:20px;
	list-style:none;
	display:block;
	background-color:#ccc;
	font-size:1.3em;
	background-image:url(../images/background_message.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#e9f3fa;
	color:#fff;
	text-align:center;
	font-size:1.6em;
	letter-spacing:-0.03em;
	font-family:Arial, Helvetica, sans-serif;
}

#jobs a {
	color:#ffdf6e;
}

#jobs a:hover {
	color:#ffc600;
}



/*** The search box  ***/

form {
	padding:0;
	margin:0;
}

.search div {
	background-image:url(../images/background_search.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width:200px;
	height:38px;
	float:right;
	padding:0;
}

.search div:hover {
	background-position:bottom right;
}

.search_field {
	border:0px;
	color:#0765aa;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	background-color:#fff;
	font-size:1.1em;
	height:15px;
	width:105px;
	margin:11px 0 0 59px;
}

.search_button {
	margin:2px 0 0 5px;
	height:20px;
	width:22px;
	border:0px;
	background:none;
	cursor:pointer;
	text-indent:-9999em;
	font-size:0;
	line-height:0;
}

.search_query {
	font-size:1.3em;
}

.search_query span {
	color:#ff6600;
	font-style:italic;
}

.search_results {
	background-image:url(../images/search_query.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	margin-top:20px;
	font-size:1.3em;
	color:#ff6600;
}

hr {
	border:solid 1px #065b9a;
}

/*** The 3 main services  ***/
#boxes {
	width:950px;
	height:140px;
}

#boxes ul {
	padding:0;
	margin:0;
}

#boxes li {
	padding:0;
	margin:0;
	height:140px;
	float:left;
	list-style:none;
}

.services_corporate a {
	width:316px;
	height:140px;
	background-image:url(../images/services_01.gif);
	background-position:top;
	float:left;
	display:block;
	text-indent:-9999px;
}

.services_corporate a:hover {
	background-position:bottom;
}

.services_web a {
	width:316px;
	height:140px;
	background-image:url(../images/services_02.gif);
	background-position:top;
	float:left;
	display:block;
	text-indent:-9999px;
}

.services_web a:hover {
	background-position:bottom;
}

.services_design a {
	width:318px;
	height:140px;
	background-image:url(../images/services_03.gif);
	background-position:top;
	float:left;
	display:block;
	text-indent:-9999px;
}

.services_design a:hover {
	background-position:bottom;
}



/*** The main content area  ***/
#content {
	width:552px;
	min-height:500px;
	background-image:url(../images/content_slip.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#f5f5f5;
	float:left;
	padding:55px 40px 20px 40px;
	color:#5e7887;
	font-size:1.3em;
	line-height:1.6em;
}

#content a {
	color:#5e7887;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#content a:hover {
	background-color:#0090c6;
	color:#fff;
	text-decoration:none;
}

#content h2 {
	color:#083249;
	font-weight:normal;
	font-size:2.4em;
	line-height:1em;
	padding:0;
	margin:0 0 25px 0;
	letter-spacing:-0.03em;
}

#content h3 {
	color:#0090c6;
	background-image:url(../images/background_heading3.gif);
	font-weight:normal;
	font-size:1.3em;
	padding:2px 0 2px 10px;
	margin:0;
	letter-spacing:-0.03em;
	display:block;
	clear:both;
}

#content h4 {
	color:#0090c6;
	font-weight:normal;
	font-size:1.2em;
}


#content ul {
	display:inline-table;
	margin-bottom:30px;
}

#content li {
	list-style-image:url(../images/li.gif);
}

#content li:hover {
	list-style-image:url(../images/li_hover.gif);
}

#content img {
	float:right;
	margin-left:12px;
}


/*** The buttons for the homepage ajax slider  ***/
#button_01 {
	text-indent:-9999px;
	display:block;
	float:left;
	width:32px;
	height:29px;
	background-image:url(../images/button_01.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#button_01:hover {
	background-position:bottom;
}

#button_02 {
	text-indent:-9999px;
	display:block;
	float:left;
	width:34px;
	height:29px;
	background-image:url(../images/button_02.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#button_02:hover {
	background-position:bottom;
}

#button_03 {
	text-indent:-9999px;
	display:block;
	float:left;
	width:31px;
	height:29px;
	background-image:url(../images/button_03.gif);
	background-position:top;
	background-repeat:no-repeat;
}

#button_03:hover {
	background-position:bottom;
}



/*** The sidebar which contains the news  ***/
#sidebar {
	width:280px;
	background-color:#fff;
	float:right;
	padding:55px 10px 20px 28px;
	color:#5e7887;
	font-size:1.3em;
	line-height:1.6em;
}

#sidebar a {
	color:#5e7887;
}

#sidebar a:hover {
	background-color:#0090c6;
	color:#fff;
	text-decoration:none;
}

#sidebar h2 {
	color:#083249;
	font-weight:normal;
	font-size:2.4em;
	padding:0;
	margin:0;
	letter-spacing:-0.03em;
}

#sidebar span {
	color:#f78600;
	font-size:.8em;
}

#sidebar p {
	margin-bottom:20px;
	display:block;
}

.all_news a {
	width:280px;
	height:29px;
	display:block;
	text-indent:-9999px;
	background-image:url(../images/all_news.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin:30px 0 0 0;
}

.all_news a:hover {
	background-position:bottom;
	background-color:#fff;
}



/*** The featured case studies/designs  ***/

.feature_box {
	clear:both;
}

#feature_01 {
	width:316px;
	height:156px;
	background-color:#f5f5f5;
	float:left;
}

#feature_01 h3 {
	padding:0;
	margin:0;
	height:16px;
	background-image:url(../images/feature_header.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#feature_01 h3 a {
	background-image:none;
}

#feature_01 a {
	display:block;
	height:140px;
	background-image:url(../media/feature_01.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#feature_02 {
	width:316px;
	height:156px;
	background-color:#f5f5f5;
	float:left;
}

#feature_02 h3 {
	padding:0;
	margin:0;
	height:16px;
	background-image:url(../images/feature_header.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#feature_02 h3 a {
	background-image:none;
}

#feature_02 a {
	display:block;
	height:140px;
	background-image:url(../media/feature_02.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}


#feature_03 {
	width:318px;
	height:156px;
	float:left;
}

#feature_03 h3 {
	padding:0;
	margin:0;
	height:16px;
	background-image:url(../images/feature_header.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#feature_03 h3 a {
	background-image:none;
}

#feature_03 a {
	display:block;
	height:140px;
	background-image:url(../media/feature_03.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

/*** Intro Area ***/

.intro_area {
	width:550px;
}

.intro_area p {
	float:left;
	padding:0;
	margin:5px 5px 20px 0;
	font-size:.9em;
	color:#0090c6;
	width:177px;
}

.intro_area img {
	border:solid 4px #fff;
	margin:0 0 -3px 0 !important;
	float:left !important;
}

.intro_area img:hover {
	border:solid 4px #0090c6;
}



/*** The footer  ***/
#footer_area {
	height:41px;
	background:url(../images/background_footer.gif) repeat-x;
	padding:25px 0 0 0;
	color:#5f7a89;
	font-size:1.2em;
}

#footer_area strong a {
	background:url(../images/titan_interactive.gif) no-repeat;
	width:64px;
	height:19px;
	text-indent:-9999px;
	display:block;
	margin:0 0 0 15px;
}

#footer_area ul {
	margin:0;
	padding:0;	
}

#footer_area li {
	list-style:none;
	display:block;
	float:left;	
}

#footer_area li a {
	text-decoration:none;
	color:#9fb0b9;
	background-image:url(../images/menu_separator_footer.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:0 10px 0 10px;
	position:relative;
	top:-20px;
	left:95px;
}

#footer_area li a:hover {
	color:#fff;
}

#footer_area p {
	padding:0;
	margin:0 20px 0 0;
	float:right;
	position:relative;
	top:-20px;
}


/*** Form elements  ***/
fieldset {
	border:none;
	padding:0;
	margin:0;
}


fieldset legend {
	color:#e76d00;
	text-indent:-9999px;
}

fieldset strong {
	width:135px;
	float:left;
	display:block;
}

fieldset input, select, textarea {
	width:350px;
	border:solid 1px #ccc;
	color:#0770a7;
	padding:2px;
	font-size:1em;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
.error{
color: #FF0000;
font-size:12px;

}

.submit_button {
	margin:0 0 0 135px;
	width:100px;
	background-image:url(../images/button_submit_off.gif);
	border:solid 3px #b5b5b5;
	color:#61a6d4;
	font-weight:bold;
}

.submit_button:hover {
	background-image:url(../images/button_submit_on.gif);
	color:#006987;
}

/*** Ajax div ***/
#rightcolumn{
	width:550px;
	height:315px;
	text-align:center
}

/*** Sponsors links ***/
.sponsors ul {
	padding:0;
	margin:15px 0 0 0;
}

.sponsors li {
	width:250px;
	height:200px;
	margin:0 20px 40px 0;
	float:left;
	list-style:none !important;
	text-align:center;
}

.sponsors img {
	margin: 0 auto;
}

.twitter {
	position:absolute;
	right:0;
	top:12px;
	width:210px;
	height:32px;
}

.twitter a {
	width:34px;
	height:32px;
	float:left;
	margin:0 7px 0 0;
	background-image:url(../images/twitter.gif);
	background-repeat:no-repeat;
	text-indent:-9999em;
}

.twitter strong {
	font-size:1.3em;
	color:#fe7800;
	position:relative;
	top:7px;
}


.twitter span {
	color:#045999;
}

.awia {
	margin:30px 0 0 0;
	width:280px;
	height:58px;
	background-image:url(../images/awia.gif);
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-9999em;
}

.awia a {
	width:280px;
	height:58px;
	display:block;
}


.awia a:hover {
	background:none !important;
}

.staff {
	width:166px;
	height:240px;
	float:left;
	margin:0 15px 45px 0;
	text-align:center;
	font-size:.9em;
	line-height:1.2em;
	color:#5e7887;
}

.staff b {
	font-size:1.2em;
	display:block;
	line-height:1.2em;
	color:#2781be;
}

.recaptcha {
	border:1px solid #CCCCCC;
	width:355px;
	float: right;
	margin-right: 60px;
	text-align: center;
}

#recaptcha_response_field {
	float: right;
	margin: 10px 60px 10px 0;
}

#contact_map span{
	display:none;
}