@import url("http://www.hyperflyer.co.uk/css/global.css");
/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Hypergroup Stylesheet

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; text-align:center;}
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#container {width:950px; margin:0 auto; text-align:left; font-size:110%; position:relative;}   
#homeBottom {padding-top: 395px;}
#homeContent {width:950px; padding-top:10px; color:#8d8e90; font-size:110%;}
#homeContent a {color:#8d8e90; text-decoration:none; font-weight:normal;}
#homeContent a:hover {text-decoration:underline;}
#homeContent #services {width:950px; height:289px; float:left; background:url(../images/home/bottomboxnew.jpg) top left no-repeat;}
#homeContent #services #servicesInterest {padding:0px 0px 0px 20px; width:400px; float:left;}
#homeContent #services #servicesInterest ul {margin:0; padding:50px 0px 0px 2px; list-style:none; float:left; width:230px; font-size:15px;}
#homeContent #services #servicesInterest ul li {padding: 0 0 5px 2px; background:url(../images/home/purple-bullet.gif) top left no-repeat; background-position: 0 .6em; padding-left:  .9em;}
#homeContent #services #casestudies {width:250px; float:left;}
#homeContent #services #casestudies ul {margin:0; padding:50px 0 0 1px; list-style:none; float:left; width:90px; font-size:15px;}
#homeContent #services #casestudies ul li {padding: 0 0 5px 14px; float:left; width:250px; background:url(../images/home/blue-bullet.gif) top left no-repeat; background-position: 0 .6em; padding-left:  .9em;}
#homeContent #News { position:absolute; width:214px; height:186px; float:right; line-height:130%; padding:0px 10px 0px px; left: 704px; top: 457px;}
#homeTop {position:absolute; top:0px; left:0px; height: 76px;}
#header {height:75px; width:950px; position:relative;}
#headererror {height:75px; width:950px; position:left;}
#header #logo {width:240px; height:55px; position:absolute; top:11px; left:3px;}
#header #error {width:240px; height:55px; position:absolute; top:38px; left:9px;}
#header #tagline {position:absolute; top:25px; right:1px; height: 18px;}
#printHeader {display:none;}
#flash {margin-top:5px; margin-bottom:5px;}
#hypergroup {color:#bbbbbb; margin:0 auto; text-align:center; padding:10px 0px 3px 3px;}
#hypergroup ul {color:#bbbbbb; margin:0; padding:0; list-style:none;}
#hypergroup li {color:#bbbbbb; display:inline; font-size:80%;}
#hypergroup a {color:#bbbbbb; text-decoration:none; font-weight:normal;}
#hypergroup a:hover {color:#bbbbbb; text-decoration:underline;}
#footerline #footer {width:950px; height:70px; margin-top:9px; color:#bbbbbb; line-height:100%; }
#footerline #footer .padding2 {padding:3px 0 10px 3px; font-size:90%; padding: 0px;}
#footerline #footer p {text-align:justify; padding:0 16px 0 0px;}
#footerline #footer a {color:#bbbbbb; text-decoration:none; font-weight:normal;}
#footerline #footer a:hover {}
#footerline {background:url(../images/home/footerline.jpg) top left no-repeat; width:950px; height:2px; text-decoration:none; color:#bbbbbb;}
#internalContent {}
#footer {width:946px; height:70px; margin-top:4px; color:#bbbbbb; line-height:100%; padding: 0px 4px 0px 4px}
#footer .padding {padding:3px 0 10px 3px; font-size:90%; padding: 0px;}
#footer p {text-align:justify; padding:0 16px 0 0px;}
#footer a {color:#bbbbbb; text-decoration:none; font-weight:normal;}
#footer a:hover {}
#internalContent #rightCol .padding {font-size:115%; color:#6f6f6f; line-height:130%; padding:0px 25px 10px 0;}
#internalContent #rightCol .portfoliopadding {font-size:140%; color:#6f6f6f; line-height:130%; padding:0px 25px 10px 0;}
#internalContent #rightCol .contentSmall {color:#0071b9; font-size:115%; line-height:80%; padding: 0px;}
#internalContent #leftcontactCol {float:left; width:400px; height: 290px; padding:0px 0px 20px 0px; vertical-align: bottom; position: relative;}
#internalContent #leftcontactcentre {float:left; width:400px; height: 258px; padding:0px 0px 20px 0px; vertical-align: bottom; position: absolute; left: 225px; top: 318px;}
#internalContent #contactemail {float:left; width:400px; height: 273px; padding:0px 0px 20px 0px; vertical-align: bottom; position: absolute; left: 544px; top: 316px;}
#internalContent #col {float:right; width:475px; height: 468px; vertical-align: bottom; position:relative; text-align:left; padding:0px 0px 0px 0px;}
#internal {}
#internal #rightCol {float:left; width:950px;}
#internal #rightCol .padding {font-size:115%; color:#6f6f6f; line-height:130%; }
#internal #rightCol .paddingemail {font-size:125%; color:#6f6f6f; line-height:130%;}
#internal #rightCol .sourcetext {font-size:90%; color:#6f6f6f; line-height:130%;}
#internal #rightCol .portfoliopadding {font-size:100%; color:#6f6f6f; line-height:130%;}
#internal #rightCol .contentSmall {color:#0071b9; font-size:115%; line-height:80%;}
#internal #rightCol .head1 {font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#CC0066; line-height:120%;}
#internal #rightCol .head2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#CC0066; line-height:100%;}
#internal #col {float:right; width:550px; height: 350px; vertical-align: bottom; position:relative; text-align:left;}
#internal #collanding {float:right; width:550px; height: 1200px; position:relative; text-align:left;}
#internal #collanding ul { margin:0; list-style:none; width:550px; font-size:15px; }
#internal #collanding ul li { margin-top:20px; margin-bottom:1px; padding:0px 10px 13px 0px; background:url(http://www.hyperflyer.co.uk/images/home/purple-bullet.jpg) top left no-repeat; background-position: 0 .2em; padding-left: .9em;}
#internal #colArticles { float:right; width:550px; height: 350px; vertical-align: bottom; position:relative; text-align:left; }
#internal #colMarketArt { float:right; width:550px; height: 1950px; vertical-align: bottom; position:relative; text-align:left; }
#internal #colServices { float:right; width:550px; height: 1300px; vertical-align: bottom; position:relative; text-align:left; }
#internal #coloffers { float:right; width:550px; height: 900px; vertical-align: bottom; position:relative; text-align:left; }
#internal #colemail { float:right; width:550px; height: 1415px; vertical-align: bottom; position:relative; text-align:left; }
#internal #colthankyou { float:right; width:600px; height: 300px; vertical-align: bottom; position:relative; text-align:left; }
#internal #colcontact { float:right; width:550px; height: 350px; vertical-align: bottom; position:relative; text-align:left; }
#internal #email { float:right; width:879px; height: 143px; vertical-align: bottom; position:absolute; text-align:left; left: -3px; top: 1711px; background:url(../images/marketing/email-us.jpg) top left no-repeat; padding:95px 36px 0px 36px; font-size:24px;}
#internal #register { float:right; width:951px; height: 234px; vertical-align: bottom; position:absolute; left: -3px; top: 2026px;}
#internal #registeremail { float:right; width:951px; height: 230px; vertical-align: bottom; position:absolute; left: 0px; top: 1486px; }
#internal #registerservices { float:right; width:951px; height: 234px; vertical-align: bottom; position:absolute; left: 0px; top: 1374px; }
#internal #registermarketing { float:right; width:951px; height: 234px; vertical-align: bottom; position:absolute; left: 1px; top: 2083px; }
#internal #registeroffers { float:right; width:951px; height: 234px; vertical-align: bottom; position:absolute; left: 0px; top: 1986px; }
#internal #registerSpecialoffers { float:right; width:951px; height: 234px; vertical-align: bottom; position:absolute; left: -400px; top: 660px; }
#internal #emailImage { float:right; width:267px; height: 234px; vertical-align: bottom; position:absolute; left: 39px; top: 315px; }
#internal4 {}
#internal4 #rightCol .padding {font-size:115%; color:#6f6f6f; line-height:130%; padding: 0px;}
#internal4 #rightCol .paddingemail {font-size:125%; color:#6f6f6f; line-height:130%; padding: 0px;}
#internal4 #rightCol .sourcetext {font-size:90%; color:#6f6f6f; line-height:130%; padding: 0px;}
#internal4 #rightCol .portfoliopadding {font-size:100%; color:#6f6f6f; line-height:130%; padding: 0px;}
#internal4 #rightCol .contentSmall {color:#0071b9; font-size:115%; line-height:80%; padding: 0px;}
#internal4 #rightCol .head1 {font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#CC0066; line-height:120%; padding: 0px;}
#internal4 #rightCol .head2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#CC0066; line-height:100%; padding: 0px;}
#internal4 #col { float:right; width:550px; height: 725px; vertical-align: bottom; position:relative; text-align:left;  padding: 0px;}

/* ----- Page Titles ----- */
#EmailTitle { width:950px; height:132px; position:relative; margin-top:6px; margin-bottom:70px;}
#ServicesTitle { width:950px; height:132px; position:relative; margin-top:6px; margin-bottom:70px;}
#offerTitle { width:950px; height:132px; position:relative; margin-top:6px; margin-bottom:70px;}
#ThankyouTitle { width:950px; height:132px; position:relative; margin-top:6px; margin-bottom:70px;}
#RegisterTitle { width:950px; height:132px; position:relative; margin-top:6px; margin-bottom:70px;}
#EssentialMarketingTitle { width:950px; height:194px; position:relative; margin-top:6px; margin-bottom:70px;}
#ContactTitle { width:950px; height:132px; position:relative; margin-top:6px; margin-bottom:70px;}
#MarketingTitle { width:950px; height:132px; position:relative; margin-top:6px; margin-bottom:70px;}

/* ----- CLASSES ----- */
.float_left { float:left;}
.float_right { float:right;}
.clear { clear:both;}
.hide { display:none; }
.image_right { float:right; margin:0 0 10px 15px;  }
.image_left { float:left; margin:0 15px 10px 0;  }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1 {font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#CC0066; line-height:120%; font-weight:normal; padding: 0px; margin-bottom: .2em;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#CC0066; line-height:110%; font-weight:normal; padding: 0px; margin-bottom: .3em; }
h3 {font-size:16px; color:#6f6f6f; line-height:130%; font-weight:lighter;}
h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:normal; line-height:130%;}
.smallprint {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;}

/* ----- TOP NAVIGATION ----- */
#topNav {font-size:12px; line-height:10px; background:url(../images/home/topNavBg.jpg) top left repeat-x; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; width:943px; height:22px; margin-left:4px;}
#topNav a {display:block; float:left; color:#333333; font-weight:normal; text-decoration:none; padding:6px 62px 7px 62px;}
#topNav a:hover {text-decoration:none; color:#666666;}
#topNav .active a {text-decoration:none; color:#333333;}
#topNav ul {margin:0; padding:0; list-style:none;}
#topNav li {display:block; float: left; position: relative; border-left:1px solid #ffffff; min-height:22px !important; height:22px; height:auto !important; z-index:1;}
#topNav li ul {display: none; position: absolute; top: 22px; left: -1px; margin:0; border-top:1px solid #ffffff; width:189px; z-index:1;}
#topNav li ul li {display:block; float:none; width:175px; border:none; z-index:1;}
#topNav li ul li a {display:block; color:color:#333333 !important; float:none; width:175px; font-size:11px; padding:6px 6px !important; min-height:16px !important; height:16px; height:auto !important; line-height:16px; background:#d9dadc !important; border-bottom:1px solid #ffffff; border-left:1px solid #d1d0d0; border-right:1px solid #ffffff; z-index:1;}
#topNav li ul li a:hover {background:#cccccc  !important; text-decoration:none; color:#ffffff;}
#topNav li ul li.active a {text-decoration:none;}
#topNav li.active ul li a {text-decoration:none;}
#topNav li:hover ul, #topNav li.over ul {display: block;}
#topNav .last a {background:none;}
#error {height:27px; background-image: width: 950px;
}

/* ----- GLOBAL ----- */
img { display:block; border:0; background-attachment: scroll; background-repeat: no-repeat; background-position: bottom; vertical-align: bottom;}
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }