/* Andrew's nav css edits aka base.css */
html,
h1, h2, h3, h4, h5, h6, p,
section, img,
footer, header, nav {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

html {
	background-color: #000;
}

header, footer, nav, section { display: block }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

/* Hover over links */

a, a:active, a:visited { color: #B7864E;
                         text-decoration:none;
                         -webkit-transition: all 0.5s ease-out;
                         -moz-transition: all 0.5s ease-out;
                         -o-transition: all 0.5s ease-out;
                         transition: all 0.5s ease-out }

a:hover { color: #ffffff;
          -webkit-transition: all 0.5s ease-out;
          -moz-transition: all 0.5s ease-out;
          -o-transition: all 0.5s ease-out;
          transition: all 0.5s ease-out }

div, header, nav, footer { float:left; position:relative }

/* Columns */


.four-col { width:300px }
.five-col { width:460px }
/**/ .photo-col { width:400px }
.five-col-plus { width:440px; position:absolute; bottom:35px; right:0px }
.photo-col { width:460px }
.six-col { width:460px }
.wide-column { width:620px }
.mar-right { margin-right:20px }
.mar-left { margin-left:20px }
.mar-left-four-col { margin-left:320px }
.mar-left-two-col { margin-left:160px }
.mar-left-two-col-pad { margin-left:180px }
.mar-left-full-col { margin-left:100px }
/**/ .mar-left-five-marg { margin-left: 480px }
.mar-left-six-marg { margin-left:540px }
.no-mar { margin:0px !important }

section { display:block; }

p { color: white }


/* */
/* Start real CSS */
p { font-family: Garogier; font-size:15px; line-height:20px }

h1 { font-size:22px; color:#B7864E; background:#000; float:left; padding-right:10px } /*Left*/

h7 { font-size:22px; color:#B7864E; background:#000; float:right; padding-left:10px } /*Right*/

h2 { font-size:13px }

h3 { font-size:17px; line-height:24px }

h3 i { color:#B7864E }

h4 { font-size: 46px; text-align: center; color:#B7864E; width: 940px;}

h5 { font-size: 34px; text-align: center;color:#FFFFFF; width: 940px;}

/* Primary Styles */

#container { width:940px; margin:0px auto; text-align:left; clear:left; float:none; }

header { margin-top:20px; position:relative; }

    #logo { margin-left:0px }

    nav { width:940px;
          clear:both;
          border-top: 1px solid #b7864e;
          margin-top: 20px;
          padding-top: 27px; }
    
    nav ul { padding: 0;
             margin: 0 auto;
             list-style-type: none;
             float: left;
             position: relative;
             left: 50%; }
    
    nav ul li { float: left;
                position: relative;
                right: 50%;
                text-transform: uppercase;
                margin-right: 40px;
                font-family: Copperplate Gothic Light, sans-serif;
                font-size: 13px; }

    nav ul li a { /*color: #b7864e;*/
                  /*background-color: #000;*/
                  /*text-decoration: none;*/ }

/*    nav ul li a:hover { color: #FFF } */

.heading { font-family: Copperplate Gothic Light, sans-serif; width:100%; background:url(http://thehonours.co.uk/img/heading-line.gif) repeat-x; background-position:0px 11px }

.heading2 { font-family: Copperplate Gothic Light, sans-serif; width:100%; background:url(http://thehonours.co.uk/img/heading-line.gif) repeat-x; background-position:0px 11px }

.head-left { text-align: right; }

#section-one { width:940px }

     #section-one p { margin-top:20px }

#section-two { margin-top:40px; width:940px }

     #section-two img { margin-top:20px }

     #section-two p { margin-top:32px; margin-bottom:14px }
	 

.textpage #main { margin-top:20px }

.textpage #section-one .heading { margin-bottom:32px }

.textpage #section-one img { margin-top:0px }

.textpage #section-one h3 { margin-bottom:9px }

/* Home */

#home footer { margin-top:34px }

#home #section-two p { margin-bottom:4px }

#home #galleria-2 .galleria-image img { width:460px !important; height:290px !important; top:0px !important }

#home #galleria-3 .galleria-image img { width:460px !important; height:290px !important; top:0px !important }

/* Team Photo */

.team-photo { width:845px; /*border-top:1px solid #b7864e;*/ padding-left:0px; padding right;0px; padding-bottom:20px }

/* Footer */

footer { width:920px; border-top:1px solid #b7864e; border-bottom:1px solid #b7864e; padding-top:22px; padding-left:10px; padding-right:10px; margin-top:45px; padding-bottom:40px}
	
	footer div { width:207px; margin-right:30px }
	
	footer h2 { text-transform:uppercase; margin-bottom:21px; color: #ffffff; font-family: Copperplate Gothic Light, sans-serif}
	
	footer p { line-height:19.5px }
	
	#mit-seal { position:absolute; left:50%; margin-left:-115px; bottom:10px }
	
	#footer-bottom { width:940px; border-bottom:1px solid #b7864e; padding-bottom:160px; margin-top:10px }
	
	#footer-base { width:940px; margin-top:5px; padding-bottom:5px}
	
	#footer-base p { font-size:11px; color: #B7864E }
	
	footer i a { color:#FFF !important }
	
	footer i a:hover { color:#B7864E }

/* Galleria */

#galleria { width:940px; height:450px; margin-top:25px; padding-bottom:10px; margin-bottom:0px}

	.galleria-more { display:none !important }
	
	.galleria-thumbs { display:none }
	
	.galleria-fs { display:none }
	
	.galleria-info-text { width:100% }
	
	.galleria-info-title { display:inline; float:right; position:relative; right:-20px; font-color:#ffffff }
	
	.galleria-stage { padding-bottom:10px }
	
	.galleria-loader { display:none !important }
	
	.galleria-errors { display:none !important }

/* Galleria Courthouse  */

#galleriaCourt { width:400px; height:300px; margin-left:540px; /* margin-top:25px; padding-bottom:30px; margin-bottom:6px*/ }

	.galleria-more { display:none !important }
	
	.galleria-thumbs { display:none }
	
	.galleria-fs { display:none }
	
	.galleria-info-text { width:100% }
	
	.galleria-info-title { display:inline; float:right; position:relative; right:-20px; color: #fff}
	
	.galleria-stage { padding-bottom:10px }
	
	.galleria-loader { display:none !important }
	
	.galleria-errors { display:none !important }
	

/* Home */

/* Ring */


#row{
	margin-top: 20px;
	width: 940px;
}

#box{
	float: left;
	border: 2px solid #FFFFFF;
	width: 402px;
	display: block;
	position: relative;
	clear: none;
}

#about3D{
	float: right;
	width: 500px;
	display: block;
	position: relative;
	clear: none;
	margin-top: 0;
}

#designText{
	font-size: 12px;
	text-align: left;
        display: inline;
	vertical-align: none;
	margin: auto;
	padding: auto;
	clear: none;
	float: none;
}

#designContainer{
	display: table;
	width: 940px;
	white-space: normal;
}

#imageLeft{
	display: inline;
	clear: none;
	margin-right: 20px;
	margin-bottom: 20px;
}

#bostonSkyline {
    display: block;
    float:right;
    width:250;
    padding-left:30px;
    padding-right:10px;
}

#cambridgeSkyline {
    display: block;
    float:left;
    width:250;
    padding-right:30x;
    padding-left:10px;
}

#cambridgeText {
    display: block;
    float: right;
    width: 650px;
    position: relative;
}

#hackersMap {
    display: block;
    float: right;
    width: 250;
    padding-left: 25px;
    padding-right: 10px;
}

#hackersText {
    display: block;
    float: left;
    width: 650px;
    position: relative;
}


/* Team */

.team-description { position:absolute; left:0px; bottom:0px }

#team #section-one .heading { margin-bottom:22px }

#team #section-one .heading2 {margin-bottom:19px }

#team #section-one img { margin-top:0px }

#team #section-one h3 { margin-bottom:0px }

.team-member { width:940px; margin-bottom:55px }

/*Delivery*/

#ring {margin-bottom: 55px;}


/*Pricing*/
table.pricingtable{
border-collapse:collapse;
border:1px solid #FFFFFF;
}

table td.border{
border:1px solid #FFFFFF;
}

#pricingText{
	color: #FFFFFF;
	margin-top: 5px;
	line-height:17px;
}

#pricingText p{
	margin: 0px;
	margin-top: 5px;
	line-height: 15px;
}

.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection{ background: #b7864e; color:#fff; text-shadow: none; }
::selection { background:#b7864e; color:#fff; text-shadow: none; }