/*
Theme Name: Touch-Media
Description: A Wordpress theme for Touch Media.
Author: Jon McBain
Author URI: http://pixelcloud.co.uk/
*/

body {
margin:20px 0 0 0;
padding-top:0;
background:#000;
background-image:url(images/touchbg.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
font-family:Arial, Tahoma,sans-serif;
color:#cfcfcf;
font-size:12px
}

#ie6{
position:absolute;
width:100%;
left:0px;
top:5px;
background-color:#FFFF00;
color:#000;
border:1px dotted #fff;
padding:8px;
}

img {
border:0
}

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

a:hover {
color:#eee;
text-decoration:none
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
margin:10px 0 0 0
}

blockquote {
padding-left:10px;
color:#888;
font-style:normal
}

.clear {
clear:both
}

.alignleft {
float:left;
padding:2px 0 0 10px
}

.alignright {
float:right;
padding:2px 10px 0 5px
}

/* The Menu */
#menucontainer {
height:99px;
background-image:url(images/touchbg_01.jpg);
background-repeat:no-repeat;
background-position:top left;
display:block;
padding:0;
margin:0;
}

.homelink{
display:block;
width:180px;
height:60px;
z-index:1000;
position:absolute;
top:45px;
margin-left:85px
}

a.contact{
position:absolute;
top:78px;
margin-left:900px;
display:block;
background-image:url(contact.jpg);
width:37px;
height:37px;
z-index:9000;
}

a.contact:hover{
background-image:url(contacthover.jpg);
}

a.home{
position:absolute;
top:79px;
margin-left:15px;
display:block;
background-image:url(home.jpg);
width:38px;
height:38px;
z-index:9000;
}

a.home:hover{
background-image:url(homehover.jpg);
}

/* The Wrapper */
.wrapper {
width:950px;
margin:0 auto;
background:#000
}

/* The content */
.content {
padding:0;
height:482px;
background-image:url(images/demo-home_02.jpg);
background-repeat:no-repeat;
background-color:transparent;
}

.home-content {
font-size:12px;
padding:0;
height:482px;
background-image:url(images/home_02.jpg);
background-repeat:no-repeat;
background-color:transparent;
}

.commercial-content {
font-size:12px;
padding:0;
height:482px;
background-image:url(images/commercial_02.jpg);
background-repeat:no-repeat;
background-color:transparent;
}

.demo-content {
font-size:12px;
padding:0;
height:482px;
background-image:url(images/demo_02.jpg);
background-repeat:no-repeat;
background-color:transparent;
}

.services-content {
font-size:12px;
padding:0;
height:482px;
background-image:url(images/services_02.jpg);
background-repeat:no-repeat;
background-color:transparent;
}

.current-content {
font-size:12px;
padding:0;
height:482px;
background-image:url(images/current_02.jpg);
background-repeat:no-repeat;
background-color:transparent;
}

.current-content img {
float:right;
}

.project .entry{
width:600px;
}

.demo-content {
font-size:12px;
padding:0;
height:482px;
background-image:url(images/demo-home_02.jpg);
background-repeat:no-repeat;
background-color:transparent;
}

#submenu{
width:152px;
position:absolute;
top:180px;
margin:0 0 0 690px;
}

#submenu.comm{
width:180px;
margin-left:670px
}

ul#submenu li{
position:relative;
list-style-type:none;
}

ul#submenu li a{
display:block;
padding:4px 4px 4px 19px;
margin-top:10px;
background: #000 url(sub.jpg) no-repeat left top;
}

ul#submenu li a:hover{
background: #000 url(subhover.jpg) no-repeat left top;
}

ul#submenu li.current_page_item a{
background: #000 url(subcurrent.jpg) no-repeat left top;
}

ul.smart-home{
margin:20px 0 0 0
}

ul.smart-home li {
font-size:16px;
margin:0 0 20px 0;
}

.home2{
position:absolute;
width:290px;
top:170px;
margin-left:500px
}

.entry img{
border: 5px solid #ccc;
}

.rack{
position:absolute;
top:175px;
margin-left:385px;
}

.limetree{
position:absolute;
top:210px;
margin-left:385px;
}

.casino{
position:absolute;
top:190px;
margin-left:380px;
}

.telephony{
position:absolute;
top:175px;
margin-left:385px;
}

.control{
position:absolute;
top:190px;
margin-left:385px;
}

.pool{
position:absolute;
top:180px;
margin-left:385px;
}

.cctv{
position:absolute;
top:175px;
margin-left:385px;
}

.cinema{
position:absolute;
top:190px;
margin-left:365px;
}

.homepic{
margin: 10px 0 0 30px
}

.kitchen{
margin:20px 0 0 20px
}

.control-small{
position:absolute;
top:170px;
margin-left:402px;
}

.smart{
position:absolute;
top:180px;
margin-left:385px;
}


.breadcrumb {
color:#6888d1;
padding:3px;
font-size:12px;
}

#content {
float:left;
margin:0;
padding:0;
width:700px
}

h5,h5 a {
font-size:24px;
color:#fff;
margin:0;
height:70px;
padding:50px 0 0 10px;
font-family:Arial, Helvetica, sans-serif
}

.entry {
margin:50px 0 0 60px;
width:350px;
padding:5px 20px;
background-color:transparent;
line-height:18px;
color:#ccc
}

#home-entry {
margin:25px 0 0 60px;
}

#commercial-entry {
margin:25px 0 0 60px;
}

.cover {
margin:0;
background-repeat:repeat-y
}

.rightcolumn {
float:right;
width:195px;
padding-top:10px;
background:#5c5c5c url(images/shadow.gif) top repeat-x
}

div.navigation a {
color:#ccc
}

div.ddsg-wrapper{
font-size:12px;
margin:0 0 0 70px;
}


div.ddsg-wrapper ul{
margin:20px 0 0 20px;
line-height:20px;
}

div.ddsg-wrapper ul li ul{
margin:-0px 0 0 0;
}

div.ddsg-wrapper h2, div.ddsg-wrapper p{
display:none
}

span.blue{
color:#007FFF
}

.phone{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#bbbbbb
}

/* --- FOOTER --- */
#footer {
color:#5c5c5c;
font-size:10px;
font-weight:400;
text-align:center;
width:800px;
height:30px;
margin:0 auto;
z-index:99999;
}

#footer p{
margin: 0
}

#footer a {
color:#888;
}

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

span.download a {
color:#888;
text-transform:uppercase;
text-variant:smallcaps;
padding:4px 20px 2px 25px;
height:30px;
width:205;
background: #000 url(images/download.jpg) top left no-repeat
}

#footer p span.download a:hover {
background-image:url(images/downloadhover.jpg);
text-decoration:none
}

span.download2 a {
color:#888;
text-transform:uppercase;
text-variant:smallcaps;
padding:4px 20px 2px 25px;
height:30px;
width:205;
background: #000 url(images/download2.jpg) top left no-repeat
}

#footer p span.download2 a:hover {
background-image:url(images/downloadhover2.jpg);
text-decoration:none
}

/* The Navigation */
.navigation {
height:25px;
padding:0 20px
}

.navigation a {
font-weight:700;
text-decoration:none;
font-size:14px;
color:#7b6d2e
}

.navigation a:hover {
color:#eee
}

/* The Attachment */
.contentCenter {
text-align:center
}

/* The Page Title */
h2.pagetitle {
padding:0;
margin:0 0 20px;
font-size:25px;
text-align:center
}