@media screen {

body {
    font: 69% Arial, Verdana, Lucida sans, Helvetica,  sans-serif;
    background: #eee url('../images/bg.gif') repeat-x 0 0;
    color: #666;
    margin: 0;
    padding: 0;
    text-align:center;
}

                             	
#overview {
	color: #FFF;
}


ul {
    list-style-position:outside;
}


a { text-decoration: none;  color: #FFA200; font-weight: bold; }
a:hover { color: #FF2F2F; border-bottom: 1px dotted #FF2F2F; }
a:active { color: #000; border-bottom: 1px solid #000; }
a:visited { text-decoration: none;  color: #FFA200; font-weight: bold; }
    
    
.sectionMenu {
	background: transparent url(../images/left-menu-bg.png) -2px 0px no-repeat;
	position: absolute;
	left: 14px;
	top: 9px;
	border-bottom: 1px solid #bbb;
	width: 240px;
}
	
blockquote {
	background: url(../images/blockquote.png) no-repeat;
	font-family:georgia, times new roman, serif;
	font-size:110%;
	font-style:italic;
	padding:20px 20px 20px 62px;
}	

#news-section {
    margin-left: 200px;
    margin-right: 180px;
}

.newsStory .newsPhoto {
	float: right;
	width:  290px;
	margin: 0 0 10px 10px;
}

.newsStory .newsPhotoLeft {
	float: left;
	width:  290px;
	margin: 0 0 10px 10px;
}

.newsStory .caption {
    font-size: 90%;
}

.newsStory h2 {
	margin: 0.5em 0 0.2em 0;
	line-height: 1.1;
}

.newsStory {
    position: relative;
    margin-bottom: 4em;
}
	
.newsStory .newsDate {
	position: absolute;
	left: -130px;
	top: 3px;
	display: block;
	width: 120px;
	font-size: 90%;
}

.sectionMenu h2 {
	margin: 10px 0 0px 2px;
	padding: 0 0 3px 18px;
	font-size: 105%;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
}

.sectionMenu ul {
	list-style: none;
	margin: 0 1px 0 1px;
	padding: 0 0 0 0;
}
.sectionMenu li {
	margin: 0;
	padding: 0;
	border-top: 2px solid #fff;
}
.sectionMenu li a {
	padding: 5px 5px 5px 20px;
	display: block;
	border: none !important;
	font-weight: normal;
	color: #555;
}
.sectionMenu li.current a,
.sectionMenu li a:hover {
	color: #000;
	background: #FFE967 url("../images/dropdown-hover.png") center left  !important;
}


fieldset {
    border: none;
}

fieldset .formRow {margin-bottom: 5px; vertical-align: top;}
fieldset .formRow label {
    display: block;
}
textarea {font-family: arial, lucida, helvetica, verdana, sans-serif;
            font-size: 105%;}
#msg-subject {width: 25em;}

#container {
    background-color:#ebebeb;
    margin:0 auto 0 auto;
    text-align:left;
    width:994px !important;
    padding: 0 0 0 0;
    position: relative;
}

#branding {
    background-color:#fff;
    padding:10px 20px 26px 20px;
    margin:0;
}   
   

#branding h1 {
    width:226px;
    height: 101px;
    text-indent:-9999px;
    background: #fff url("../images/logo.png") no-repeat; 
}
	
#branding h1 a {
	height: 100px;
	width: 230px;
	display: block;
	border-bottom: none !important;

}
    
#ie-message {	position: absolute;	border: 1px solid #600; right: 10px; top: 10px;	padding:5px; width: 630px; background: #990000; color: #fff; z-index: 1000;}
#ie-message h2 {	margin:0;}
#ie-message p {    margin: 10px 0 0 0;}	
#ie-message a {    margin-right: 2em; font-size: 130%;}
	
	
	/* Navigation */

#navigation {
    height:20px;
    margin:0 0 0 8px;
    list-style:none;
    font-size: 130%;
    font-family: lucida sans, arial, verdana, sans-serif;
    padding: 0;
    position: absolute;
    top: 146px;
}
#navigation li {
    float:left;
    position: relative;
}
    
#navigation li a {
    background: transparent url(../images/topnavbuttons.gif) no-repeat scroll -123px 0;
    height:43px;
    width:122px;
    display:block;
    text-align:center;
    text-decoration:none;
    font-weight: normal;
    border-bottom: none;
}    
#navigation li a.first span {    border:none;}
#navigation li a:hover {    background-position: -123px -44px;}
#navigation li.selected a {    background-position: -123px -44px;}
#navigation li a.first {    background-position: 0 0;}
#navigation li a.last {    background-position: -246px 0;}
#navigation li a.first:hover {    background-position: 0px -44px;}
#navigation li a.last:hover {    background-position: -246px -44px;}
#navigation li.selected a.first {    background-position: 0px -44px;}
#navigation li.selected a.last {    background-position: -246px -44px;}
#navigation li a span {
    height: 31px;
    width: 120px;
    display: block;
    border-left: none;
    padding-top: 10px;
    color: #555;
    cursor: pointer;
}

    
.dropDown {
    display: none;
    background: transparent url(../images/dropdown-bg.png) bottom left no-repeat;
    position: absolute;
    left: -5px;
    top: 37px;
    z-index: 1000;
    list-style: none;
    margin: 0;
    padding: 0 11px 11px 6px;
    width: 163px;
}
.dropDown li {
    clear: left;
    margin: 0;
}
	
.dropDown li.section {
    background: #bbb !important;
    border-top: 2px solid #fff;
    padding: 7px;
    height: auto !important;
    color: #444;  
    width: 149px !important;
}


.dropDown li a {
    background: #ddd !important;
    border-top: 2px solid #fff;
    padding: 7px;
    height: auto !important;
    color: #444;  
    width: 149px !important;
}

.dropDown li a:hover {
    background: #FFE967 url(../images/dropdown-hover.png) center left !important;
    color: #000;
}
	
.dropDown li.selected a {
    background: #FFE967 url(../images/dropdown-hover.png) center left !important;
    color: #000;
}
	
#navigation li:hover .dropDown {
    display: block;
}
    
    
    

#content {
    background: #fff url(../images/content-container-bottom.png) no-repeat bottom left;  
    font-size: 130%;
    line-height: 1.5;
    margin: 0;
    padding: 20px;
    position: relative;
    top: 27px;
}

#content-top {  background: #fff url(../images/content-container-top.png) no-repeat top left;    
                height: 30px; width: 990px; position: absolute; top: 0; left: 0; }    
.floatClearer { clear: both; height:10px;  }
.wideFeature {  position: relative; top: -29px; left: -8px; width: 965px; margin: 0 0 -30px 0; }    
.noFeature { margin: 30px 250px 50px 112px;}
.hasSectionMenu { margin: 30px 250px 50px 272px;}
.caseStudyMenu { margin: 30px 70px 50px 272px;}
    
    
.tripleColBox { margin: 4px 8px 0 0; float: left; width: 200px; padding: 0px 5px 0 105px;
                background: transparent url(../images/triple-col-bg3.png) no-repeat; }
.tripleColBox h2 { margin: 7px 0 10px 0; font-size: 145%; }    
.tripleColBox ul,
.tripleColBox ol { padding: 0 0 0 15px; }
    
.tripleContainer {clear: both;  }
.tripleColBox.wide {
	width: 518px;
	margin-right: 0px;
}    
    
.tripleColBox#webdev-box { background: transparent url(../images/box-webdev.jpg) no-repeat; }
.tripleColBox#mapping-box { background: transparent url(../images/box-mapping.jpg) no-repeat; }
.tripleColBox#semantics-box { background: transparent url(../images/box-semantics.jpg) no-repeat; }
	
.tripleColBox#seeda-box { background: transparent url(../images/seeda-box.jpg) no-repeat;
							height: 291px;
}
.tripleColBox#seeda-box p {
	margin-left: 370px;
}    
    
    
    
.boxIcon {
	position: absolute;
	right:12px;
	top:-43px;
	z-index:10;
}
    
    
    
/* Products home page */    


.tripleColProducts { margin: 20px 0 0 80px; }

.tripleProductBox { width: 380px; float: left; position: relative; padding: 270px 0 0 40px;}
.tripleProductBox#escape-planner-shots {background: #fff url(../images/ep-screenshots.jpg) no-repeat 0px 75px;}
.tripleProductBox#row-shots {background: #fff url(../images/row-screenshots.jpg) no-repeat 0px 75px;}
.tripleProductBox#media-library-shots {background: #fff url(../images/ml-screenshots.jpg) no-repeat 0px 75px;}
.tripleProductBox h2 a {text-indent: -1000em; display: block; border: none !important; position: absolute; left: 24px; top: 0px;}

.tripleProductBox#escape-planner-shots h2 a {background: #fff url(../images/h1-escape-planner.jpg) no-repeat; height:81px; width: 219px;}
.tripleProductBox#escape-planner-shots h2 a:hover {background-position: 0px -90px;}
.tripleProductBox#escape-planner-shots h2 a:active {background-position: 0px -89px;}
.tripleProductBox#row-shots h2 a:hover {background-position: 0px -71px;}
.tripleProductBox#row-shots h2 a:active {background-position: 0px -70px;}
.tripleProductBox#media-library-shots h2 a:hover {background-position: 0px -71px;}
.tripleProductBox#media-library-shots h2 a:active {background-position: 0px -70px;}

.tripleProductBox#row-shots h2 a {background: #fff url(../images/h1-row.png) no-repeat; height:71px; width: 292px;}
.tripleProductBox#media-library-shots h2 a {background: #fff url(../images/h1-media-library.png) no-repeat; height:71px; width: 176px; left: 50px;}
    
    
    
    
#site_info {    
    clear:both;
    color:#999999;
    font-family:verdana,arial,sans-serif;
    padding-bottom:30px;
    text-align:center;
    font-size: 90%;
    margin: 50px 0 0 0; 
}
    
/* Headings */    
h1.graphicText  { text-indent:-1000em;  width: 308px;  height: 57px; }
    
h1#showcase {    background: url(../images/h1-showcase.png) no-repeat; }    
h1#news-header {    background: url(../images/h1-news.png) no-repeat; }    
h1#contact-us {    background: url(../images/h1-contact-us.png) no-repeat; }    
h1#services-header {   background: url(../images/h1-services.png) no-repeat;}
h1#about-us {   background: url(../images/h1-about-us.png) no-repeat; }
h1#customer-login {   background: url(../images/h1-customer-login.png) no-repeat; width: 380px; }
h1#one-voice-wales {   background: url(../images/h1-one-voice-wales.png) no-repeat; width: 400px; }
h1#experience-pembrokeshire {   background: url(../images/h1-experience-pembrokeshire.png) no-repeat; width: 620px; }
h1#brecon-beacons-park-explorer {   background: url(../images/h1-bb-park-explorer.png) no-repeat; width: 620px; }
h1#brecon-beacons {   background: url(../images/h1-brecon-beacons.png) no-repeat; width: 520px; }
h1#dms    {   background: url(../images/h1-dms.png) no-repeat; width: 520px; }
	
h1#virtually-there {    background: transparent;
                        height:70px;
						position:absolute;
						right:24px;
						text-indent:-1000em;
						top:54px;
						visibility:visible;
						width:512px;
}
    
.wideFeature#feature-home .strapline {   
	position: absolute;  
	right: 60px;  
	display: block;  
	top: 310px;  
	font-size: 130%;  
	text-align: right;
	color: #ddd;
}
	
    
    
.videoPlayer {
    background: #eee;
    border: 2px solid #999;
    padding: 140px;
    width: 300px;
    height: 20px;
}     
    
    
       
    
    
    
/* Customer Login */    

form#customer-login-form {
    background: transparent url(../images/login-box.png) no-repeat;
    height: 180px;
    width: 380px;
    padding: 80px 0 0 30px;
    position: relative;
}

#customer-login-form h2 {
	position: absolute;
	margin: 0;
	font-size: 130%;
	top: 24px;
}
form#customer-login-form label {
    display: inline-block;
    width: 100px;
    font-size: 110%;
}


form#customer-login-form input {
    padding:4px; 
}    
#login-button {
    position: absolute;
    right:37px;
    bottom: 33px; 
    font-size: 130%;
    color: #444;
    padding: 0.3em 1em 0.3em 1em !important;
}




    
/* Product pages features */
.wideFeature .featureBlurb p { margin: 0; }
.wideFeature .featureBlurb {
    font-family:lucida Grande, lucida sans, arial, verdana, helvetica, sans-serif;
    font-size:93%;	
}	
	
.wideFeature h1 {visibility: hidden;}
    
    
    
    /* Home page */
.wideFeature#feature-home { color: #555;  position: relative; top: -15px;  height: 350px;  margin-bottom: -20px;}    
    

     /* 404 page */
.wideFeature#feature-404 { 
	background: #eee url(../images/404.jpg) no-repeat;
    color: #555;  
    position: relative; 
    top: -14px;  
    height: 350px; 
    margin-bottom: -20px;
}
#feature-404 span.strapline {
        margin: 0 0 0 115px;
        padding: 100px 0 0 0;
        display: block;
        font-size: 125%;
        font-family: lucida sans, arial, sans-serif;
}
#feature-404 span.page404 {
        font-style: italic;
        color: #4687f4;
		font-weight: bold;
}
#feature-404 p {
        margin: 25px 350px 20px 115px;
}
	
       
    
    
    /* About Us */
.wideFeature#feature-about-us { background: #88B4D1 url(../images/about-us-feature.jpg) no-repeat;
    color: #555;  width: 966px; position: relative; top: -20px;  height: 150px;  margin-bottom: -40px; padding: 214px 0 0 0;}    
    
#feature-about-us .featureBlurb {position: absolute; top:120px; left: 120px; color: #fff; font-size: 130%; width: 250px }

	/* Services */
.servicesListing li.marble {
	background: transparent url(../images/marble.jpg) no-repeat;
	padding: 10px 0 0 120px;
	min-height: 100px;
	list-style: none;
}	
	
    
 
 /* Escape Planner */   
.wideFeature#feature-ep { 	
	 background: #324E63 url(../images/explorer-feature.jpg) no-repeat;
    color: #ddd;  
    position: relative; 
    top: -35px;  
    height: 375px; 
    width: 966px;}
    
.wideFeature#feature-ep .featureBlurb {font-size:96%;
	font-weight:normal;
	left:36px;
	overflow:hidden;
	position:absolute;
	top:173px;
	width:310px;
}    
     
.wideFeature#feature-ep .featureBlurb p {
	margin-bottom: 10px;
}
    
#explorer-ss1 {
	position: relative;
	left: -8px;
}
#explorer-ss2 {
	position: relative;
	right: -18px;
}
    
    
    
    
    
    
    
    
/* Media Library */
.wideFeature#feature-ml {  background: #324E63 url(../images/ml-feature.jpg) no-repeat;
    color: #ddd;  position: relative;  top: -44px;  height: 363px; }     
    
.wideFeature#feature-ml .featureBlurb {position: absolute; top: 190px; left: 52px; width: 290px; height: 173px; overflow: hidden;}

    
/* ROW */
.wideFeature#feature-row {  background: #324E63 url(../images/row-feature.jpg) no-repeat;
    color: #ddd;  position: relative;  top: -33px;  height: 354px; 
    margin-bottom: -27px;}     
    
.wideFeature#feature-row .featureBlurb {
	left:579px;
	position:absolute;
	top:28px;
	width:362px;
}

.tripleBoxes .box {
	float: left;
	background: url(../images/box-blank.gif) bottom left no-repeat;
	width: 277px;
	padding: 20px;
	position: relative;
}
	
.boxTop {
	height: 29px;
	width: 317px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/box-blank.gif) top left no-repeat;
}	
	
.tripleBoxes .box h3 { 
	font-size: 17pt; 
	line-height: 15pt;
	margin-top: 10px;
	color: #676767;
}

#box-survey { background: url(../images/box-survey.png) top center no-repeat; height: 195px;}	
#box-report { background: url(../images/box-report.png) top center no-repeat; height: 195px; }
#box-prow { background: url(../images/box-prow.png) top center no-repeat; height: 195px; }

#box-report p { 
	margin-top: -20px;
	padding: 0 30px;
}



.doubleContainer { float: left; margin-top: 10px; width: 100%; }

.doubleContainer h3 { 
	font-size: 14pt;
	margin: 0 0 0 70px;
	padding: 0;
    font-weight: lighter;
}

.containerLeft, .containerRight {
	float: left;
	width: 476px;
}
.containerRight .box-row { float: right; }

.box-img { float: left; margin-top: 10px; }

.box-row { 
	width: 450px;
	clear: both;
	margin: 10px 0;
}

.box-row p {
	margin: 10px 0 0 85px; 
	padding: 0 10px;
	font-size: 10pt;
}
	
/* Semantics */
.wideFeature#feature-semantics {  background: #324E63 url(../images/semantics-feature.jpg) no-repeat;
    color: #ddd;  position: relative;  width: 966px; top: -30px;  height: 348px; margin-bottom: -30px;}     
        
/* Web dev */
.wideFeature#feature-webdev {  background: #324E63 url(../images/webdev-feature.jpg) no-repeat;
    color: #ddd;  position: relative;  width: 966px; top: -30px;  height: 348px; margin-bottom: -30px;}     
        
    
/* Case Studies */
.wideFeature#feature-case-studies {  background: #5077aa url(../images/casestudies-feature.jpg) no-repeat;
    color: #ddd;  position: relative;  width: 966px; top: -30px;  height: 448px; margin-bottom: -30px;}     
        
    
.csLargeScreenshot {
	position: relative;
	left: -25px;
}
	
.csInset {
	float: right;
	margin: 0  0 20px 15px ;
	border: 1px solid #666;
}	
	
/* Trystan's CSS stuff */

.bullet-box li {
   margin-bottom: 10px;
}


#archive-link {
	border-color:#999999;
	margin-right:100px;
	padding-bottom: 5px;
	position:relative;
	left:-122px;
	line-height: 1;
}

#experience-pembrokeshire-bullets {
position:relative;
width:360px;
height: 535px;
background-image: url(../images/experience-pembrokeshire-bullets.jpg);
background-repeat:no-repeat;
float:right;
}

#experience-pembrokeshire-bullets ul {
position: absolute;
top: 175px;
left: -10px;
width:308px;
}

#experience-pembrokeshire-quote {
position:relative;
width: 382px;
height: 273px;
background: transparent url(../images/experience-pembrokeshire-tree.jpg) no-repeat scroll top left;
float:left;
}

#experience-pembrokeshire-quote p {
color:#fff;
position:absolute;
top:180px;
left:10px;
}
    
#one-voice-wales-bullets {
	position:relative;
	width:295px;
	height: 395px;
	background-image: url(../images/one-voice-wales-bullets.jpg);
	background-repeat:no-repeat;
	padding-right: 10px;
	float:right;
}

#one-voice-wales-bullets ul {
	position: absolute;
	top: 170px;
	left: -10px;
	width:260px;
}

#dms-bullets {
	position:relative;
	width:300px;
	height: 395px;
	background-image: url(../images/dms-bullets.jpg);
	background-repeat:no-repeat;
	padding-right: 10px;
	float:right;
}

#dms-bullets ul {
	position: absolute;
	top: 140px;
	left: -10px;
	width: 260px;
}

#brecon-beacons-park-explorer-bullets {
	position:relative;
	width:315px;
	height: 475px;
	background-image: url(../images/bb-park-explorer-bullets.jpg);
	background-repeat:no-repeat;
	float:right;
}

#brecon-beacons-park-explorer-bullets ul {
	position: absolute;
	top: 145px;
	left: -10px;
	width: 260px;
}

#brecon-beacons-national-park-bullets {
	position:relative;
	width:290px;
	height: 395px;
	background-image: url(../images/brecon-beacons-bullets.jpg);
	background-repeat:no-repeat;
	float:right;
}

#brecon-beacons-national-park-bullets ul {
	position: absolute;
	width: 245px;
	top: 162px;
	left: -10px;
	right: 0px;
}


#one-voice-wales-quote {
	position:relative;
	width:608px;
	height: 165px;
	background-image: url(../images/one-voice-wales-quote.png);
	background-repeat:no-repeat;
	float:left;
}

#one-voice-wales-quote p {
	position: absolute;
	top: 15px;
	left: 150px;
}

h1#one-voice-wales .date {
	color:blue;
	border: 1px solid red;
	padding-left:50px;
	background-color:red;
}
	
.pullQuote p {
	font-size: 90%;
	line-height: 1.6;
	margin: 0;
	padding: 15px;
}	
	
	

.wideFeature#mapping-feature {  background: url(../images/mapping-feature.jpg) no-repeat;
    color: #ddd;  position: relative; top: -10px;  height: 350px; }
    
.wideFeature#mapping-feature .featureBlurb {
    position: absolute;  top: 155px;  left: 228px;  height: 167px; width: 300px; overflow: hidden;
    }
	

h2#data-gov-uk {
    background: transparent url(../images/data-gov-uk.jpg) no-repeat;
    height: 82px;
    width: 205px;
    text-indent: -100em;
    overflow: hidden;
    margin: 0;
}

#mapping-sidebar {
position:relative;
width:290px;
height: 450px;
background: url(../images/mapping-sidebar.jpg);
background-repeat:no-repeat;
float:right;
}

#mapping-sidebar ul {
	position: absolute;
	top: 49px;
	left: -13px;
	width: 245px;    
	font-family: lucida Grande, lucida sans, arial, verdana, helvetica, sans-serif;
	font-size: 94%;
	
}

#mapping-contact-button {
position: absolute;
margin-top: 210px;
width:300px;
height: 200px;
background: url(../images/mapping-contact-button.pg);
background-repeat:no-repeat;
float:left;
}

#mapping-contact-button a:hover {
border-bottom:none;
}

#ep-button {
position: absolute;
margin-top: 10px;
width:300px;
height: 200px;
background: url(../images/ep-button.pg);
background-repeat:no-repeat;
float:left;
}

#ep-button2 {
position: relative;
width:300px;
height: 200px;
background: url(../images/ep-button2.jpg);
background-repeat:no-repeat;
float:left;
}

#previous-work-button {
position: relative;
width: 320px;
height: 200px;
float: left;
}

#web-design-text {
margin-left:350px;
}

#previous-work-button a:hover {
border-bottom: none;
}

#previous-work-button p {
position: absolute;
top: 177px;
left: 70px;
}

#ep-button a:hover {
    border-bottom: none;
}

.mapping {
    margin: 30px 0px 50px 0px;
}

.service { 
    margin: 30px 30px 50px 30px;
}

#service-text {
	   margin: 45px 315px 50px 320px;
}

#slider a:hover {
    border-bottom:none;
    color: #fff;
}

#slider {
        position: absolute;
        top: 136px;
        left: 141px;
        overflow: hidden;
        width: 695px;
	height: 275px;
	background: #26446f;
	border: 1px solid #000;
}
    
.sliderLink {
    margin: 0 0 0 10px;
	font-size: 120%;
}
	
#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		margin-bottom: 20px;
		width: 695px;
	}
    span#prevBtn a {
        position: absolute;
        left: 43px;
        top: 219px;
        width: 73px;
        height: 70px;
        background: url(../images/prev-arrow.jpg) no-repeat;
        text-indent: -10em;
        overflow: hidden;
        border: none;
    }
    
    span#nextBtn a {
		position: absolute;
		left: 861px;
		top: 214px;
        width: 73px;
        height: 70px;
		background: url(../images/next-arrow.jpg) no-repeat;
		text-indent: -10em;
		overflow: hidden;
		border: none;
    }
    span#nextBtn a:hover{
       background-position:0px -75px ;
    }   
    span#prevBtn a:hover {
       background-position:0px -74px ;
    }   

    span#prevBtn a:active {
       background-position:0px -147px ;
    }   	
    span#nextBtn a:active {
       background-position: 0px -147px;
    }   
	

#contactmap {
	width: 400px;
	border: 1px solid #999;
	height:300px;
	position: absolute !important;
	top: 146px;
	right: 50px;
}

#phone {
    position: absolute;
    top: 71px;
    left: 550px;
    font-size: 120%;
    background: url(../images/phone.jpg) no-repeat;
    padding:8px 0 10px 60px;
}

#phone p {
    margin: 0;
}

#phone p span {
    font-size: 130%;}

#contact-form .buttonRow input {
    padding: 8px;
}
	
#clear-form {
    background: #fff;
    border: none;
    cursor: pointer;
}	
	
#contact-form .formRow input,
#contact-form textarea {
    padding: 7px;
    background: url(../images/input-bg.jpg);
    border: 1px solid #aaa;
}
	
#contact-form textarea {
    padding-right: 3px;
}	
	
#contact-form .formRow input:hover,
#contact-form textarea:hover {
    border-color: #000;
}

#contact-form .formRow input:active,
#contact-form textarea:active,
#contact-form .formRow input:focus,
#contact-form textarea:focus {
    border-color: #f39a00;
}
	
	
input#msg-subject {
    width: 319px;
}

address {
    background: #f9f9f9 url(../images/address.jpg);
    width: 300px;
    height: 150px;
    margin-top: 30px;   
    padding: 80px 20px 20px 50px;
    z-index: 10;
    position: relative;
    left: -10px;
}
	
	
	
	
	

	
/* Product tabs */

.productTabs {
	width: 800px;
	overflow: none;
	position: relative;
	top: -30px;
}	
	
.productTab {
	float: left;
	margin-bottom: 10px;
	background: transparent url('../images/product-tabs.png') no-repeat 0px -59px;
	width: 165px;
	height: 55px;
	text-align: center;
	font-size:120%;
	font-weight: normal !important;
	color:#009 !important;
}
	
.productTab:hover {
	background-position: 0px -129px;
	cursor: pointer;
	border-bottom: none;
	color:#009;
}
	
.productsTab:active {
	border-bottom: none !important;
}	
	
.productTab.long {
	width: 264px;
	background-position: -180px -59px;
}
	
.productTab.long:hover {
	background-position: -180px -128px;
	cursor: pointer;
}
.productTab.long.selected {
	background-position: -180px 0px !important;
}
	
.productTab span {
	padding: 10px 0px 0px 30px;
	display: block;
}

.productTab.selected {
	background-position: 0px 0px;
	cursor: auto !important;
	color: #fff !important;
}

#benefits-tab {	background-position: -465px -59px; }
#benefits-tab.selected {	background-position: -465px 0px !important; }
#benefits-tab:hover {	background-position: -465px -128px; }
#benefits-tab:active {	background-position: -465px -201px; }
	
#features-tab {	background-position: -645px -59px; }
#features-tab.selected {	background-position: -645px 0px !important; }
#features-tab:hover {	background-position: -645px -128px; }
#features-tab:active {	background-position: -645px -201px; }
	
#i-like-that {
	background: url('../images/product-tabs.png') -178px -272px;
	width: 274px;
	display: block;
	float: left;
	height: 55px;
	margin-left: 20px;
}
	
#buy-tab {
	position: relative;
	top: 20px;
	left: 50px;
}
	
#getExplorer {
	margin: 0 100px 100px 100px;
}	
	
#getExplorer #phone { position: relative;
	top: 0px;
	left: 0px;
}
	
	
	#explorer-yt {
height: 340px;
width: 560px;
position: absolute;
left: 387px;
top: 19px;
}
	

	
	
	
}