/*reset whitespace*/
*{margin: 0px; padding: 0px;}


/* PAGE OUTER BACKGROUND AND MARGINS */

body {margin:0px; padding:0px; background-image:url('../images/screenBG.jpg'); background-position:top center; background-color:#ffffff; background-attachment: fixed}

#PrintLogo {width:0px; height:0px; visibility:hidden; overflow:hidden; position:absolute; top:0px; left:0px;}

#Shell {width:960px; margin:auto; background-image:url('../images/innerBG.png'); background-position: top left; background-repeat:repeat-y;}
#Shell:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
#Shell {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html #Shell {height: 1%;} 
#Shell {display: block;} 
/* End hide from IE-mac */



#ShellAboutMe {width:280px; float:left; position:relative; padding:0px 20px 0px 20px;}

#ShellPortfolio {width:600px; float:right; padding:0px 0px 0px 0px;}


#HeaderAlert1 {width:100%; float:left; background-color:#7fb401; padding-top:10px;}
#HeaderAlertInner1 {width:960px; margin:auto; position:relative;}

#HeaderAlert2 {width:100%; float:left; background-color:#991402; padding-top:10px;}
#HeaderAlertInner2 {width:960px; margin:auto; position:relative;}


.portfolio {width:585px; padding-bottom:30px; margin:auto; background-image:url('../images/websitesBG.png'); position:relative; background-repeat:no-repeat;}
.portfolioImg {margin:15px; border:0px solid #000000;}
.portfolioTitle {width:245px; height:31px; position:absolute; top:10px; right:30px;}
.portfolioSkills {width:185px; position:absolute; top:50px; right:80px;}
.portfolioWebsite {width:80px; height:78px; position:absolute; bottom:30px; right:-10px;}

.skillsText {font-weight:bold; font-size:0.75em;}

#panel {background-color:#6c3a77; position:relative; width:100%;}
#panelInner {width:960px; margin:auto; position:relative; height:200px; padding-top:20px;}

#Header {width:100%; height:148px; background-image:url('../images/headerBG.png'); background-position:top center; background-repeat:no-repeat; float:left; border-top:10px solid #6c3a77;}
#HeaderInner {width:960px; height:158px; margin:auto; position:relative;}

#ScreenLogo {width:276px; height:74px; padding:15px 0px 0px 20px;}




#GetInTouch {width:124px; height:122px; position:absolute; top:-5px; right:0px; z-index:5000;}




#Footer {width:100%; height:148px; background-image:url('../images/footerBG.png'); background-position:top center; background-repeat:no-repeat; position:fixed; bottom:-50px;}
#FooterInner {width:960px; height:150px; margin:auto; position:relative;}


#TagMe {width:286px; height:79px; position:absolute; top:12px; right:0px;}



/* TEXT AND LINKS */

h1 {font-size:1em; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial; color:#000000; font-weight:bold; padding: 0px 0px 20px 0px;}
h2 {font-size:0.80em; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial; color:#000000; font-weight:bold; padding: 0px 0px 5px 0px;}
h3 {font-size:0.75em; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial; color:#000000; font-weight:bold; padding: 0px 0px 10px 0px;}


ul {font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial; color:#000000; font-weight:normal; line-height:125%; margin: 0px 0px 5px 10px;}
li {font-size:0.75em; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial; color:#000000; font-weight:normal; line-height:125%; margin: 0px 0px 5px 10px;}


p {padding: 0px 0px 10px 0px; font-size:0.80em; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial; color:#000000; text-align:justify;}
a:link {color:#ffffff; text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial;}
a:visited {color:#ffffff; text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial;}
a:hover {color:#000000; text-decoration:underline; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial;}




#imr_cdroms, #imr_websites, #imr_aboutme {
	width: 284px;
	height: 42px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	}
	
#imr_businessWeek, #imr_tsvc, #imr_lightowler, #imr_onehull, #imr_jcc, #imr_townhouse, #imr_hep, #imr_politicalevents, #imr_mypitch, #imr_nationwide, #imr_dreamteam, #imr_avcommsltd, #imr_bankcottage, #imr_bryanhorberry, #imr_buxtonfc, #imr_cometravel, #imr_directionsaviation, #imr_djliamscott, #imr_dorsetyouthfootball, #imr_elbarbacoa, #imr_healthyfood, #imr_kingswoodcollage, #imr_scstockauditors, #imr_sewellretail, #imr_touchstone, #imr_upolo, #imr_westone, #imr_youapprove, #imr_gregwilliams, #imr_emailme, #imr_findme {
	width: 245px;
	height: 31px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 0px;
	}


#imr_businessWeek span, #imr_tsvc span, #imr_cdroms span, #imr_lightowler span, #imr_onehull span, #imr_jcc span, #imr_townhouse span, #imr_hep span, #imr_politicalevents span, #imr_mypitch span, #imr_nationwide span, #imr_findme span, #imr_emailme span, #imr_aboutme span, #imr_websites span, #imr_dreamteam span, #imr_avcommsltd span, #imr_bankcottage span, #imr_bryanhorberry span, #imr_buxtonfc span, #imr_cometravel span, #imr_directionsaviation span, #imr_djliamscott span, #imr_dorsetyouthfootball span, #imr_elbarbacoa span, #imr_healthyfood span, #imr_kingswoodcollage span, #imr_scstockauditors span, #imr_sewellretail span, #imr_touchstone span, #imr_upolo span, #imr_westone span, #imr_youapprove span, #imr_gregwilliams span {
display: none;
}

#imr_businessWeek {
background-image: url(../images/title-businessWeek.png);
}

#imr_tsvc {
background-image: url(../images/title-tsvc.png);
}

#imr_cdroms {
background-image: url(../images/title-cdroms.png);
}

#imr_jcc {
background-image: url(../images/title-jcc.png);
}

#imr_lightowler {
background-image: url(../images/title-lightowler.png);
}

#imr_onehull {
background-image: url(../images/title-onehull.png);
}


#imr_townhouse {
background-image: url(../images/title-townhouse.png);
}

#imr_hep {
background-image: url(../images/title-hep.png);
}

#imr_politicalevents {
background-image: url(../images/title-politicalevents.png);
}

#imr_nationwide {
background-image: url(../images/title-nationwide.png);
}

#imr_mypitch {
background-image: url(../images/title-mypitch.png);
}

#imr_findme {
background-image: url(../images/title-findme.png);
}

#imr_emailme {
background-image: url(../images/title-emailme.png);
}

#imr_gregwilliams {
background-image: url(../images/title-gregwilliams.png);
}

#imr_youapprove {
background-image: url(../images/title-youapprove.png);
}

#imr_westone {
background-image: url(../images/title-westone.png);
}

#imr_upolo {
background-image: url(../images/title-upolo.png);
}

#imr_touchstone {
background-image: url(../images/title-touchstone.png);
}

#imr_sewellretail {
background-image: url(../images/title-sewellretail.png);
}

#imr_scstockauditors {
background-image: url(../images/title-scstockauditors.png);
}

#imr_kingswoodcollage {
background-image: url(../images/title-kingswoodcollege.png);
}

#imr_healthyfood {
background-image: url(../images/title-healthyfood.png);
}

#imr_elbarbacoa {
background-image: url(../images/title-elbarbacoa.png);
}

#imr_dorsetyouthfootball {
background-image: url(../images/title-dorsetyouthfootball.png);
}

#imr_djliamscott {
background-image: url(../images/title-djliamscott.png);
}

#imr_directionsaviation {
background-image: url(../images/title-directionsaviation.png);
}

#imr_cometravel {
background-image: url(../images/title-cometravel.png);
}

#imr_buxtonfc {
background-image: url(../images/title-buxtonfc.png);
}

#imr_bryanhorberry {
background-image: url(../images/title-bryanhorberry.png);
}

#imr_bankcottage {
background-image: url(../images/title-bankcottage.png);
}

#imr_avcommsltd {
background-image: url(../images/title-avcommsltd.png);
}
	
#imr_dreamteam {
background-image: url(../images/title-dreamteam.png);
}

#imr_websites {
background-image: url(../images/title-websites.png);
}

#imr_aboutme {
background-image: url(../images/title-aboutme.png);
}





div.Contact {font-size:0.75em; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial; color:#ffffff;}
div.Contact dl { padding:20px 0px 0px 7px; }
div.Contact dt { float:left; width:120px; }
div.Contact dd { padding:0px 0px 10px 0px; }

div.FindMe {font-size:0.75em; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial; color:#ffffff;}
div.FindMe dl { padding:20px 0px 0px 0px; }
div.FindMe dt { float:left; width:30px; }
div.FindMe dd { padding:0px 0px 10px 0px; }


#Close {position:absolute; width:50px; height:49px; bottom:10px; right:-20px;}

#ContactLeft {width:200px;  float:left; position:relative;}
#ContactLeft:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
#ContactLeft {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html #ContactLeft {height: 1%;} 
#ContactLeft {display: block;} 
/* End hide from IE-mac */

#ContactRight {width:650px; float:right; position:relative;}
#ContactRight:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
#ContactRight {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html #ContactRight {height: 1%;} 
#ContactRight {display: block;} 
/* End hide from IE-mac */


#ContactFormName {position:absolute; top:20px; left:0px;}
#ContactFormEmail {position:absolute; top:70px; left:0px;}
#ContactFormPhone {position:absolute; top:120px; left:0px;}
#ContactFormMessage {position:absolute; top:20px; left:320px;}
#ContactFormSubmit {position:absolute; top:130px; left:320px;}

fieldset        {padding:10px 10px; border:0px solid #ffffff;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}
input           {width:150px;}
input,
select,
textarea        {border:0px solid #ffffff;padding:7px; margin:0px; width:150px;}
input:focus,
textarea:focus  {background:#dfc7e4;}
textarea        {font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial; width:150px; height:80px;}
label           {display:block; margin:12px 0 0; font-weight:700; font-size:0.75em; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial;  float:left; clear:left; width:130px;}
label:after     {content:": ";}
button          {float:left; clear:both; margin-left:130px; margin-top:10px; padding:2px;}