

body	{ margin:0;padding:0;font-family: Arial, Helvetica, sans-serif; background-color: #009ddc; color: #06436b;}

/*-----------------------------------------------------------------------------*/
/* 									TEXT	  								   */
/*-----------------------------------------------------------------------------*/

h1	 					{ font-size: 32px; line-height: 38px; letter-spacing: -1px; color: #06436b; margin-top: 0; font-weight: normal; margin: 0 0 20px 0; }
h2	 					{ font-size: 32px; line-height: 38px; letter-spacing: -1px; color: #009ddc; margin-top: 0; font-weight: normal; }
h3	 					{ font-size: 28px; line-height: 38px; letter-spacing: -1px; color: #06436b; margin-top: 0; font-weight: normal; margin: 0 0 20px 0; }
h4	 					{ font-size: 28px; line-height: 30px; letter-spacing: -1px; color: #06436b; margin-top: 0; font-weight: normal; margin: 0 0 20px 0; }
h5	 					{ font-size: 24px; line-height: 20px; letter-spacing: 0; color: #009ddc; margin-top: 0; font-weight: normal; margin: 0 0 20px 0; }

p						{ font-size: 18px; line-height: 22px; color: #333333; display: block; margin: 0 0 14px 0; }

.phone		 			{ font-size: 32px; line-height: 38px; letter-spacing: -1px; color: #06436b; margin-top: 0; font-weight: normal; margin: 0 0 0 0;  display: block; margin: 10px 0 0 0; }
.text-footer 			{ font-size: 16px; line-height: 22px; color: #FFFFFF; }
.text-contact 			{  font-size: 22px; line-height: 24px; color: #FFFFFF; }



/*-----------------------------------------------------------------------------*/
/* 								NAVIGATION	  								   */
/*-----------------------------------------------------------------------------*/


a.projects 				{ font-size: 32px; line-height: 24px; letter-spacing: -0px; text-decoration:none; color: #009ddc; margin: 0 0 0 40px;}
a.projects:hover		{ text-decoration:none; color: #06436b; }

a.email 				{ font-size: 24px; line-height: 24px; letter-spacing: -0px; text-decoration:none; color: #009ddc; }
a.email:hover 			{ text-decoration:none; color: #06436b; }

a.footer				{  font-size: 16px; line-height: 22px; text-decoration: none; color: #FFFFFF; }
a.footer:hover			{  font-size: 16px; line-height: 22px; text-decoration: none; color: #06436b; }

a.contact				{  font-size: 22px; line-height: 24px; text-decoration: none; color: #FFFFFF; }
a.contact:hover			{  font-size: 22px; line-height: 24px; text-decoration: none; color: #06436b; }

a.adcrete				{  font-size: 16px; line-height: 22px; text-decoration: none; color: #FFFFFF; }
a.adcrete:hover 		{  font-size: 16px; line-height: 22px; text-decoration: none; color: #06436b; }


/*-----------------------------------------------------------------------------*/
/* 								TEXT FIELDS  								   */
/*-----------------------------------------------------------------------------*/

.inquiry-field,
.inquiry-message		{  font-size: 16px; color: #009ddc; border: 1px solid #FFFFFF; background: #FFFFFF; width: 386px; height: 30px; margin: 0 0 10px 0; padding-left: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }

.inquiry-message 		{  font-family: Arial, Helvetica, sans-serif; height: 60px; }

#message				{ padding-top: 6px; }
	
#submit					{  font-size: 16px; color: #FFFFFF; background-color: #009ddc; width: 80px; height: 40px; text-decoration: none; padding: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
#submit:hover			{  font-size: 16px; color: #FFFFFF; background-color: #06436b; width: 80px; height: 40px; text-decoration: none; }

/*-----------------------------------------------------------------------------*/
/* 									DIV TAGS  								   */
/*-----------------------------------------------------------------------------*/

#header				{ width: 100%; height: 150px; margin: 0 0 0 0; background-color: #FFFFFF; }
#header-content		{ width: 1170px; height: 150px; margin-left: auto; margin-right: auto; padding: 0 0 0 0; }
#header-left		{ float: left; margin: 0 0 0 0; width: 660px; }
#header-right		{ float: right; width: 600px; height: 90px; text-align: right; padding: 45px 0 0 0; }

#logo				{ display: block; float: left; width: 300px; height: 100px; padding: 30px 0 0 0; }

#menu				{ width: 1170px; height: 120px; margin-left: auto; margin-right: auto; }
.menu1				{ display: block; float: right; width: 91px; height: 70px; padding: 50px 0 0 20px; }
.menu2				{ display: block; float: right; width: 140px; height: 70px; padding: 50px 0 0 20px; }
.menu3				{ display: block; float: right; width: 118px; height: 70px; padding: 50px 0 0 20px; }
.menu4				{ display: block; float: right; width: 114px; height: 70px; padding: 50px 0 0 20px; }
.menu5				{ display: block; float: right; width: 91px; height: 70px; padding: 50px 0 0 20px; }

img					{ border: none; }

#hero				{ width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background-color: #06436b; } 
#hero-content		{ width: 1170px; height: 500px; margin-left: auto; margin-right: auto; padding: 0 0 0 0; }

#main				{ width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; padding: 10px 0 20px 0; background-color: #cccccc; } 
#main-content		{ width: 1170px; margin-left: auto; margin-right: auto; padding: 0 0 10px 0; }
#text-left		 	{ float: left; margin: 0 0 0 0; width: 700px; }
#text-right			{ float: right; margin: 0 0 0 0; width: 400px; }

#projects			{ width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; padding: 10px 0 20px 0; background-color: #FFFFFF; } 
#projects-content	{ width: 1170px; margin-left: auto; margin-right: auto; padding: 0 0 10px 0; }
#projects-gallery	{ width: 1170px; height: 560px; margin-left: auto; margin-right: auto; padding: 0 0 10px 0; }

#bulimba-gallery	{ width: 1170px; height: 260px; margin-left: auto; margin-right: auto; padding: 0 0 10px 0; }
#balmoral-gallery	{ width: 1170px; height: 560px; margin-left: auto; margin-right: auto; padding: 0 0 10px 0; }
#hawthorne-gallery	{ width: 1170px; height: 560px; margin-left: auto; margin-right: auto; padding: 0 0 10px 0; }
#various-gallery	{ width: 1170px; height: 560px; margin-left: auto; margin-right: auto; padding: 0 0 10px 0; }

.projects-left		{ float: left; width: 380px; height: 230px; margin: 0 15px 20px 0; background-color: #cccccc; }
.projects-middle	{ float: left; width: 380px; height: 230px; margin: 0 0 20px 0; background-color: #cccccc; }
.projects-right		{ float: right; width: 380px; height: 230px; margin: 0 0 20px 0; background-color: #cccccc;  }

#concept			{ width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; } 
#concept-content	{ width: 1000px; margin-left: auto; margin-right: auto; padding: 0 0 0 0; }

.contact1			{ float: left; margin: 0 0 15px 0; width: 450px; }
.contact2			{ float: right; margin: 0 0 15px 0; width: 480px; position: relative}

#footer				{ width: 100%; height:400px; margin: 0 0 0 0; padding: 20px 0 0 0; background-color: #009ddc; }
#footer-content		{ width: 1170px; height: 380px; margin-left: auto; margin-right: auto; }
#footer-left		{ float: left; width: 750px; }
#footer-right		{ float: right; width: 300px;  text-align: right; }

.clearboth 			{ clear: both; }

#clearboth 			{ clear: both; }

/*-----------------------------------------------------------------------------*/
/* 						RULES - HORIZONTAL VERTICAL							   */
/*-----------------------------------------------------------------------------*/

hr.style1			{ border: 0; height: 1px; background: #CCCCCC; margin: 0 0 15px 0;}
	
/*-----------------------------------------------------------------------------*/
/* 							EXTRAS			  								   */
/*-----------------------------------------------------------------------------*/


.uk-modal-dialog-lightbox 	{ padding: 10px; }

form.ajax { position: relative; width: 100%; }
fieldset	{ margin:0; padding:0; border:none;}
.response { display: none; }
.loader {
    background: url("../images/ajax-loader.gif") no-repeat scroll center center #666666;
    border-radius: 5px;
    display: none;
    left: -8px; right: -8px; top: -8px; bottom: -8px;
    min-height: 20px;
    min-width: 20px;
    opacity: 0.5;
    position: absolute;
}