@charset "utf-8";
/* AGM New */

/*html, body {
  height: 100%;
  margin-bottom: 1px;
  padding: 0;
}*/

@font-face {
    font-family: 'stylographnormal';
    src: url('fonts/stylograph-webfont.eot');
    src: url('fonts/stylograph-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/stylograph-webfont.woff') format('woff'),
         url('fonts/stylograph-webfont.ttf') format('truetype'),
         url('fonts/stylograph-webfont.svg#stylographnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
	padding:0;
	margin:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#808080;
	font-size:17px;
	background:#eee;
	}

body.home {
	background:#c5d92e;
}
	
	
body.about {
	background:#d7a100;
}

body.work {
	background:#fff;
}

body.work2, body.blog, body.team {
	background:#fff;
}

#mainlogo img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;

}


a {
	color:#5E7781;
	text-decoration:underline;
}

a:hover {
	color:#2faee0;
}

a:visited {
	color:#5E7781;
}


img {

	opacity:0.999;
	filter:alpha(opacity=99.99);
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

img {
	border:0;
}

a img {
	border:0;
}



/* Mobile Layout: 480px and below. */


.gridContainer {
}

.break-mob {
	display:inline;
}

#LayoutDiv1 {

}

#menu-tr, #menu-main, #top-call, #homebox, #aboutbox, #bottom1, #workbox, #blogbox, #contactbox2, #navleft1, #arrowle1, #cc1 {
	display:none;
}

#header {
	background:#fff;
	display:inline-block;
	width:100%;
	margin:0;
	padding:0;

}

#mainlogo {
	display:inline-block;
	float:left;
	width:50%;
}

#mainlogo img {
	padding:6%;
}

#showmenu {
	width:40%;
	display:inline-block;
	text-align:right;
	margin:10% 10% 0 0;
	padding:0;
	}

#showmenu img {
	width:25%;
	
}


#topmenu-mob {
	position:relative;
	margin:0;
	padding:2% 5%;
	text-align:center;
	color:#fff;
	background:#404041;
	font-size:1.5em;
	z-index:9;
}

#topmenu-mob ul li img {
	width:60%;
	}
	
#topmenu-mob ul {
	list-style:none;
	margin:0;
	padding:0;
	background:#404041;
}

#topmenu-mob ul li {
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
	padding:3% 0;
	border-bottom:1px solid #fff;
	vertical-align:middle;
}

#topmenu-mob ul li:last-child {
	border-bottom:none;

}


#topmenu-mob a {
	text-decoration:none;
	color:#fff;
	}

#topmenu-mob a:hover {
	color:#f99f1c;
}


#homebox-m {
	margin:0;
	padding:0;
	text-align:center;
	background:#c4d92e;
}

#homebox-m img {
	width:90%;
}

.about #homebox-m {
	background:#d7a100;
}


#arrowdn2 {
	text-align:center;
	width:100%;
	padding:5% 0;
	
}

#arrowdn2 img {
	width:10%;
}

.arrowdn3 {
	position:relative;
	width:100%;
	text-align:center;
	padding:0;
	margin:2% 0;
}

.arrowdn3 img {
	width:10% !important;
}

#arrowdn {
	background:#fff;
	text-align:center;
	width:100%;
	padding:5% 0;
}

#arrowdn img {
	width:10%;
}

.home #arrowdn {
	background:#fff;
}


.about #arrowdn, .work #arrowdn {
	background:#404041;
}

#menu-botmob {
	width:100%;
	padding:5% 0;
	background:#58595b;
	text-align:center;
}

#menu-botmob img {
	width:12%;
	margin:0 1.5%;
}

.bull1, .bull2, .bull3 {
	font-size:2.5em;
	line-height:1px;
	vertical-align:middle;
}

.bull1 {
	color:#57585b;
}


.bull2 {
	color:#c5d92c;
}

.bull3 {
	color:#f99f1c;
}

.rightimg {
	float:right;
	margin-left:3%;
}

#aboutbox2 {
	position:absolute;
	display:block;
	width:100%;
	left:0;
	margin:0;
	text-align:center;
	background:#fff;
	}

#ac1 {
	width:100%;
	
}

#ac1 img {
	width:80%;
}

#ac2 {
	padding:5%;
}

#ac3 {
	width:80%;
	background:#d7a100;
	padding:3% 10%;
	margin-bottom:5%;
	
}

.ac4 {
	text-align:justify;
	margin:5% 10%;
}

.divider1 {
	width:80%;
	font-size:0.3em;
	height:0.2%;
	background:#d7a100;
	margin:1% 10%;

}


.style03 {
	color:#c5d92d;
	font-size:0.7em;
}

.style06 {
	color:#6D6E70;
	text-align:left !important;
	font-size:1.1em;
	text-align:justify !important;
}

.style07 {
	color:#fff;
	font-size:1.6em;
}


.style08 {
	display:block;
	color:#fff;
	font-size:1.2em;
	text-align:justify !important;
}

.style09 {
	color:#c5d92d;
}

#bottom5 {
	position:absolute;
	display:block;
	width:100%;
	height:auto;
	padding-bottom:2%;
	text-align:center;
	width:100%;
	background:#404041;
	margin:0;
	border:0;
}


h1 {
	text-align:left;
	font-size:2.8em;
	margin:0;
	padding:0;
	font-weight:normal !important;
}

h2 {
	font-size:1.6em;
	letter-spacing:0.1em;
	margin:1% 0;
	padding:0;
	color:#404041;
	text-transform:uppercase;
}

h3 {
	text-align:left;
	font-size:1.5em;
	color:#fff;
	font-weight:normal;
	margin:1% 0 0 10%;
	padding:0;
}

h3 a {
	text-decoration:none;
}

h3 a:hover {
		opacity:0.8;
	filter:alpha(opacity=80);
	
}


#holder-bot a {
	text-decoration:none;
}

#bottom1-m {
	display:block;
	padding:1% 0;
	text-align:left;
	color:#fff;
	background:#404041 !important;
	width:100%;
	font-size:1em;
}

#bottom1-m a {
	color:#fff !important;
	text-decoration:none !important;
}

#bottom3 {
	position:absolute;
	display:block;
	width:100%;
	height:auto;
	padding-bottom:2%;
	text-align:center;
	width:100%;
	background:#404041;
	margin:0;
	border:0;
}


#workbox-m {
width:100%;
}

#workbox-m img {
	width:100%;
	}

#work-custom {
	position:absolute;
	width:80%;
	top:30%;
	left:50%;
	margin-left:-40%;
}

.th-left2 {
	clear:both;
	float:left;
}

#thumbholder a, .th-left2 a {
	text-decoration:none;
}

#twbox {
	background:#f99f1c;
	width:100%;
	padding:5% 0;
	text-align:center;
	margin:0;
	}

#twlogo {
	width:15%;
	float:left;
	margin:3% 2%;
}

#twitter {
	text-align:left;
	width:80%;
	color:#fff;
	float:left;
	padding:0;
	margin:0;
}

#twitter ul {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

#twitter ul a {
	display:none;
}

#twbutton {
	width:auto;
	padding:2% 1%;
	background:#404041;
	margin:3% 3% 0 30%;
}

#twbutton a {
	color:#c5d92d;
	text-decoration:none;
}


#twbutton a:hover {
	color:#f99f1c;
}


#contactbox {
	display:inline-block;
	background:#c5d92d;
	width:94%;
	left:0;
	padding:3%;
	padding-bottom:5%;
	margin:0;
	text-align:left;
	color:#404041;
	}

#contactbox a {
	color:#404041;
	text-decoration:none;
}

#contactbox img {
	margin-right:5%;
}

.formbutton {
	font-family: 'stylographnormal', Arial, Helvetica, sans-serif;
	background:#404041;
	color:#c5d92d;
	font-weight:bold;
	border:0;
	text-transform:lowercase;
	font-size:1.5em;
	font-weight:bold;
	cursor:pointer;
	padding:2%;
	text-decoration:none;
}

.formbutton:hover {
	color:#f99f1c;
	
}




.ctab {
	width:100%;
}

.ctab-td1 {
	width:40%;
}

.ctab-td2 {
	width:59%;
}

.ctab-f1, .ctab-f2 {
	width:100%;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {

}
#LayoutDiv1 {

}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	
body {
	background:#eee;
}
.gridContainer {
}
#LayoutDiv1 {

}

#logo-mob, #homebox-m, #showmenu, #menu-botmob, #bottom1-m, #workbox-m, #blogbox-m, #bottom5 {
	display:none;
}

.break-mob {
	display:inline;
}

/* felxcroll */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 12px;
background-color: #657c86;
}

.vscrollerbar {
width: 12px;
background-color: #195971;
}

.hscrollerbase {
height: 10px;
background-color: white;
}
.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/*#flexcrollholder, #flexcrollholder2, #flexcrollholder-h, #flexcrollholder-gal, #flexcrollholder-gal2, #flexcrollholder-gal3 {
	background:none;
	padding:0;
	font-size:1em;
}*/

#flexcrollholder {
	height:90%;
	padding-right:2%;
}

.flexcroll {
	height:auto;
}

/* end flexcroll */


#header {
	display:inline-block;
	position:fixed;
	left:0;
	width:100%;
	height:12%;
	padding:0;
	margin:0;
	z-index:999;
}

.home #header {
	background:#fff;
}

#header {
	background:#58595b;
}


#mainlogo {
	position:relative;
	float:none;
	height:80%;
	top:10%;
	left:10%;
	width:50%;
}

#mainlogo img {
	height:100%;
	padding:0;
}

#menu-main {
	position:absolute;
	display:block;
	width:55%;
	color:#f99f1c;
	text-align:right;
	bottom:10%;
	right:10%;
	font-size:1.2em;
	}

#menu-main a {	
margin-left:3%;
color:#f99f1c;
text-decoration:none;
}


#menu-main a:hover {	
color:#c5d92d;
border-bottom:3px solid #c5d92d;
}


.home #menu-main #home,
.about #menu-main #about, 
.work #menu-main #work,
.blog #menu-main #blog,
.contact #menu-main #contact {	
color:#c5d92d;
}


#menu-tr{
	text-align:right;
	display:block;
	position:absolute;
	width:50%;
	height:30%;
	top:26%;
	right:10%;
}

#menu-tr img {
	height:100%;
	margin-left:1.5%;
	opacity:0.999;
	filter:alpha(opacity=99.99);
}
	
#menu-tr a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

#homebox {
	display:block;
	position:absolute;
	height:88%;
	width:100%;
	top:12%;
	left:0;
	padding:0;
	margin:0;
	text-align:center;
	background:#c5d92d;
	}

#homebox img {
	height:100%;
}


#aboutbox {
	position:absolute;
	display:block;
	height:68%;
	width:100%;
	top:12%;
	left:0;
	padding:0;
	margin:0;
	text-align:center;
	}

#aboutbox2 {
	position:absolute;
	display:block;
	padding:3% 0 0 0;
	width:100%;
	top:12%;
	left:0;
	margin:0;
	text-align:center;
	}

.about1 img {
	height:100%;
}

.about1 {
		background:#d7a100;
}

.about2 {
	background:#fff;
	padding:0 10% !important;
	width:80% !important;
}

#workbox {
	display:block;
	position:absolute;
	height:53%;
	width:100%;
	top:12%;
	left:0;
	padding:0;
	margin:0;
	text-align:center;
	}

#workbox img {
	width:100%;
}

#work-custom {
	position:absolute;
	width:40%;
	top:30%;
	left:50%;
	margin-left:-20%;
}

#workbox img:hover, #work-custom img:hover, #aboutbox img:hover, #blogbox img:hover {
	opacity:0.999;
	filter:alpha(opacity=99.99);
}

#workbox2 {
	position:absolute;
	left:0;
	background:#fff;
	width:80%;
	height:88%;
	top:12%;
	padding:0 10%;
	text-align:center;
	}
	
#workbox2 img {
	height:25%;
	margin:1%;
}

#workbox3 {
	position:absolute;
	left:0;
	background:#fff;
	width:80%;
	height:88%;
	top:12%;
	padding:0 10%;
	text-align:center;
	}
	
#workbox3 img {
	width:55%;
	margin:2%;
}
	
#portfoliobox {
	position:absolute;
	height:70%;
	width:100%;
	top:16%;
	left:0;
	padding:0;
	margin:0;
	text-align:center;
}

#blogbox {
	display:block;
	position:absolute;
	background:#fff;
	height:68%;
	width:100%;
	top:12%;
	left:0;
	padding:0;
	margin:0;
	text-align:center;
	}

#blogbox img {
	height:100%;
}
	
#twbox {
	position:absolute;
	background:#f99f1c;
	height:18%;
	width:100%;
	top:12%;
	left:0;
	margin:0;
	padding:0;
	text-align:center;
	}

#twlogo {
	width:2%;
	float:left;
	margin:3% 2% 2% 30%;
}

#twitter {
	width:auto;
	margin-top:2%;
	color:#fff;
	float:left;
}

#twitter ul {
	display:inline;
	list-style:none;
}

#twitter ul a {
	display:none;
}

#twbutton {
	width:12%;
	padding:0;
	padding:0.5%;
	background:#404041;
	margin:0;
	margin-left:60%;
}

#twbutton a {
	color:#c5d92d;
	text-decoration:none;
}


#twbutton a:hover {
	color:#f99f1c;
}

#contactbox {
	position:absolute;
	background:#c5d92d;
	height:61.1%;
	width:100%;
	top:29%;
	left:0;
	padding:0;
	margin:0;
	text-align:center;
	}	

#contactbox2 {
	display:block;
	position:absolute;
	background:#c5d92d;
	width:100%;
	left:0;
	padding:0;
	padding-bottom:5%;
	margin:0;
	text-align:center;
	}
	

#cc1, #cc2, #cc3 {
	display:block;
	margin-top:1%;
	float:left;
	text-align:left;
}

#cc1 {
	margin-left:10%;
	width:25%;
	}

#cc2 {
	width:25%;
	}

#cc2 img, #cc3 img {
	width:50px;
	height:50px;
	margin-right:30px;

}


#cc3 {
	width:30%;
	}
	
	
#ac1 {
	margin:0 1% 0 10%;
	width:19%;
	float:left;

}

#ac1 img {
	width:100%;
}

#ac2 {
	width:59%;
	float:left;
	margin:0;
	padding:0;
	margin-right:10%;
}

#ac3 {
	width:80%;
	background:#d7a100;
	padding:3% 10% 1% 10%;
	margin-bottom:2%;
	
}

.ac4 {
	margin:0;
	margin-right:4%;
	width:23%;
	float:left;
	text-align:justify;
	font-size:1.2em;
}

#bottom1 {
	display:block;
	position:absolute;
	height:20%;
	left:0;
	bottom:0;
	text-align:center;
	width:100%;
	background:#404041;
	margin:0;
	border:0;
	color:#fff;
}

#bottom2 {
	display:block;
	position:absolute;
	height:35%;
	left:0;
	bottom:0;
	text-align:center;
	width:100%;
	background:#404041;
	margin:0;
	border:0;
	color:#fff;
}

#bottom2 img {
	height:35%;
	margin:2% 1.5% 0 1.5%;
}


#bottom3 {
	position:absolute;
	padding:0;
	height:10%;
	left:0;
	bottom:0;
	text-align:center;
	width:100%;
	background:#404041;
	margin:0;
	border:0;
	color:#fff;
}

#bottom3 img {
	height:65%;
	margin:1% 1.5% 0 1.5%;
}

#bottom4 {
	position:absolute;
	display:block;
	bottom:0;
	width:100%;
	height:auto;
	padding-bottom:2%;
	text-align:center;
	width:100%;
	background:#404041;
	margin:0;
	border:0;
}

#bottom1 a {
	color:#fff;
	text-decoration:none;
}

#holder-bot {
	position:absolute;
	bottom:3%;
	width:3%;
	left:50%;
	margin-left:-1.5%;
	padding:0;
}

#arrowdn {
	display:block;
	background:none !important;
	height:auto;
	position:absolute;
	bottom:3%;
	margin:0;
	padding:0;
	width:3%;
	left:48.5%;	
}


#arrowdn img {
	width:auto;
	height:auto;
}


#arrowdn2 {
	position:absolute;
	bottom:3%;
	height:5%;
	text-align:center;
	width:99%;
	padding:0;
	}

#arrowdn2 img {
	width:3%;
}

.arrowdn3 {
	display:block;
	position:relative;
	width:100%;
	text-align:center;
	padding:0;
	margin:2% 0 !important;
}

.arrowdn3 img {
	width:3% !important;
}

#arrowri {
	position:absolute;
	width:3%;
	right:2%;
	top:50%;
	margin-top:-1.5%;
}

#arrowri img {
	width:100%;
	opacity:0.999;
	filter:alpha(opacity=99.99);
}

#arrowri a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}


#arrowle1 {
	display:block;
	position:fixed;
	width:3%;
	left:2%;
	top:50%;
	margin-top:-1.5%;
}

#arrowri1 {
	display:block;
	position:fixed;
	width:3%;
	right:2%;
	top:50%;
	margin-top:-1.5%;
}

#arrowle1 img, #arrowri1 img {
	width:100%;
	opacity:0.999;
	filter:alpha(opacity=99.99);
}

#arrowle1 a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

#exit1 {
	display:block;
	position:fixed;
	width:2%;
	left:2%;
	top:2%;
}
		

#worktitle {
	position:absolute;
	left:0;
	top:2%;
	width:99%;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

#fadeholder {
	position:absolute;
	top:5%;
	left:5%;
	width:90%;
	height:90%;
	text-align:center;
}

#fadeshow2 {
	width:100% !important;
	height:100% !important;
	overflow:visible !important;
	float:none !important;
}

#fadeshow2 img {
	height:100% !important;
	opacity:1;
	filter:alpha(opacity=100);
}

#fadeshow2toggler {
	position:absolute;
	bottom:1%;
	height:3%;
	width:100%;
	left:0%;
	text-align:center;
}

#fadeshow2toggler img {
	height:100% !important;
	}

.prev {
	margin-right:2%;
}

/*#tournav {
position:absolute;	
width:50%;
left:50%;
margin-left:-25%;
height:3% !important;
margin-top:0.6% !important;
}

#tournav img {
	height:100% !important;
	margin:0 6%;
	}*/
	
.bull1, .bull2, .bull3 {
	font-size:3.5em;
}

h1 {
	text-align:center;
	font-size:5.5em;
	margin:2% 0 0 0;
	padding:0;
	font-weight:normal;
	color:#000;
}

h2 {
	font-size:2.2em;
	letter-spacing:0.1em;
	margin:1% 0;
	padding:0;
	color:#404041;
	text-transform:uppercase;
}

h3 {
	text-align:center;
	font-size:2.5em;
	color:#fff;
	font-weight:normal;
	margin:1% 0 0 0;
	padding:0;
}

h3 a {
	text-decoration:none;
}

h3 a:hover {
		opacity:0.8;
	filter:alpha(opacity=80);
	
}

.style01 {
	font-size:1.3em;
	color:#f89f1c;
}

.style02 {
	color:#6D6E70;
	text-align:left !important;
}

.style03 {
	color:#c5d92d;
	text-align:right !important;
	font-size:0.7em;
	margin:2.5% 10% 0 0;
}

.style04 {
	font-family: 'stylographnormal', Arial, Helvetica, sans-serif;
	color:#404041;
	font-size:1.8em;
	letter-spacing:-0.1em;
}

.style05 {
	color:#404041;
	font-size:1.3em;
}

.style05 a {
	color:#404041;
	text-decoration:none;
}

.style05 a:hover {
	color:#fff;
}

.style06 {
	color:#6D6E70;
	text-align:left !important;
	font-size:1.4em;
	line-height:1.8em;
	text-align:justify !important;
}

.style07 {
	color:#fff;
	font-size:1.6em;
}


.style08 {
	display:block;
	color:#fff;
	font-size:1.2em;
	text-align:justify !important;
}

.style09 {
	color:#c5d92d;
}

.formcell {
	width:80%;
	margin:1% 0;
	padding:1%;
	border:0;
	background:#e7eea9;
	color:#404041;
}

.placeholder { 
   font-size:1.5em;
   font-weight:bold;
   font-family: 'stylographnormal', Arial, Helvetica, sans-serif;
   color:#d77f00;

}



::-webkit-input-placeholder {
   line-height:0.9em;
   font-size:1.2em;
   font-weight:bold;
   font-family: 'stylographnormal', Arial, Helvetica, sans-serif;
   color:#d77f00;
}

:-moz-placeholder { /* Firefox 18- */
   font-size:1.5em;
   font-weight:bold;
   font-family: 'stylographnormal', Arial, Helvetica, sans-serif;
   color:#d77f00;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-size:1.5em;
   font-weight:bold;
   font-family: 'stylographnormal', Arial, Helvetica, sans-serif;
   color:#d77f00; 
}

:-ms-input-placeholder {
   font-size:1.5em;
   font-weight:bold;  
   font-family: 'stylographnormal', Arial, Helvetica, sans-serif;
   color:#d77f00;  
}

.leftimg {
	float:left;
	margin-right:3%;
/*	width:25%;*/
}

		


.ctab {
	width:100%;
}

.ctab-td1 {
	width:15%;
}

.ctab-td2 {
	width:18%;
}

.ctab-f1 {
	width:80%;
}

.ctab-f2 {
	width:120%;
}


}