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

/*
URL: http://www.r2az.com
Description: R Squared Graphic Design & Advertising
Version: 1.0
Author: Stuart Laybourne - R Squared Graphic Design & Advertising - stuartl@r2az.com - 602.956.8229
*/

/* CSS Document */



/*-----------------------------------------------------------------------------
	Background
----------------------------------------------------------------------------- */

body {
	margin: 0px;
	overflow-x:hidden;
}

/*-----------------------------------------------------------------------------
	Font Face
----------------------------------------------------------------------------- */

@font-face {
	font-family: 'TradeGothicCond18';
	src: url('fontface/tradegotconeig-webfont.eot');
	src: local('tradegothic_cond18'), url('fontface/tradegotconeig-webfont.woff') format('woff'), url('fontface/tradegotconeig-webfont.ttf') format('truetype'), url('fontface/tradegotconeig-webfont.svg#webfontudhlmLH7') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TradeGothicBoldCond20';
	src: url('fontface/tradegotbolcontwe-webfont.eot');
	src: local('tradegothic_cond20'), url('fontface/tradegotbolcontwe-webfont.woff') format('woff'), url('fontface/tradegotbolcontwe-webfont.ttf') format('truetype'), url('fontface/tradegotbolcontwe-webfont.svg#webfontfFeyIsav') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TradeGothicBold2';
	src: url('fontface/tradegotboltwo-webfont.eot');
	src: local('tradegothic_bold'), url('fontface/tradegotboltwo-webfont.woff') format('woff'), url('fontface/tradegotboltwo-webfont.ttf') format('truetype'), url('fontface/tradegotboltwo-webfont.svg#webfont91haHuwD') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TradeGothicTradeGothic';
	src: url('fontface/tradegot-webfont.eot');
	src: local('tradegothic'), url('fontface/tradegot-webfont.woff') format('woff'), url('fontface/tradegot-webfont.ttf') format('truetype'), url('fontface/tradegot-webfont.svg#webfont9QudyMBR') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*-----------------------------------------------------------------------------
	Header
----------------------------------------------------------------------------- */

#header{
	width:auto;
	height:80px;
	overflow:hidden;
}

#logo{
	width:170px;
	height:80px;
	float:left;
	display:inline;
}

#social_media_container{
	width:200px;
	height:80px;
	float:right;
	margin-right:20px;
}

#twitter{
	width:100px;
	height:80px;
	float:left;
	display:inline;
}

#facebook{
	width:100px;
	height:80px;
	float:left;
	display:inline;
}

/*-----------------------------------------------------------------------------
	Header Text
----------------------------------------------------------------------------- */

#header_text_container{
	width:auto;
	height:60px;
	margin-bottom: -1px;
	overflow:hidden;
}

#header_text{
	width:auto;
	height:60px;
	float:right;
}


/*-----------------------------------------------------------------------------
	Main Container
----------------------------------------------------------------------------- */

#main_container {
	width:1000px;
	height:auto;
	float:left;
	display:inline;
}

/*-----------------------------------------------------------------------------
	Main Link Bar
----------------------------------------------------------------------------- */

#main_linkbar{
	width:700px;
	height:40px;
	background-color:#000000;
	margin-right:300px;
	float:left;
	display:inline;
	line-height:44px;
}

a.mainlinks {
	font-family: 'TradeGothicBoldCond20', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #c6e1e6;
	text-decoration: none;
	text-transform: uppercase;
	margin-left:20px;
	margin-right:10px;
	font-weight: lighter;
}

a.mainlinks:hover {
	font-family: 'TradeGothicBoldCond20', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ec5324;
	text-decoration: none;
	text-transform: uppercase;
	margin-left:20px;
	margin-right:10px;
	font-weight: lighter;
}

.mainlinks_noroll {
	font-family: 'TradeGothicBoldCond20', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ec5324;
	text-decoration: none;
	text-transform: uppercase;
	margin-left:20px;
	margin-right:10px;
	font-weight: lighter;
}

a.secondlinks {
	font-family: 'TradeGothicCond18', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #c6e1e6;
	text-decoration: none;
	text-transform: uppercase;
	margin-left:20px;
	font-weight: lighter;
}

a.secondlinks:hover {
	font-family: 'TradeGothicCond18', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ec5324;
	text-decoration: none;
	text-transform: uppercase;
	margin-left:20px;
	font-weight: lighter;
}

a.contact_page {
	font-family: 'TradeGothicTradeGothic', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #c6e1e6;
	text-decoration: none;
	font-weight: lighter;
}

a.contact_page:hover {
	font-family: 'TradeGothicTradeGothic', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ec5324;
	text-decoration: none;
	font-weight: lighter;
}


.secondlinks_noroll {
	font-family: 'TradeGothicCond18', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ec5324;
	text-decoration: none;
	text-transform: uppercase;
	margin-left:20px;
	font-weight: lighter;
}


/*-----------------------------------------------------------------------------
	Secondary Link Bar
----------------------------------------------------------------------------- */

#second_linkbar_on{
	width:500px;
	height:20px;
	margin-right:600px;
	background-color:#000000;
	float:left;
	display:inline;
}

#second_linkbar_off{
	width:500px;
	height:20px;
	margin-right:600px;
	float:left;
	display:inline;
}

/*-----------------------------------------------------------------------------
	Main Content
----------------------------------------------------------------------------- */

#main_content {
	width:1000px;
	height:auto;
	margin-top:20px;
	float:left;
	display:inline;
}

#main_left_container {
	width:280px;
	height:500px;
	margin-left:20px;
	float:left;
	display:inline;
}

#main_right_container {
	width:690px;
	height:500px;
	margin-left:10px;
	float:left;
	display:inline;
}

/*-----------------------------------------------------------------------------
	text
----------------------------------------------------------------------------- */

h4 {
	font-family: 'TradeGothicBoldCond20',Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #ec5324;
	font-size: 19px;
	display: inline;
	font-weight: lighter;
}

h3 {
	font-family: 'TradeGothicBoldCond20',Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #c6e1e6;
	font-size: 30px;
	line-height: 30px;
	display: inline;
	font-weight: lighter;
	overflow:visible;
}

h2{
	font-family: 'TradeGothicBoldCond20',Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #c6e1e6;
	font-size: 46px;
	line-height: 36px;
	display: inline;
	font-weight: lighter;
}

.white_override{
	color:#FFFFFF;
}

.index_text {
	font-family: 'TradeGothicCond18',Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 19px;
	line-height: 21px;
	font-weight: lighter;
}

.index_text_bold {
	font-family: 'TradeGothicBoldCond20',Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 19px;
	line-height: 21px;
	font-weight: lighter;
}

.services_small_text {
	font-family: 'TradeGothicTradeGothic',Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
	font-weight: lighter;
}


.contact_larger_text {
	font-family: 'TradeGothicTradeGothic',Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 22px;
	font-weight: lighter;
}

/*-----------------------------------------------------------------------------
	hip to be square
----------------------------------------------------------------------------- */


.hip2bsquare {
	font: 13px 'TradeGothicTradeGothic',Arial, Helvetica, sans-serif;
	color: #ec5324;
	font-weight: lighter;
}

.hip2bsquare_name_area {
	font: 12px 'TradeGothicTradeGothic',Arial, Helvetica, sans-serif;
	color: #a6a6a6;
	background: #FFFFFF;
	height: 20px;
	width: 80px;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	font-weight: lighter;
}

.hip2bsquare_email_area {
	font: 12px 'TradeGothicTradeGothic',Arial, Helvetica, sans-serif;
	color: #a6a6a6;
	background: #FFFFFF;
	height: 20px;
	width: 80px;
	margin-left:10px;
	border: 1px solid #CCCCCC;
	padding-left: 10px;
	font-weight: lighter;
}

.hip2bsquare_submitButton {
      width: 144px;/* Width of button image */
      height: 19px;/* Height of button image */
      padding: 30px 0 0;
      margin: 0;
      border: 0;
      background: transparent url(images/other/submit_btn.png) no-repeat;
      overflow: hidden;
      cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* for IE 5.x */
 }
 
/*-----------------------------------------------------------------------------
	portfolio
----------------------------------------------------------------------------- */

.portfolio_body {
	font: 14px 'TradeGothicTradeGothic',Arial, Helvetica, sans-serif;
	color: #ec5324;
	font-weight: lighter;
}

/*-----------------------------------------------------------------------------
	404
----------------------------------------------------------------------------- */

#four_oh_four{
	width:850px;
	height:400px;
	background-color:#FFFFFF;
	float:left;
	display:inline;
}

#four_oh_four p{ font: 38px/10px 'TradeGothicBoldCond20',Arial, Helvetica, sans-serif; color: #000000; text-transform: uppercase; }