@charset "utf-8";
/*
Author: Darren Jones
Author URL: http://www.gcweb.com.au/
*/

/* Overall page structure
========================================================== */
body { background:#0A172E url(../images/common/bg_soccer.jpg) no-repeat top left; margin:68px 0 0 0;}
div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,p,label {margin:0;padding:0;}

table {border-collapse:collapse;}
a img { border:0px none;}
.clear { clear:both;}
.pngfix {}

/* Website home page
----------------------------------------------- */
#homeContainer { width:883px; height:523px; margin:0 auto; position:relative;}

#homePaper { width:501px; height:523px; position:absolute; top:0; left:0; z-index:20;}
#homeLogo { position:absolute; left:60px; top:43px; z-index:30;}
#homeTitle { position:absolute; left:14px; top:124px; z-index:40;}
#homeWording { width:364px; height:205px; position:absolute; left:75px; top:235px; z-index:50; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:700; color:#0A172E; line-height:20px;}

/* Scroll Bar Styling */
#scrollText { background:none; padding-right:5px; width:359px; height:205px; overflow:auto; position:absolute; top:0; left:0;}

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

.vscrollerbase { width: 6px; background-color:#FFEFBD; }
.vscrollerbar { width: 6px; background-color: #1A355D; cursor:pointer;}
.hscrollerbase { height: 6px; background-color: white;}
.hscrollerbar { height: 6px; background-color: #353535;}

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

/* Menu */
#menu { width:435px; height:29px; position:absolute; right:0; top:23px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; z-index:10;}
#menu #nav li { list-style:none; display:inline;}
#menu #nav li a { display:block; float:left; color:#fff; text-decoration:none; height:29px; line-height:29px; padding:0 13px 0 0; background:url(../images/common/bg_menuR.gif) no-repeat right -29px;}
#menu #nav li b { display:block; float:left; height:29px; background:url(../images/common/bg_menuL.gif) no-repeat left -29px; padding:0 0 0 13px; cursor:pointer; font-weight:normal;}
#menu #nav li a { display:block; float:left; color:#fff; text-decoration:none; height:29px; line-height:29px; padding:0 13px 0 0; background:url(../images/common/bg_menuR.gif) no-repeat right -29px;}
#menu #nav li em { display:block; float:left; height:29px; background:url(../images/common/bg_menuL.gif) no-repeat left -29px; padding:0 0 0 13px; cursor:pointer; font-weight:normal; font-style:normal;}
#menu #nav li a:hover { color:#F47920; background:url(../images/common/bg_menuR.gif) no-repeat right top;}
#menu #nav li a:hover b { background:url(../images/common/bg_menuL.gif) no-repeat left top;}
#menu #nav li a:hover em { background:url(../images/common/bg_menuL.gif) no-repeat left top;}

#menu #nav li a b.contentHome { padding:0 0 0 28px;}

#menu #nav li a.home { color:#F47920; background:url(../images/common/bg_menuR.gif) no-repeat right top;}
#menu #nav li a b.home { padding:0 0 0 28px; background:url(../images/common/bg_menuL.gif) no-repeat left top; font-style:normal;}
#menu #nav li a:hover.home { color:#F47920; background:url(../images/common/bg_menuR.gif) no-repeat right top;}
#menu #nav li a:hover.home b.home { padding:0 0 0 28px; background:url(../images/common/bg_menuL.gif) no-repeat left top;}

#menu #nav li ul { position:absolute; top:30px; height:auto; float:left; padding:3px 3px 10px 3px; background:#F47921;}

#menu #nav li ul.w1 { width:120px; display:none; left:80px;}
#menu #nav li ul.w1 li a { display:block; height:20px; width:120px; line-height:20px; padding:0; color:#FFF; text-align:center; font-size:11px; background:none; border-bottom:1px solid #fff;}
#menu #nav li ul.w1 li a:hover { color:#0A172E; background:none;}

#menu #nav li ul.w2 { width:100px; display:none; left:270px;}
#menu #nav li ul.w2 li a { display:block; height:20px; width:100px; line-height:20px; padding:0; color:#FFF; text-align:center; font-size:11px; background:none; border-bottom:1px solid #fff;}
#menu #nav li ul.w2 li a:hover { color:#0A172E; background:none;}

#menu #nav li ul.w3 { width:100px; display:none; left:180px;}
#menu #nav li ul.w3 li a { display:block; height:20px; width:100px; line-height:20px; padding:0; color:#FFF; text-align:center; font-size:11px; background:none; border-bottom:1px solid #fff;}
#menu #nav li ul.w3 li a:hover { color:#0A172E; background:none;}

/* Slideshow */
#homeSlideshow { width:425px; height:365px; border:1px solid #fff; position:absolute; top:52px; right:0px;}

/* Contact Info */
#contactInfo { position:absolute; top:425px; right:0; text-align:right; width:350px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff;}
#contactInfo a { color:#fff; text-decoration:none;}
#contactInfo a:hover { color:#456D96;}
#contactInfo .sm { font-size:9px;}

/* Website content page(s)
----------------------------------------------- */
#contentContainer { width:880px; margin:0 auto; position:relative;}

#contentBgTop { position:absolute; top:0; left:12px; z-index:20;}
#homeButton { position:absolute; top:-20px; left:40px; z-index:-20; text-align:center;font-family:Arial, Helvetica, sans-serif; font-size:14px; }
#homeButton a { display:block; width:74px; height:35px; padding-top:5px; background:url(../images/common/bg_home.gif) no-repeat top; color:#fff; text-decoration:none;}
#homeButton a:hover { background:url(../images/common/bg_homeHover.gif) no-repeat top; color:#F47920;}
#contentBgBody { position:absolute; top:111px; left:11px; width:470px; margin-bottom:30px; background:url(../images/common/bg_paperEBody.png) repeat-y; z-index:20;}

#contentBgBody #wording { padding:120px 30px 10px 30px; width:410px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: 900; color:#0A172E; line-height:20px;}
#contentBgBody #wording a.prices { font-size:18px; font-weight:normal; color:#0A172E; text-decoration:none;}
#contentBgBody #wording a.prices:hover {color:#F47920;}


#contentBgBody #wording { padding:120px 30px 10px 30px; width:410px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: 900; color:#0A172E; line-height:20px;}
#contentBgBody #wording h1 { display:block; font-size:24px; padding:15px 0; font-weight:normal; color:#0A172E;}



#contentBgBody #wording ul { display:block; width:400px; padding:15px 0; border-bottom:1px solid #1A355D; clear:both;}
#contentBgBody #wording ul li { list-style:none; display:inline;}
#contentBgBody #wording ul li a img { display:block; float:left; margin-right:10px; padding:1px; background:#fff; border:3px solid #1A355D;}
#contentBgBody #wording ul li img { display:block; float:left; margin-right:10px; padding:1px; background:#fff; border:3px solid #1A355D;}
#contentBgBody #wording ul li h1 { font-size:15px; font-weight:700; background:#1A355D; color:#fff; padding:3px;}

#contentBgBody #wording ul li a:hover img, #contentBgBody #wording ol li a:hover img { background:#1A355D;}

#contentBgBody #wording ol { display:block; width:400px; padding:15px 0; border-bottom:1px solid #1A355D; clear:both;}
#contentBgBody #wording ol li { list-style:none; display:inline;}
#contentBgBody #wording ol li a img { display:block; float:right; margin-left:10px; padding:1px; background:#fff; border:3px solid #1A355D;}
#contentBgBody #wording ol li img { display:block; float:right; margin-left:10px; padding:1px; background:#fff; border:3px solid #1A355D;}
#contentBgBody #wording ol li h1 { font-size:15px; font-weight:700; background:#1A355D; color:#fff; padding:3px;}

#projects { padding:120px 30px 10px 30px; width:410px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: 900; color:#0A172E; line-height:20px;}
#projects { padding:120px 40px 10px 30px; width:400px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: 900; color:#0A172E; line-height:20px;}
#projects img { display:block; padding:1px; background:#fff; border:3px solid #1A355D;}
#projects a img { display:block; padding:1px; background:#fff; border:3px solid #1A355D;}
#projects a:hover img { background:#1A355D;}
#projects h1 { display:block; font-size:24px; padding:15px 0; font-weight:normal; color:#0A172E; clear:both;}

#contentLogo { position:absolute; top:29px; left:50px; z-index:30;}
#contentTitle { position:absolute; top:149px; left:0; z-index:30;}

form fieldset { width:80%; padding:10px 20px; border:2px solid #F47920; text-align:left; display:block; color:#0A172E; margin:0 auto;}
form legend { color:#0A172E; font-weight:700; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:3px; padding:5px 3px;}
form label { width:100px; display:block; float:left; text-align:left; color:#0A172E; padding:2px 1px 0px 8px; margin-right:5px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
form input { border:1px solid #F47920; width:190px; height:20px; padding:4px 5px 0 5px; background:#fff; margin-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000;}
form textarea { border:1px solid #F47920; width:305px; height:120px; padding:4px 5px 0 5px; background:#fff; margin-bottom:2px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000;}
form input:hover, form textarea:hover { border:1px solid #F9B98A;}
form input.radio { width:25px; height:25px;}
form br { clear:both;}
form .required { color:#F47920;}

.sent { color:#FFFF00;}


#topbar {
	position: relative;
	visibility: hidden;
	z-index: 500;
	margin-left:475px;
}





/* Footer */
#footer { width:100%; height:578px; margin-top:-300px; background: url(../images/common/bg_rugby.jpg) no-repeat right bottom; z-index:-20;}
#footer #copyright { padding-top:280px; width:650px; height:20px; margin:0 auto; background:url(../images/common/bg_footer.gif) no-repeat bottom; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#fff; text-align:center;}
#footer #copyright .blue { color:#456D96; padding:0 5px;}