* {margin:0;padding:0;}
body { font-size: 62.5%;background:#636363 url(../img/body.jpg) repeat-x top left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.hdr_background { background-image: url(../img/header-background.jpg); background-repeat: no-repeat; height: 82px; margin-right: auto; margin-left: auto; overflow: hidden; background-position: center top; position: relative; width: 100%;z-index:1; }
#wrapper {width:980px;margin:0 auto; position:relative;z-index:10;top:-82px;}
#wrapper #twitter-head {width:118px;height:80px;position:absolute;right:25px;top:73px;}
#header {width:100%;float:left;height:201px;}
#header .left {width:227px;float:left;}
#header .right {width:455px;float:right;}
.clr20 {width:100%;float:left;height:40px;clear:left;}
.clr {width:100%;float:left;height:10px;clear:left;}
.red {color:#ff1e00;font-weight:bold;}
.green {color:#5bcd23;font-weight:bold;}
img {border:none;}
acronym {border-bottom: dotted 1px #FFCC00; cursor:help;}
/* Header Section */
#header ul	{width:100%;height:50px;overflow:hidden;float:left;margin-top:6px;}
#header li 	{width:140px;float:left;display:inline;height:50px;margin-right:10px;text-indent:-5000px;}
#header  a	{width:140px;height:50px;display:block;}
.right {float:right;}
.cen {text-align:center;}
.options {margin:20px 0px 0px 0px;display:block;clear:left;}
hr {width:60%;margin:10px auto;clear:left;}
h4 {color:white;font-size:1.4em; font-weight:bold;padding-left:10px;}
.fiftyfifty {width:48%;float:left;margin-right:10px;}
p.sub {font-size:1em; font-weight:bold;margin-top:-15px;}

/* Header Menu */
#header li#services 			{background:url(../img/buttons.jpg) no-repeat left top;}
#header li#services a 			{background:url(../img/buttons.jpg) left top}
#header li#services a:hover		{background:url(../img/buttons.jpg) left 50px;}
#header li#portfolio			{background:url(../img/buttons.jpg) no-repeat -147px top;}
#header li#portfolio a			{background:url(../img/buttons.jpg) no-repeat -147px top;}
#header li#portfolio a:hover	{background:url(../img/buttons.jpg) -147px 50px;}
#header li#prices 				{background:url(../img/buttons.jpg) no-repeat -294px top;}
#header li#prices a				{background:url(../img/buttons.jpg) no-repeat -294px top;}
#header li#prices a:hover		{background:url(../img/buttons.jpg) -294px 50px;}

/* Sub graphic */

#headline, #headline-cb, #headline-search, #headline-usa, #headline-design, #headline-bugs, #headline-portfolio, #headline-psd, #headline-all, #headline-webapp
{float:left;clear:left;position:relative;top:30px;}

#headline h1, #headline-cb h1, #headline-search h1, #headline-usa h1, #headline-design h1, #headline-bugs h1, #headline-portfolio h1, #headline-psd h1, #headline-all h1, #headline-webapp h1
{ background-repeat:no-repeat; background-position:left; background-position:top;text-indent:-5000px;}

#headline 			{width:820px;height:70px;}
#headline h1		{background:url(../img/header-trans.png);height:70px}

#headline-cb 		{width:820px;height:82px;}
#headline-cb h1		{height:82px; background: url(../img/cross-browser-trans.png);}

#headline-webapp 	{width:483px;height:80px;}
#headline-webapp h1	{height:80px; background: url(../img/header-webapp-trans.png);}

#headline-search 	{width:824px;height:73px;}
#headline-search h1	{height:73px; background: url(../img/search-engine-trans.png);}

#headline-usa 		{width:742px;height:73px;}
#headline-usa h1	{height:71px; background: url(../img/usable-trans.png);}

#headline-design 	{width:554px;height:70px;}
#headline-design h1	{ height:70px; background: url(../img/web-design-trans.png);}

#headline-bugs 		{width:788px;height:73px;}
#headline-bugs h1	{height:73px; background: url(../img/browser-bugs-trans.png);}

#headline-portfolio 	{width:728px;height:75px;}
#headline-portfolio h1	{height:75px; background: url(../img/portfolio-trans.png);}

#headline-psd 	{width:682px;height:68px;}
#headline-psd h1{height:68px; background: url(../img/psd-to-html-trans.png);}

#headline-all 	{width:712px;height:75px;}
#headline-all h1{height:75px; background: url(../img/everything-trans.png);}

#content 		{width:100%;float:left;clear:left;position:relative}

#mac 				{width:980px; height:382px;float:left;}
#mac h2 			{text-indent:-4000px;}
#macheadings  		{float:left;margin-left:-60px;margin-top:25px;width:405px;}
#macheadings span	{margin-left:90px;}


/* Main content area */
#main_content 			{width:956px;height:320px; background:url(../img/main-contentbox-trans.png) no-repeat top left;float:left;clear:left;}
#main_content .slot1	{width:288px;margin:10px 10px 10px 20px;float:left;display:inline;}
#main_content .slot		{width:298px;margin:10px;float:left;display:inline;}
#main_content h2		{ color:#FFDCB0; font-variant:small-caps; font-size:2.1em; padding:0 10px 10px 10px; }
#main_content p			{color:white;font-size:1.2em;padding:0 10px 10px 10px; line-height:16px;}
#home #main_content p	{-webkit-text-size-adjust: 100%;}



/* Form styling for homepage */
#main_content form 				{width:215px;margin:0 auto;}
#main_content form div 			{background:url(../img/input.jpg) no-repeat top left;width:214px;height:46px;border:none;color:white;clear:left;}
#main_content form div.txtarea	{background:url(../img/input-comment.jpg) no-repeat top left;width:100%;height:118px;clear:left;}
#main_content label 			{display:none;}
#main_content input 			{padding:15px 0 0 15px; background:transparent;border:none;color:white;width:200px;}
#main_content textarea  		{background:transparent;border:none;color:white;padding-left:20px;font-weight:bold;padding-top:20px;clear:left;width:86%;overflow: hidden;}
#main_content input.submit		{background:url(../img/submit.jpg) no-repeat top left;width:208px;height:38px;padding:0px;font-size:1.8em; font-variant:small-caps;clear:left; overflow:hidden;}
#main_content input.submit:hover {color:#C90;}


/* Form styling for Contact page */

.innerright form 				{width:215px;margin:0 auto;}
.innerright form div 			{background:url(../img/input.jpg) no-repeat top left;width:214px;height:46px;border:none;color:white;clear:left;}
.innerright form div.txtarea	{background:url(../img/input-comment.jpg) no-repeat top left;width:100%;height:118px;clear:left;}
.innerright label 				{display:none;}
.innerright input 				{padding:15px 0 0 15px; background:transparent;border:none;color:white;}
.innerright textarea  			{background:transparent;border:none;color:white;padding-left:20px;font-weight:bold;padding-top:20px;clear:left;width:86%;overflow: hidden;}
.innerright input.submit		{background:url(../img/submit.jpg) no-repeat top left;width:208px;height:38px;padding:0px;font-size:1.8em; font-variant:small-caps;clear:left; overflow:hidden;}
.innerright input.submit:hover 	{color:#C90;}



/* Form styling for Content Pages */
.contentbot form {width:728px;margin-left:230px;float:left;display:inline;}
.contentbot form div 			{background:url(../img/content-buttons.gif) no-repeat top left;width:170px;height:46px;border:none;color:white;float:left;margin-top:26px;}
.contentbot form div.txtarea	{background:url(../img/content-textarea-trans.png) no-repeat top left;width:235px;height:80px;float:left;margin-top:10px;}
.contentbot label 			{display:none;}
.contentbot input 			{padding:15px 0 0 15px; background:transparent;border:none;color:white;}
.contentbot textarea  		{background:transparent;border:none;color:white;padding-left:20px;font-weight:bold;padding-top:20px;clear:left;width:86%;overflow: hidden;}
.contentbot input.submit		{background:url(../img/content-submit-trans.png) no-repeat top left;width:115px;height:44px;padding:0px;font-size:1.4em; font-variant:small-caps; overflow:hidden;margin-top:26px;}
.contentbot input.submit:hover {color:#C90;}




/* Showcase Styling */
.showcaseoutter	{clear:left;float:left;width:100%;position:relative;top:-40px;}
.showcase 		{width:310px;height:414px;background:url(../img/showcase.jpg) no-repeat top left;float:left;margin-right:15px;}
.showcase h2, .showcasenotag h2 	{color:#FFDCB0; text-align:center;font-variant:small-caps;font-size:2.1em;padding-top:20px;}
.showcase img, .showcasenotag img	{margin:10px auto 10px auto;width:237px;height:237px; text-align:center;display:block;}
.showcase p, .showcasenotag p  	{color:white;font-size:1.2em;padding:0 16px 2px 20px; line-height:16px;}
.contentmid a, .slot a, .showcase a, .showcasenotag a, .slot1 a {color: #FFFF99;}
.showcasenotag 	{width:310px;height:414px;background:url(../img/showcase-notag.jpg) no-repeat top left;float:left;margin-right:15px;}
.showcasenotag blockquote {background:url(../img/quotes-trans.png) no-repeat 24px 10px;padding-top:18px;}
.showcasenotag p {text-indent:46px;padding:0px 20px 0px 30px;font-size:1.5em; font-style:italic;font-family: Geneva, Arial, Helvetica, sans-serif; line-height:20px;text-shadow: 1px 1px 1px #747474;}


.showcasenotag cite {width:300px;height:50px;display:block;margin-top:-12px;}
.showcasenotag cite  p {background:url(../img/quotesend-trans.png) no-repeat 255px 0px;padding-top:20px;padding-left:0px;text-indent:30px;}



/* Services Styling */
.contenttop { background:url(../img/content-top.png) no-repeat top left;overflow:hidden;width:956px;height:106px; position:relative;}
.contentmid { background:url(../img/content-middle.png) repeat-y top left;width:956px;position:relative;}
.inner {width:620px;padding-top:-90px;position: relative;top:-96px;left:10px;z-index:30;}
.inner h2		{ color:#FFCA88; font-variant:small-caps; font-size:2em; padding:0 10px 10px 10px;clear:left; }
.inner h3		{ color:#FFCA88; font-size:1.5em; padding:0 10px 10px 10px; font-style:italic; }
.inner h2 a 	{ color:#FFCA88; }
.inner p		{color:white;font-size:1.2em;padding:0 10px 10px 10px; line-height:16px;}
.inner li		{color:white;font-size:1.2em;padding:0 10px 10px 10px; line-height:16px;margin-left:28px;}
.innerright 	{margin-left:20px;position:absolute;right:0;top:-96px;width:300px;margin-left:20px;position:absolute;right:20px;top:-96px;width:290px;}
.innerright h2 	{color:#FFCA88; font-variant:small-caps; font-size:2em; padding:0 10px 10px 10px; }
.innerright h3 	{color:#FFCA88; font-size:1.5em;padding:0 10px 10px 10px;font-style:italic;}
.innerright p	{color:white;font-size:1.2em;padding:0 10px 10px 10px; line-height:16px;}
.innerright li 	{color:white;font-size:1.2em;line-height:16px;margin-left:24px;margin-bottom:6px;}
.innerright span {margin-left:5px;}

.contentbot 		{background:url(../img/content-bottom.png) no-repeat top left;width:956px;height:106px;position:relative;top:-80px}
.contentbot h3 	{padding-left:230px;font-size:3em;color:#eed870;padding-top:33px;}
.contentbot h3 a {color:#FC0;}

/* Footer Styles */
#footer 			{clear:left;width:100%;float:left;background:url(../img/footer.jpg) repeat-x top left; height:117px;position:relative;margin-top:-80px;}
#footer  .left 		{width:70%;float:left;}
#footer  .left ul 	{width:100%;float:left;display:inline;margin-top:20px; list-style-type: none;height:90px;overflow:hidden;}
#footer  .left li 	{margin-right:30px;color:white;font-size:1.2em;font-weight:bold;float:left;width:65px;text-align:center;display:block;height:90px;}
#footer .left p 	{padding:31px 10px 0 0;color:white;font-size:1.2em;font-weight:bold;}
#footer .left img	{margin-left:10px;}
#footer .right 		{width:30%;float:left;position:relative}
#footer .right p 	{padding:50px 62px 0 0;color:white;font-size:1.2em;font-weight:bold; text-align:right;position:relative;z-index:30}
#footer li#blog 	{background:url(../img/wordpress_64-trans.png) no-repeat top center;margin-left:20px}
#footer li#twitter 	{background:url(../img/twitter_64-trans.png) no-repeat top center;}
#footer li#linkedin	{background:url(../img/linkedin_64-trans.png) no-repeat top center;}
#footer li#feed 	{background:url(../img/feed_64-trans.png) no-repeat top center;}
#footer li#contact 	{background:url(../img/Mail-64-trans.png) no-repeat top center;}
#footer li#twitternews	{background:url(../img/twitternews_64-trans.png) no-repeat top center;}




#footer li			{}
#footer li a 		{display:block;width:64px;height:100px;line-height:150px;color:#FFFF99;font-size:1.2em;font-weight:bold; text-decoration:none;}
#footer li a:hover	{text-decoration: underline; color:white;}
#footer .right .spot {background:url(../img/spotlight.jpg) no-repeat top right;position:absolute;width:220px;height:144px;top:-27px;right:0;z-index:10}


/* Portfolio */
.portfolio {width:100%;clear:left;float:left;margin-bottom:30px;}
.portleft {width:265px;float:left;clear:left;}
.portright {width:350px;float:left;}
.portright h2 {padding-bottom:0px;}


/* Blog testing - The "external" JS uses inline styles so I'm having to use !important to override */
.blogposts {width:200px;margin:0 auto;background-color:transparent;border:solid #e0dfdf;border-width:3px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius:6px;margin-top:13px;margin-bottom:16px;}
div#rssincl-box-188495 {width:200px!important;border:none!important;margin-left:0px;}
div#rssincl-box-188495 div.rssincl-head, div#rssincl-box-188495 div.rssincl-content, div#rssincl-box-188495 div.rssincl-content div.rssincl-entry, div#rssincl-box-188495 div.rssincl-footer {background-color:transparent!important;width:182px!important}
div#rssincl-box-188495 div.rssincl-footer div.rssincl-backlink  {display:none;}
div#rssincl-box-188495 div.rssincl-content div.rssincl-entry div.rssincl-itemdesc, div#rssincl-box-188495 div.rssincl-content div.rssincl-entry div.rssincl-itemdesc {color:white!important;}
div.rssincl-head p {text-align:center!important;background-color:white;color:black;}
div#rssincl-box-188495 div.rssincl-head {width:100%!important;padding:0px!important;height:30px;margin-bottom:10px;border-bottom:2px solid #666}
p.rssincl-title {padding:8px 0px!important} 
div.rssincl-itemdesc a {clear:left!important;margin-top:10px!important;float:left!important;width:100%}
p.padright {padding-left:125px;}


aside.jet {background: url(../images/si-aircraft.png) no-repeat bottom left;width:290px;height:300px;float:left;border: #333333 groove 4px;background-color:#transparent;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius:4px;}

.portfolio h2 img {margin-right:30px;}
.prices h3 {font-family:'Trebuchet MS', Arial, Helvetica; font-size:26px;color:#FFCC00; font-variant:small-caps;font-weight:normal;}