/* Handy Group CSS */

* {
border:0;
margin:0;
padding:0;
}

body {
font-size:62.5%;
font-family:verdana, Helvetica, sans-serif;
background:#000;
color:#FFF;
}

#headerWrapper {
background:url(images/header_bg.jpg) bottom repeat-x;
}

#header {
margin:auto;
width:920px;
background:url(images/header_swoosh.jpg) top left no-repeat;
}

#header p {
float:left;
margin-top:16px;
color:#FFF;
}

#header img {
float:right;
margin:20px 0 19px 0;
}

#navWrapper {
background:url(images/nav_bg.jpg) repeat-x;
}

#nav {
width:914px;
margin:auto;
}

.clear {
clear:both;
font-size:0;
}


p, ul {
color:#000;
font-size:1.2em;
line-height:1.4em;
padding-bottom:1.2em;
}

ul {
margin-left:0.8em;
line-height:normal;
}

p span {
color:#fc6c03;
font-weight:bold;
}


/* Nav list */

#nav ul {
color: #FFF;
/*font-size: 1.2em;*/
text-transform:uppercase;
padding: 9px 0px;
line-height:normal;
margin-left:0;
margin-bottom:0;
/*padding: 10px 0 8px 0;*/
} 

#nav ul li {
padding: 9px 0;
display: inline;
border-left:1px solid #000;
background:url(images/nav_li_bg.jpg) center repeat-x;
margin-left:0;
padding-left:0;
margin-bottom:0;
}

#nav ul li#first {
border:0;
background:url(images/nav_first.jpg) center left no-repeat;
}

#nav ul li#last {
background:url(images/nav_last.jpg) center right no-repeat;
}

/* Nav links */
#nav ul a {
padding: 8px 12px;
text-decoration:none;
color:#FFF;
}

#nav ul a:hover {
color:#000;
background:url(images/nav_hover_bg.jpg) top repeat-x #fc8c3b;
}

#nav ul li#first a:hover {
border:0;
background:url(images/nav_first_hover.jpg) top left no-repeat #fc8c3b;
}

#nav ul li#last a:hover {
background:url(images/nav_last_hover.jpg) top right no-repeat #fc8c3b;
}

#nav ul li#selectedNav {
padding: 9px 12px;
color:#fc6c03;
background:url(images/selected_bg.jpg) top repeat-x #000;
}

#mainWrapper {
background:url(images/main_bg.jpg) repeat-x top #FFF;
}

#main {
background:url(images/bg.jpg) no-repeat top center;
min-height:526px;
padding-bottom:18px;
}

#content {
width:960px;
/*width:914px;*/
margin:auto;
padding-top:42px;
}

#content1 {
float:left;
width:600px;
padding:12px 12px 12px 0;
}

#content2 {
float:left;
width:660px;
padding:12px 0/*12px*/ 12px 0;
}

#content3 {
width:300px;
/*width:600px;*/
padding:12px 12px 0 0;
/*background-color:#FFF;*/
}

#content4 {
float:right;
width:263px;
}

#content5 {
float:right;
width:640px;
margin-top:270px;
}


/* Text styles */
h1 {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
color:#fc6c03;
font-weight:normal;
font-size:2.2em;
margin-bottom:6px;
}

h2 {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size:1.6em;
color:#fc6c03;
padding-bottom:6px;
margin-bottom:6px;
border-bottom: 1px dotted #fc6c03;
/*margin-bottom:6px;*/
}

h3 {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size:1.4em;
color:#fc6c03;
/*font-weight:normal;*/
margin-left:0.8em;
}


div#phasePanel h3 {
margin-left:0;
margin-bottom:6px;
}

h4 {
color:#000;
font-size:1.2em;
}
/* Home */ 



#home2 {
float:left;
width:300px;
padding:0;
vertical-align:top;
margin-right:12px;
}

p.intro {
margin-top:6px;
font-weight:bold;
color:#737373;
font-size:1.4em;
}


/* Services */

p#services {
width:660px;
padding:12px 12px 12px 0;
text-align:left;
}

p#services2 {
width:600px;
margin:16px 0 0 20px;
padding-bottom:24px;
text-align:left;
}

/* About us */
p.content1 {
float:left;
width:600px;
padding:12px 12px 12px 0;
}

/* Side Panel */
#sidePanel {
float:right;
margin:0
}

#homeTextPanel ul, #textPanel ul, div#content4 ul {
padding-left:0.4em;
padding-right:0.4em;
margin:1em 1em 0 1em;
}

div#content4 ul a {
text-decoration: none;
}

div#content4 ul a:hover {
text-decoration:underline;
}

#homeTextPanel ul li, ul li, #textPanel li {
/*font-size:1.2em;*/
margin-left:1.6em;
padding-left:0.4em;
margin-bottom:1em;
list-style-image:url(images/chevron.gif);
}

#textPanel ul {
margin-bottom:0;
padding-bottom:0;
}

#homeTextPanel ul li, #textPanel ul, div#content4 ul a {
color:#FFF;
}

#homeTextPanelTop {
margin-top:12px;
width:299px;
background:url(images/home_text_panel_top.gif) no-repeat top;
height:9px;
font-size:0;
}

#homeTextPanel {
width:299px;
background:url(images/home_text_panel_bg.jpg) no-repeat bottom #565656;
padding-bottom:1.2em;
margin-bottom:0;

}

#homeTextPanel a {
color:#FFF;
text-decoration:none;
}

#homeTextPanel a:hover {
color:#fc6c03;
text-decoration:underline;
}

#textPanel {
width:299px;
background:url(images/home_text_panel2_bg.jpg) no-repeat bottom #565656;
padding-bottom:0.8em;
margin-bottom:0;

}

#homeTextPanel h3, #textPanel h3 {
padding-right:0.4em;
}

#homeTextPanel p, #textPanel p {
margin:0 12px 12px 12px; 
color:#FFF;
}

#footer {
background:url(images/footer_bg.jpg) repeat-x top #000;
padding-top:18px;
margin-bottom:24px;
}

#footer p {
margin:auto;
font-size:1em;
width:914px;
text-align:center;
color:#8a8a8a;
margin-top:0;
margin-bottom:12px;
line-height:1.8em;
padding-bottom:0;
}

#footer p a {
text-decoration:none;
color:#8a8a8a;
}

#footer p a:hover {
color:#fc6c03;
text-decoration:underline;
}


/* Services */
#phaseHeader {
text-align:center;
vertical-align:middle;
}

#caseStudyHeader {
text-align:center;
vertical-align:middle;
}

.phase, .caseStudy {
float:left;
width:140px;
height:65px;
color:#000;
}

.caseStudy {
margin-right:16px;
}

.phaseDisabled {
width:140px;
height:65px;

background:url(images/phase.gif) no-repeat;
color:#b18362;
}

.phase a, .caseStudy a {
color:#000;
background:url(images/phase_r.gif) no-repeat center;
padding-top:24px;
}

img#holidayExtras {
margin-top:4px;
}

img#somewhere2stay {
margin-top:2px;
}


.phase a:hover, .caseStudy a:hover {
background:url(images/phase.gif) no-repeat center;
text-decoration:underline;
color:#b18362;
padding-top:24px;
}

.phase a:hover span, .phase a:hover p {
color:#b18362;
}

.phase p {
vertical-align:middle;
}

.phase p span {
font-weight:bold;
color:#000;
}

div#phase2, div#phase3, div#phase4 {
display:none;
}

div#phase1, div#phase2, div#phase3, div#phase4 {
margin-bottom:12px;
margin-left:21px;
margin-right:21px;
}

#phaseHeader img {
float:left;
margin-top:34px;
}

#phasePanel {
text-align:left;
width:657px;
padding-bottom:8px;
background:url(images/phase_panel.gif) no-repeat bottom;
/*background:url(images/phase_panel_tile.gif) repeat-y #d7d7d7;*/
}

#phasePanelTop {
margin-top:23px;
width:657px;
height:13px;

background:url(images/phase_panel_top.gif) no-repeat top;
}

#phase1 {
z-index:1;
display:block;
}

#phase2 {
z-index:2;
display:none;
}

#phase3 {
z-index:3;
display:none;
}

#phase4 {
z-index:4;
display:none;
}

/* Case studies */

div#speechPanel {
margin-top:200px;
width:263px;
}

div#speechPanelTop {
background:url(images/speech_panel_top.gif) no-repeat top center;
height:49px;
}

div#speechPanelMiddle {
padding:0 12px;
background:url(images/speech_panel_tile.gif) repeat-y top center;
}

div#speechPanelBottom {
background:url(images/speech_panel_bottom.gif) no-repeat top center;
height:19px;
}