@charset "utf-8";

/*----- main layout start -----*/
body {
	background-image: url(images/background/background.jpg);
	background-repeat: repeat-x;
	background-color: #0C0C0C;
}

#wrapper {
	width: 980px;
	margin:0 auto;
}

/*-- header --*/
#header {
}

#header	#logo {
	height: 93px;
	background-image: url(images/background/logo.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#header #seoheading {
	float: right; 
	padding-top: 42px;
}

#header #seoheading h1 {
	font-size: 10px;
	line-height:1px;
	margin-bottom: 0;
	text-align: right;
	color:#999999;
}

#header #seoheading p {
    padding-top: 6px;
	font-size: 10px;
	text-align: right;
	line-height: 1.5em;
}


#header	#menu {
	height: 40px;
	background-image: url(images/background/nav.jpg);
	background-repeat: repeat-x;
	text-align:center;
}

#header #menu ul {
	list-style:none;
	margin:0;
	padding:0;
}

#header #menu ul li {
	padding: 5px 11px 5px 22px;
    float:left;
	list-style: none; 
	font-size:15px;

}

#header {

}
 
#header #menu ul li.page_item {
	background-image: url(images/background/line.jpg);
	background-repeat: no-repeat;
	background-position:center left;
}

#header #menu ul li a:hover{
	color:#ff8106;

}

#header #menu ul li.current_page_item a{
	color:#ff8106;
}

p {
  padding-top:10px;
  margin:0;
  line-height: 18px; 
  font-size:13px;
}

h1 {
  padding: 0px 0;
}

h2, h3, h4 {
  padding: 10px 0;
}

#header #menu ul li img {
	padding: 0 6px 0 6px;
}
/*-- header --*/

/*-- content --*/
#content {
	margin: 0;
	padding: 10px 0 10px 0;
	width: 100%;
	float: left;
	background-color: #0C0C0C;
	border: thin solid #242426;

}

/*-- left column --*/
#content #left-col {
	margin: 0;
	padding-left: 10px;
	width: 715px;
	float: left;
	position: relative;
}

#content #left-col #left-banner {
	width: 100%
}
		
#content #left-col #left-one {
	padding-top: 15px;
	width: 100%
}

#content #left-col #left-one #left-one-image {
	float: left;
	width: 35%;
}

#content #left-col #left-one #left-one-image img {
	border: thin solid #242426;
}

#content #left-col #left-one #left-one-text {
	float: left;
	width: 65%;
}

#content #left-col #dots {
	width: 100%;
	height: 30px;
	float: left;
	background-image: url(images/background/dots.jpg);
	background-position: center;
	background-repeat: repeat-x;
}

.featured-item {
  clear:both;
  padding:15px 15px 15px 0;
}
.featured-item h2 {
  padding:0;
}

.featured-image {
  float:left;
  
}

/* Brendan TEST */
.featured-heading a {
	font-size: 15px;
	font-weight: normal;
	padding:0;
	margin:0;
}

.featured-image img {
  clear:both; margin-right:15px;
}
.featured-text {
  padding: 0 15px;
}

#content #left-col #left-two {
	width: 100%
}

#content #left-col #left-two #left-two-image {
	float: left;
	width: 35%;
}

#content #left-col #left-two #left-two-image img {
	border: thin solid #242426;
}

#content #left-col #left-two #left-two-text {
	float: left;
	width: 65%;
}

#content #left-col #left-three {
}
/*-- left column --*/

/*-- right column --*/
#content #right-col {
	margin: 0;
	padding-right: 10px;
	width: 235px;
	float: right;
	position: relative;
}

#content #right-col #right-one {
	width: 100%;
	min-height: 200px;
	background-color: #FFF;
}

#content #right-col #right-one p, #content #right-col #right-two p,
#content #right-col #right-one a.linkit, #content #right-col #right-two a.linkit {
  padding-top:0;
  margin:0;
  font-size:12px;
}

#content #right-col #right-one a.linkit, #content #right-col #right-two a.linkit {
  padding-left:10px;
}

#content #right-col #right-two {
	margin-top: 10px;
	width: 100%;
	min-height: 200px;
	background-color: #FFF;
}

#content #right-col #right-three {
	margin-top: 10px;
	width: 100%;
	min-height: 100px;
	background-color: #FFF;

}

#content #right-col #right-three img {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}

#content #right-col #sidebar {
}

#content #right-col h4 {
  font-size:12px;
  padding:5px 5px 0 10px;
  margin:0;
}


/*-- right column --*/
/*-- content --*/

/*-- footer --*/
#footer {
	background-image: url(images/background/footer.jpg);
	background-repeat: repeat-x;
	text-align:center;
}

#footer #foot-wrap {
	text-align:left;
	margin: 0 auto 0 auto;
	padding-top: 25px;
	width: 980px;
}

#footer #foot-wrap ul{
	margin: 0;
	padding: 0;
}

#footer #foot-wrap ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer #foot-wrap #foot-one {
	width: 12.5%;
	float: left;
}

#footer #foot-wrap #foot-two {
	width: 12.5%;
	float: left;
}

#footer #foot-wrap #foot-three {
	width: 49%;
	float: left;
}

#footer #foot-wrap #foot-four {
	width: 25%;
	float: left;
	text-align: right;
}

#footer #foot-wrap #foot-five {
	clear: both;
	padding-top: 30px;
	width: 100%;
	text-align: center;
}

#footer p {
  padding:0;
}
/*-- footer --*/
/*----- main layout end -----*/

/*----- contact page layout starts -----*/
#contact-header {
	margin: 6px 0 0 23px;
	padding:0 0 15px 0px;
}
 
#contact-header h1 {
  padding:2px 0;
  margin:0;
}

#contact {
	margin-left: 10px;
	margin-right: 10px;
	height: 500px;
}

#contact-padding {
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
}



#contact-left {
	width: 32%;
	float: left;
}

#contact-left-head {
  clear:both;
	width: 100%;
	margin: 0;  
	background: url(images/background/contact_dot.jpg) left top repeat-x;
	padding:12px 0 0px 0;
}

#contact-left-head h2 {
  padding:0px 0 12px 0;
  margin:0;
  clear:both;
  background: url(images/background/contact_dot.jpg) left bottom repeat-x;
}


#contact-left-address {
	padding-top: 15px;
}

#contact-left-details {
	padding-top: 15px;
	height: 115px;
}

#phoneDetails {
	width: 100%;
	height: 25px;
	background:url(images/icons/phone.jpg) left no-repeat;
}

#faxDetails {
	width: 100%;
	height: 25px;
	background:url(images/icons/fax.jpg) left no-repeat;
}

#emailDetails {
	width: 100%;
	height: 25px;
	background:url(images/icons/email.jpg) left no-repeat;
}

#mapDetails {
	width: 100%;
	height: 25px;
	background:url(images/icons/map.jpg) left no-repeat;
}

#contact-left-body {
	width: 100%;
	height: 25px;
}

#contact-spacer-one {
	width: 1%;
	float: left;
}

#contact-middle {
	width: 32%;
	float: left;
}

#contact-middle-head {
  clear:both;
	width: 100%;
	margin: 0;  
	background: url(images/background/contact_dot.jpg) left top repeat-x;
	padding:12px 0 0px 0;
}

#contact-middle-head h2 {
  padding:0px 0 12px 0;
  margin:0;
  clear:both;
  background: url(images/background/contact_dot.jpg) left bottom repeat-x;
}

#contact-middle-body {
	padding-top: 15px;
}

#contact-spacer-two {
	width: 1%;
	float: left;
}

#contact-right {
	margin:0;
	padding:0;
	width: 32%;
	float: left;
}

#contact-right img {
	margin-top:0;
	border: 1px solid #242426;
	margin-bottom:10px;
}

#lower_comments {
  border-top:1px dotted #ccc;
}

#contact-form {
	width: 64%;
	float: left;
}
/*----- contact page layout ends -----*/

/*----- font styles start -----*/
/*-- main type --*/
body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px; font-weight:normal; 
	font-size:13px; 
	color: #999;
}

h1 {
	font-size: 27px;
	font-weight: normal;
	color:#FFF;
	margin:0;
	padding:0;
}

h2 {
	font-size: 15px;
	font-weight: normal;
	color:#FFF; padding:30px 0 0 0; margin:0;
}

h3 {
	font-size: 17px;
}



a {
	color: #FF8106;
	text-decoration: none;
}

/*-- nav type --*/
#header #menu li a {
	color: #FFF;
	font-weight: bold;
}

/*-- home type --*/
#content #right-col h3 {
	padding: 2px 0 2px 10px;
	background-color: #2A2A2A;
	border: thin solid #242426;
	color: #FFF;

}

#content #right-col p {
	padding: 10px 10px 0 10px;
	color: #666;
	
}

/*-- footer type --*/
#footer p {
	font-size: 90%;
	line-height: 125%;
}

#footer a {

	line-height: 205%;
}

#foot-three p {
	padding: 0 10px 0 10px;
}

#foot-three h2 {
	padding: 0 10px 10px 10px;
	color: #FF8106;
	font-size:13px;
}

#foot-three strong {
	font-weight:normal;
}

#foot-four p {
	color: #FFF;
}

/*-- contact type --*/
#contact-left-details p {
	padding-left: 40px;
}

#phoneDetails p {
	padding-top: 3px;
}

#faxDetails p {
	padding-top: 5px;
}

#emailDetails p {
	padding-top: 4px;
}

#mapDetails p {
	padding-top: 4px;
}

#post_date {
  clear:both;
  padding:0;
  margin:0;
  font-size:11px;
  font-style: italic;

}

.commentlist ol {
  list-style:none;
}

/*----- font styles end -----*/

/*----- generic styles start -----*/
img {
	border: 0;
}
/*----- generic styles end -----*/

/*----- sticky footer start -----*/
* {
	margin: 0;
}

html, body {
	margin: 0 auto;
	padding:0 auto;

}



#footer, #push {
	clear: both;


/* .push must be the same height as .footer */
}



.content {margin:0 10px 50px 10px; padding: 10px 10px 10px 0px;  }

.contentLeft {padding-right:10px; padding-left:14px }


.clientLogo { padding: 0; text-align:centre; margin:0; border:0px }

.clientImage {border:0px; margin:0px  }


.content-head {
   clear:both;
	width: 100%;
	margin: 0;  
	background: url(images/background/contact_dot.jpg) left top repeat-x;
	padding:12px 0 0px 0;
}

.content-head h2 {
  padding:0px 0 12px 0;
  margin:0;
  clear:both;
  background: url(images/background/contact_dot.jpg) left bottom repeat-x;
}

.content-head-top{
	width: 100%;
	clear:both;

	/*height:4px;
	background: url(images/background/contact_dot.jpg) left top repeat-x;*/
}


/*----- sticky footer end -----*/

#wrapper {
	width: 980px;
	margin:0 auto;
}


.flashFolio {
    margin: 0;
    padding: 15px 0 0 0;
    }
.flashFolio .flashContent {
    height: 540px;
    background: transparent url(images/background/contact_dot.jpg) repeat-x scroll left bottom;
    }
.flashFolio .colLeft, .flashFolio .colRight { margin: 0; padding: 0; float: left; }
.flashFolio .colLeft { padding: 0; width: 650px; }
.flashFolio .colRight { padding: 0 0 0 10px; width: 200px; }

.flashFolio .colRight ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
.flashFolio .colRight ul li {
    margin: 0;
    padding: 0 0 2px 0;
    font-size: 0.9em;
    line-height: 1.3em;
    }
.flashFolio .colRight ul li a {
    text-decoration: none;
    }
.flashFolio .colRight ul li a:hover {
    }


.flashFolio #flashcontent { margin: 0; padding: 0; }

.mobileApps {
    margin: 0;
    padding: 0 0 0 0;
    width: 925px;
    }
.mobileApps .colLeft, .mobileApps .colRight { margin: 0; padding: 0; float: left; }
.mobileApps .colLeft { padding: 0; width: 620px; }
.mobileApps .colRight { padding: 0 0 0 35px; width: 270px; }

.mobileApps .colRight h3 { padding: 10px 0 0 0; font-size: 2em; font-weight: normal; line-height: 1.2em; text-align: center; color: #fff; }

.mobileApps .colLeftPhone, .mobileApps .colRightPhone { margin: 0; padding: 0; float: left; }
.mobileApps .colLeftPhone { padding: 20px 0 0 20px; width: 300px; }
.mobileApps .colRightPhone { padding: 20px 0 0 10px; width: 500px; }


.phoneDisplay {
    margin: 0 0 15px 0;
    padding: 0;
    clear: both;
    width: 259px;
    height: 550px;
    background: transparent url(images/iphone/iphone_bg.jpg) no-repeat top left; 
    }
.phoneDisplay .imageSlideWrap {
    margin: 0 0 5px 0;
    padding: 80px 0 0 26px;
    height: 400px;
    position: relative;
    }


#slider ul, #slider li {
    margin:0;
    padding:0;
    list-style:none;
    }
#slider li{ 
    width:208px;
    height:312px;
    overflow:hidden; 
    }
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
    display:block;
    position:absolute;
    left:310px;
    top:390px;
    z-index:1000;
    }
#nextBtn, #slider1next{ 
    left: 361px;
    }
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
    margin: 0;
    padding: 0;
    width: 51px;
    height: 30px;
    display:block;
    position:relative;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;    
    background: transparent url(images/iphone/btn_slide.gif) no-repeat top left;
    }
#nextBtn a, #slider1next a {
    width: 50px;
    background-position: top right;
    /*background: transparent url(images/iphone/btn_slide_right.gif) no-repeat top left;*/
    }
#slider1prev a:hover { background-position: bottom left; }
#slider1next a:hover { background-position: bottom right; }   

.sliderInfoText {
    display:block;
    position:absolute;
    width: 300px;
    left:310px;
    top:350px;
    z-index:1000;
    }


h3.largeBtn {
    margin: 0 0 20px 0;
    padding: 20px 0 10px 0 !important;
    }    
h3.largeBtn a {
    margin: 0;
    padding: 0 0 0 0;
    width: 270px;
    height: 47px;
    float: left;
    display: block;
    background: transparent url(images/iphone/btn_enquire.gif) no-repeat bottom left;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }

h3.largeBtn a.btnEnquire { background: transparent url(images/iphone/btn_enquire.gif) no-repeat bottom left; }
h3.largeBtn a.btnSignUp { background: transparent url(images/iphone/btn_sign_up.gif) no-repeat bottom left; }


.enquiryWrap {
    margin: 0 auto;
    padding: 40px 20px 0 20px;
    width: 560px;
    }
.enquiryWrap h3 {
    color:#FF6600;
    font-family:Arial;
    font-size:32px;
    font-weight:bold;
    text-align:left;
    }








#app01 ul, #app01 li, #app02 ul, #app02 li {
    margin:0;
    padding:0;
    list-style:none;
    }
#app01 li, #app02 li { 
    width:208px;
    height:312px;
    overflow:hidden; 
    }
#prevBtn, #nextBtn,
#slider1next, #slider1prev, #slider2next, #slider2prev { 
    display:block;
    position:absolute;
    left:310px;
    top:490px;
    z-index:1000;
    }
#slider2next, #slider2prev { 
    top:390px;
    }    
#nextBtn, #slider1next, #slider2next { 
    left: 361px;
    }
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a, #slider2next a, #slider2prev a {
    margin: 0;
    padding: 0;
    width: 51px;
    height: 30px;
    display:block;
    position:relative;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;    
    background: transparent url(images/iphone/btn_slide.gif) no-repeat top left;
    }
#nextBtn a, #slider1next a, #slider2next a {
    width: 50px;
    background-position: top right;
    /*background: transparent url(images/iphone/btn_slide_right.gif) no-repeat top left;*/
    }
#slider1prev a:hover, #slider2prev a:hover { background-position: bottom left; }
#slider1next a:hover, #slider2next a:hover { background-position: bottom right; }   


.sliderInfoText01, .sliderInfoText02 {
    display:block;
    position:absolute;
    width: 300px;
    left:310px;
    top:450px;
    z-index:1000;
    }
.sliderInfoText02 {
    top:350px;
    }