@charset "UTF-8";
/* =============================================================================
   GLOBAL CSS - NEWLINE CREATIVE SOLUTIONS - WWW.NEWLINECREATIVESOLUTIONS.COM.AU
   ========================================================================== */
   
   
/* =============================================================================
   HTML5 / RESET / CLEAR
   ========================================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;text-decoration:none;list-style:none;}header,footer,nav,section,article,aside{display:block;}.clear{clear:both;content:".";height:0;visibility:hidden;display:block;}

/* =============================================================================
   CUSTOM FONTS
   ========================================================================== */
@font-face	{ font-family: Calibri; src: url('fonts/calibri-webfont.eot'); src: local('☺'), url('fonts/calibri-webfont.woff') 
			format('woff'), url('fonts/calibri-webfont.ttf') format('truetype'), url('fonts/calibri-webfont.svg#webfontzRtRo7NJ')
			format('svg'); font-weight: normal; font-style: normal; }

@font-face	{ font-family: Calibri; src: url('fonts/calibrib-webfont.eot'); src: local('☺'), url('fonts/calibrib-webfont.woff')
			format('woff'), url('fonts/calibrib-webfont.ttf') format('truetype'), url('fonts/calibrib-webfont.svg#webfontmgWoSpHp')
			format('svg'); font-weight: bold; font-style: normal; }

/* =============================================================================
   GLOBAL LAYOUT 
   ========================================================================== */
body 				{ background: #005e83 url('/images/global/body_bg.jpg') repeat-x center top; margin: 0 auto;
					font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 62.5%; text-align: left; }
#content			{ margin: 0 auto; position: relative; background: #000 url('../images/global/middle_bg.jpg') no-repeat left 300px;
					box-shadow: 0 0 20px #011b25; -moz-box-shadow: 0 0 20px #011b25; -webkit-box-shadow: 0 0 20px #011b25; }
.w960	          	{ width: 960px; }

/* =============================================================================
   TYPOGRAPHY
   ========================================================================== */
p					{ font-size: 1.4em; color: #b0afaf; line-height: 1.5em; letter-spacing: 1px; padding-bottom: 10px; }
a					{ color: #005e83; transition: color 250ms; -webkit-transition: color 250ms, text-decoration 250ms; -o-transition: color 250ms; 
					-moz-transition: color 250ms;  }
a:hover				{ color: #d9a03d; }
h1,h2				{ color: #FFF; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; line-height: 1.5em; text-shadow: 1px 1px 0px #5d5959;
					padding-bottom: 10px; }	
h1					{ font-size: 1.8em; }
h2					{ font-size: 1.6em; }
.slogan 			{ font-size: 1.8em; text-align: center; background: url('../images/global/divider.png') no-repeat center bottom; padding: 20px 20px 60px 20px; }

/* =============================================================================
   HEADER 
   ========================================================================== */
header						{ height: 157px; margin: 0 auto; position: relative; z-index: 10; }
header img					{ position: absolute; left: 0px; top: 22px; }
header #socialLinks			{ position: absolute; right: 50%; margin-right: -465px; margin-top: 10px; float: left; }
header #socialLinks a		{ width: 24px; height: 24px; float: left; margin: 5px; }
header #socialLinks a:hover	{ background-position: 0px -24px; }
header #fb					{ background: url('../images/global/facebook.png'); background-repeat: none; background-position: 0px 0px;}
header #tw					{ background: url('../images/global/twitter.png'); background-repeat: none; background-position: 0px 0px; }

/* =============================================================================
   NAVIGATION 
   ========================================================================== */
#siteNav             	{ height: 49px; position: absolute; top: 108px; background: url(/images/global/nav_bg.png) no-repeat left top; }
#nav li              	{ float: left; margin: 3px 0 0 9px; }
#nav li a            	{ color: #FFF; font-size: 1.5em; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 1px; 
						text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.7); padding: 13px 20px 17px 20px; }
#nav li a:hover 		{ color: #d9a03d; background: url(/images/global/nav_hover.png) repeat-x left bottom; }
#nav,#nav*				{ margin: 0; padding: 0; list-style:none; }
#nav a					{ color: #FFF; font-size: 1.5em; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.7); display: block; position: relative; border: none; text-transform: uppercase; }
#nav a,#nav a:visited	{ color: #FFF; }
#nav ul					{ position: absolute; top: -999em; width: auto;  }
#nav ul li				{ width: 100%;  }
#nav li:hover			{ visibility: inherit; }
#nav li					{ float: left; position: relative; margin-left: 20px; }
#nav li a				{ padding-bottom: 15px; margin-top: 0px; text-shadow: -1px -1px 0px #080f36; }
#nav li a:hover			{ color: #d9a03d; background: url(/images/global/nav_hover.png) repeat-x left bottom; }
#nav li a:active		{ color: #FFF; background: url(/images/global/nav_hover.png) repeat-x left bottom; }
#nav li:hover ul,#nav li.sfHover ul
						{ left: 0px; top: 42px; width: 260px; z-index: 100;  }
#nav li ul				{ padding: 5px 0; -webkit-transition: color 250ms; -moz-transition: color 250ms; -o-transition: color 250ms; transition: color 250ms; }
#nav li li				{ margin: 0px;  }
#nav li li a,#nav li li a:visited
						{ padding: 10px 20px 10px 20px; margin: 0px; color: #FFF; background: #000; text-align: left; }
#nav li li a:hover		{ color: #d9a03d; }
#nav a.sf-with-ul		{ padding-right: 10px ; min-width: 1px; }

#home #homeLink, #about #aboutLink, #services #servicesLink, #portfolio #portfolioLink, #contact #contactLink 
						{ color: #d9a03d; background: url(/images/global/nav_hover.png) repeat-x left bottom; }

/* =============================================================================
   SITE WIDE CSS 
   ========================================================================== */
.sideBarSection			{ width: 279px; padding-top: 25px; background: url('/images/global/sidebar_divider.png') top left no-repeat; }
.sideBarSection p		{ color: #a5a5a5; }

/* SERVICES LINKS */
.servicesLinks 			{ width: 288px; float: left; margin: 0px 15px; border: 1px solid #333; }
.noMargin				{ margin-right: 0px; }

/* SAMPLES WORK */
.samples 			{ float: left; margin: 0px 9px 10px 0px; border: 1px solid #333; }

/* =============================================================================
   HERO
   ========================================================================== */
#hero       			{ width: 960px; height: 300px; overflow: hidden; background: url('../images/hero/hero_bg.jpg') no-repeat center top; 
						box-shadow: 0 0 20px #011b25; -moz-box-shadow: 0 0 20px #011b25; -webkit-box-shadow: 0 0 20px #011b25; overflow: hidden; }
#tabs                   { position: absolute; right: 50%; margin-right: -450px; margin-top: 255px; height: 50px; padding: 0px; vertical-align: bottom; z-index: 20; }
#panels                 { position: absolute; left: 20px; top: 17px; overflow: hidden; }
#panels h1              { width: 500px; font-size: 1.9em; text-align: center; 
						position: absolute; top: 130px; right: 20px; z-index: 1; }						
#panels img             { height: 265px; width: 920px; z-index: -99; background-color: #000; border: 1px solid #333; }
#hero ul li             { float: left; margin-left: 6px; padding: 0px; }
#hero ul li a           { padding: 2px 5px; color: #000; background: #333; -moz-border-radius: 2px; border-radius: 2px; }  
#hero ul li a:hover    	{ color: #e3e3e2; }    
#hero ul li.ui-tabs-selected        { background: #FFF; }           
#hero ul li.ui-tabs-selected a      { background: #FFF; }           
#hero ul li a:active    { color: #FFF; }    
#hero .panel            { height: 265px; }
.ui-tabs-hide           { display: none; }

/* TOP ANCHOR */
.topAnchor a 			{ float: left; display: block; font-size: 0.9em; color: #FFF; background: url('../images/global/top_icon.png') no-repeat left center; padding-left: 20px; position: absolute; right: 50%; margin-right: -460px; margin-top: 10px; }
.topAnchor a:hover		{ color: #d9a03d; }


/* =============================================================================
   LEFT CONTENT
   ========================================================================== */
#leftContent		{ width: 620px; float: left; margin-top: 20px; padding-left: 20px; }
#leftContent ul		{ margin: 10px 0px; padding-left: 20px; }
#leftContent li		{ font-size: 1.4em; color: #b0afaf; line-height: 18px; letter-spacing: 1px; padding-left: 20px; margin: 5px 0px;
					background: url('../images/global/arrow.png') no-repeat left top; }

/* SIDEBAR */
#sideBar			{ width: 260px; margin: 20px 0px 0px 20px; float: left; padding: 0px 0px 30px 30px; }
#sideBar ul 		{ position: relative; padding-bottom: 20px;  }
#sideBar li 		{ width: 250px; margin-bottom: 2px;  }
#sideBar li a 		{ height: 30px; display: block; margin-bottom: 2px; padding: 10px 0px 0px 10px; 
					background: url('../images/global/sidebar_link.png') repeat-x left bottom; border-bottom: 1px solid #FFF;
					color: #b0afaf; font-size: 1.4em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
#sideBar li a:hover	{ color: #d9a03d; background: url('../images/global/sidebar_link2.png') repeat-x left bottom;  }

/* TESTIMONIALS*/
.testimonial        { font-family: Georgia, sans-serif; font-style: oblique; font-size: 1.4em; color: #b0afaf;  }

/* TESTIMONIALS*/
.testimonials        { margin: 0 20px; background: url('/images/global/divider_light.png') no-repeat center bottom; padding-bottom: 80px; }
.testimonials h2	{ font-size: 1.5em; color: #FFF; margin-bottom: 10px;  }

/* =============================================================================
   BREADCRUMBS
   ========================================================================== */
#breadcrumbs			{ position: relative; height: 80px; background: url('/images/global/divider_light.png') top center no-repeat; margin-top: 30px; }
#breadcrumbs p			{ font-size: 1.4em; font-weight: bold; text-transform: uppercase; }
#breadcrumbs p a		{ color: #005e83; }
#breadcrumbs p a:hover	{ color: #51637b; }
#location				{ position: absolute; left: 50%; margin-left: -460px; margin-top: 25px; }
.fbLike 				{ position: absolute; right: 50%; margin-right: -460px; margin-top: 30px;  }

/* =============================================================================
   TWITTER FEED
   ========================================================================== */
#latestTweets			{ width: 420px; position: absolute; right: 50%; margin-right: -460px; margin-top: 40px; 
						background-image: url('../images/global/twitter_bird.png'); background-repeat: no-repeat; background-position: 0px 45px; }
#latestTweets h1		{ color: #FFF; font-size: 1.4em; font-weight: bold; text-transform: uppercase; line-height: 2em; letter-spacing: 1px; }
#tweets li				{ color: #b0afaf; font-family: Georgia, Times New Roman, sans-serif; font-weight: normal; font-style: oblique; font-size: 1.4em; 							margin: 0 0 25px 50px; padding: 10px; position: relative; }
#tweets a				{ color:#005e83; }
#tweets a:hover			{ color:#d9a03d;}


/* =============================================================================
   FOOTER
   ========================================================================== */
footer							{ height: 230px; background: #000 url(/images/global/footer_bg.jpg) repeat-x center top; clear: both; }
#footerContent					{ margin: 0 auto; }
#footerNav ul					{ float: left; margin-left: 20px; padding: 40px 20px 0px 0px; }
#footerNav li					{ font-size: 1.4em; font-weight: bold; text-transform: uppercase; line-height: 2em; letter-spacing: 1px; }
#footerNav li a					{ color: #FFF; }
#footerNav li a:hover			{ color: #d9a03d; }
#copyright						{ font-size: 1.3em; position: absolute; left: 50%; margin-left: -460px; margin-top: 190px; }

/* =============================================================================
   FOOTER - SOCIAL 
   ========================================================================== */
#social 				{ height: 120px; position: absolute; right: 50%; margin-right: -373px; margin-top: 30px; float: left; overflow: hidden; }
#fb-root 				{ float: left; margin: 15px 10px 5px 0px; }
#twitterLike			{ float: left; margin: 15px 0px 5px 0px; }
#googleLike 			{ float: left; margin: 17px 0px 5px 20px; }