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

* {}

body { background:#FFF url(../img/bg_topbar_red.jpg) repeat-x top fixed; font-family:Arial, Helvetica, sans-serif; margin:0px;}

h1 {font-size:22px; letter-spacing:-1px; margin-bottom:5px;}

h2 { font-size:21px; letter-spacing:-1px; line-height:24px; margin-bottom:10px;}

h3 { font-size:20px; margin-top:15px; letter-spacing:-1px; }

a { color:#333; text-decoration:none;}

a:hover { color:#CC0000; text-decoration:none;}



#topbar { background:url(../img/bg_topbar_red.jpg) repeat-x top; width:auto; height:200px; position:fixed; top:0px; z-index:-10;}

#topbar_logo { width:1000px; margin:0 auto;}

#outer { background:url(../img/bg_cont.png) repeat-y center; width:900px; padding:0 25px; margin:-13px auto 0 auto;}

#pagelogo { width:900px; height:117px;}

#header { padding:132px 12px 0 12px; margin-top:10px; margin-bottom:10px;}

#headerpop { padding:132px 12px 0 12px; margin-top:10px; margin-bottom:10px;}

#studio_left {width:280px; float:left; font-size:12px;}

#studio_right {width:500px; float:left; padding-top:10px; margin-left:30px;}

#post_left {width:280px; padding-right:5px; font-size:11px; float:left;}

#post_center {width:280px; padding:0 5px; font-size:11px; float:left;}

#post_right {width:280px; padding-left:5px; font-size:11px; float:left;}

#pricing_left {width:500px; margin-right:50px; float:left;}

#pricing_right {width:300px; float:left;}

.snippets { background:url(../img/bg_snippets.jpg) no-repeat top center; width:860px; padding:147px 20px 40px 20px; }

.snippetg { background:url(../img/bg_snip.gif) repeat-x top; width:auto; padding:20px 0px 0px 0px; }

.snipbox1 { font-size:12px; color:#444; width:365px; padding:0 30px; float:left;}

.snipbox { font-size:11px; color:#444; width:260px; padding:0 20px; float:left;}

.pad20 { padding:0 20px;}

.pad10 {padding:0 10px;}

.pad2020 {padding:20px;}

#c_button {position:absolute; left:50%; margin-left:225px; top:122px; z-index:100;}

#c_button a {outline:none;}

#grass {background:url(../img/shag.png) repeat-x bottom; position:fixed; left:0; bottom:0px; width:100%; height:43px; z-index:2000;}

.corner { width:200px; height:200px; position:fixed; top:0; left:0; z-index:2000;}

.corner a {outline:none;}



/*   Nav   */

.nav { background: #FFF url(../img/bg_poptop.jpg) no-repeat bottom left; width:620px; height:72px; position:absolute; left:50%; padding-left:280px; padding-top:45px; margin-left:-450px; top:0px; z-index:50; text-align:right; }

.nav img { margin-left:20px;}

.nav ul { list-style:none; margin:0; padding:0;}

.nav li {display:inline; margin:0;}

.nav li img {outline:none; border:none;}

.nav h2 {margin-left:10px; text-transform: capitalize;}




/*   Tabs   */

.TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 100%;}

.TabbedPanels img {outline:none; border:none;}

.TabbedPanelsTabGroup { margin: 0px; padding: 0px;}

.TabbedPanelsTab { position: relative; float: left; padding: 0px; margin: 0px; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer;}

.TabbedPanelsTabHover {}

.TabbedPanelsTabSelected { background: url(../img/bg_tab.gif) no-repeat left center;}

.TabbedPanelsTab a {}

.TabbedPanelsContentGroup {	clear: both;}

.TabbedPanelsContent { width:600px; height:366px; padding-top:2px;}

.TabbedPanelsContentVisible {}

.VTabbedPanels .TabbedPanelsTabGroup { float: right; text-align:right; margin:0px; padding:0px; width: 276px; position: relative;}

.VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; padding:0px; }

.VTabbedPanels .TabbedPanelsTabSelected {}

.VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; margin:0px; width: 600px; height: 366px;}




/*   Logo   */

#logo { width: 300px; height:75px; position:absolute; top:0; left:0; background: transparent; }

#logo h1 { text-indent: -9000px; text-decoration: none; font-size:50px; overflow: hidden; }

#logo h1 a { display:block; outline:none; }






/*   Footer   */

#footer { background:url(../img/bg_footer.gif) no-repeat top center; font-size:11px; width:650px; height:130px; padding:30px 265px 0 15px; margin:0 auto 20px auto;}


/*   Colours   */

.green { color: #090;}

.red { color:#C00;}

.grey { color: #222;}