@import url(Reset.css);
@import url(Editor.css);

html
{
    height: 100%;
    }

body
{
    background:url(/images/back.png) repeat-x;
    font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size:1em;
    color:Black;
    line-height:1.6em;
    height: 100%;
}

#container 
{
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px; /* the bottom margin is the negative value of the footer's height */
    }
    
p 
{
    padding:10px 0 10px 0;
}    

strong 
{
    font-weight:bold;
}

#footer
{
    height: 150px;
    }
    
.push
{
    height: 150px;
    }    

h1, h2, h3, h4 
{
    
    color:#333333;
    text-transform:capitalize;
    
    padding:15px 0 15px 0;
}

h1, h2 
{
    font-size:2em;
}

h3 
{
   font-size:1.5em; 
}

h4 
{
    font-size:1.2em;
}

a 
{
    color:#DF860D;
    text-decoration:underline;
}

a:hover 
{
    text-decoration:none;
}

.more 
{
    padding-left:20px;
    margin-left:20px;
    background:url(/images/more.png) left center no-repeat;
}

/* Header */

#header #logo 
{
    width:329px;
    height:128px;
    background:url(/images/logo.jpg) no-repeat;
    overflow:hidden;
    position:absolute;
    left:0;
    top:24px;
    
}

#header #logo a 
{
    display:block;
    width:329px;
    height:128px;
    line-height:100em;
}

#header #stuff
{
    display:none;
    
}

#header #topnav 
{
    clear:both;
  
    
}

#header #topnav ul 
{
    display:block;
     width:auto;
    height:50px;
    float:right;
    margin-top:50px;
    margin-right:20px;
    
}

#header #topnav ul li 
{
    display:block;
    float:left;
    height:74px;
    margin:0 5px 0 5px;
}

#header #topnav ul li a 
{
    display:block;
    color:Black;
    text-decoration:none;
    font-size:1.2em;
    height:74px;
    cursor:hand;
    
   
}

#header #topnav ul li a span 
{
   padding:0 20px 0 0;
   margin-left:20px;
   display:block;
   height:74px;
   overflow:hidden;
}

#header #topnav ul li a:hover, #header #topnav ul li.selected a
{
    background:url(/images/menu-active.png) left no-repeat;
}

#header #topnav ul li a:hover span, #header #topnav ul li.selected a span 
{
    background:url(/images/menu-active-b.png) right no-repeat;
  
}

#header #topnav ul li a:hover span div, #header #topnav ul li.selected a span div 
{
    display:block;
    margin-top:25px;
    color:#fff;
}

/* main */

#container, #footer .inside 
{
    width:80%;
    max-width:1150px;
    min-width:975px;
    /*margin:0 auto 0 auto;*/
    margin-left:auto;
    margin-right:auto;
    position:relative;
    
}

 
#body{
    padding-top:150px;
    margin-bottom:30px;
}

#content 
{
    padding:5px 30px 0 30px;
}

#content #left 
{
    width:45%;
    float:left;
    min-width:450px;
    padding-top:10px;
}

#content #right 
{
    width:50%;
    float:right;
    min-width:450px;
}

#content #merged
{
    width:100%;
    margin-bottom:30px;
}


/* showcase */

#pager 
{
    float:right;
    margin-top:10px;
}

#pager span
{
    display:block;
    float:left;
    margin:8px 10px 0 0;
}

#pager a 
{
    display:block;
    float:left;
    padding-right:0px;
    width:40px;
    height:40px;
    overflow:hidden;
    padding:7px 0 0 15px;
    background:url(/images/showcase_bt_p.jpg) no-repeat;
    color:Black;
    text-decoration:none;
}

#pager a.activeSlide,  #pager a:hover
{
    background:url(/images/showcase_bt_a.jpg) no-repeat;
    color:White;
}

/* breadcrumbs */

#breadcrumbs ul 
{
    display:block;
    float:right;
    margin-right:10px;
}

#breadcrumbs ul li 
{
    display:block;
    float:left;
    padding-left:20px;
    margin-left:7px;
    background:url(/images/li-orange.png) no-repeat left center;
}



/* latest blog */

#latestblog 
{
    margin-top:20px;
}

#latestblog h3 
{
    padding:20px 0 8px 0;
    font-size:1em;
}

#latestblog h3 a
{
    font-size:1.3em;
    color:#333;
    text-decoration:none;
    padding:8px 0 8px 55px;
    background:url(/images/ico_info.jpg) left center no-repeat;
}

#latestblog h3 a:hover 
{
    text-decoration:underline;
}

#latestblog h3 em 
{
    font-size:0.8em;
    padding-left:10px;
}


/* features & services */

#features 
{
    padding:0 30px 30px 30px;
    margin-top:10px;
    
}

#leftthird li  
{
    padding-left:65px;
}

#features li
{
    display:block;
    width:32.5%;
    margin-right:1%;
    float:left;
}

#features li p 
{
    padding:0 15px;
}

#features li#webdesign, div.webdesign 
{
    background:url(/images/feature1-back.png) 0 47px repeat-x;  
}

#features li#itsupport, div.itsupport
{
   background:url(/images/feature2-back.png) 0 47px repeat-x;  
}

#features li#software, div.software 
{
   background:url(/images/feature3-back.png) 0 47px repeat-x;  
   margin-right:0;
}


div.webdesign 
{
    background:url(/images/webdesign.jpg) 0 47px repeat-x; 
     
}
div.itsupport
{
   background:url(/images/itsupport.jpg) 0 47px repeat-x;  
}

div.software 
{
   background:url(/images/software.jpg) 0 47px repeat-x;  
   margin-right:0;
}

#features li ul li 
{
    width:70%;
    padding-left:20%;
}

#features li h2, #leftthird h2 
{
    font-size:1.3em;
    padding:10px 10px 10px 70px;
    margin-bottom:60px;
}

#leftthird h2 
{
    margin-bottom:40px;
}

#leftthird li.selected a 
{
    text-decoration:none;
    font-weight:bold;
}

#features li#webdesign  h2, div.webdesign h2 
{
    background:url(/images/ico01.jpg) left center no-repeat;
    color:#594333;
}

#features li#itsupport h2, div.itsupport h2
{
    background:url(/images/ico02.jpg) left center no-repeat;
    color:#DF860D;
}

#features li#software  h2,  div.software h2
{
    background:url(/images/ico03.jpg) left center no-repeat;
    color:#0084B4;
}

#features li#webdesign  h2 a, div.webdesign a
{
  
    color:#594333;
}

#features li#itsupport  h2 a, div.itsupport a
{
    
    color:#DF860D;
}

#features li#software  h2 a, div.software a
{
  
    color:#0084B4;
}

#features li#webdesign ul li,  div.webdesign ul li
{
    background:url(/images/li-brown.png) 15% center no-repeat;
}

#features li#itsupport ul li,  div.itsupport ul li 
{
    background:url(/images/li-orange.png) 15% center no-repeat;
}

#features li#software ul li ,  div.software ul li
{
    background:url(/images/li-blue.png) 15% center no-repeat;
}

#features li#webdesign ul li a
{
   color:#594333;
}

#features li#itsupport ul li a
{
   color:#DF860D;
}

#features li#software ul li a
{
    color:#0084B4;
}

.bott 
{
    margin-top:15px;
    padding-bottom:2px;
}

/* portfolio */

#portfolio 
{
    margin:0px 0px 40px 0px;
    width:100%;
    height:auto;
    overflow:auto;
    }
    
.projects 
{
    width:33%;
    float:left;
    height:360px;
    min-height:350px;
    margin:1% 0 1% 0;
    }
  
#portfolio li {
    width:30%;
    float:left;
    margin-bottom:0px;
    padding-left:20px;
    margin-left:1%;
    background:url(/images/li-orange.png) no-repeat left 14px;
    }
    
#portfolio li a {
    color:#0084B4;
    text-decoration:underline;
    }    
    
#portfolio .bg
{
  width:302px;
  height:200px;
  background: url(/images/bg-portfolio.jpg) no-repeat;
    }


#portfolio img {
    /*border:1px solid #CCC;*/
    margin:7px 0 0 19px;
    }

#portfolio h3 
{
    margin:5px 0px 3px 12px;
    color:#66BBDC;
    font-size:1em;
    padding:0px;
    }    

#portfolio p 
{
    margin:0 0 20px 12px;
    }       
    
#portfolio .projects p 
{
    width:280px;
    }    


/* footer */

#footer 
{
    height:148px;    
    background:url(/images/footer.png) repeat-x;
    clear:both;
}

#footer p 
{
    padding:30px;
}

#footer p.left 
{
    float:left;
}

#footer p.right 
{
    float:right;
}



.clear 
{
    clear:both;
     height:1px;
   overflow:hidden;
}

/* Enquiry form */

fieldset 
{
    border:1px solid #ccc ;
    background:#F7F7F7;
    padding:30px;
}

legend 
{
    font-size:1.4em;
    color:Black;
    background:transparent;
}

fieldset {
  padding: 1em;
  font-size:80%;
  }
label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  
  }
  
  input 
  {
      width:60%;
      padding:5px;
      margin-bottom:5px;
  }
  #map 
  {
      width:100%;
      height:540px;
      margin-top:60px;
  }
  
  
#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_ContactForm_5_btnSubmit 
{
    padding:5px;
    margin:10px auto 0 26%;
    }


#leftthird 
{
    margin-top:15px;
    width:298px;
    float:left;
}

#righttwothirds 
{
    margin-top:15px;
    margin-left:335px;
    
    
}

#righttwothirds ul 
{
    margin:20px 0;
   
}

#righttwothirds ul li 
{
    
   
    padding-left:30px;
    margin-left:30px;
    background:url(/images/li-orange.png) no-repeat 5px 5px;
}

#righttwothirds h3 
{
    margin:10px 0 0 0;
}


/* blog */

#blog li
{
 
    background:url(/images/software.jpg) 0 47px repeat-x; 
     
}

#blog li ul li 
{
    background:none;
}

#blog li 
{
    margin-left:0;
    padding-left:0;
}

#blog li ul li 
{
 padding-left:20px;
 margin-left:30px;
   background:url(/images/li-orange.png) 0 5px no-repeat; 
}

#blog li ul li ul li 
{
    margin-left:10px;
}

li.archive h2
{
  background:url(/images/ico-archive.jpg) left center no-repeat;  
}

.hide 
{
    display:none;
}

h3#comments 
{
    font-size:0.8em;
    border-top:1px solid #ccc;
    margin-top:30px;
}


.commentcontent 
{
 padding:10px 10px 10px 30px;   
 background:url(/images/li-blue.png) 5px 15px no-repeat;
    
}

.commentcontent cite 
{
    font-style:italic;
    font-weight:bold;
}

.commentmetadata 
{
    display:block;
    font-size:0.8em;
}

#comment 
{
    font-size:0.8em;
}

#comment input 
{
    width:50%;
}

#comment textarea 
{
    width:50%;
}

#comment #ctl00_ctl00_ctl00_ContentPlaceHolderDefault_body_frmBlogComment_7_btnSubmit 
{
    width:30%;
}

.selected 
{
    
    text-decoration:none;
}

.padder 
{
    padding:15px;
}

.thumb 
{
    margin:10px;
    float:right;
}

/* blog images */

#blogimage 
{
    text-align:center;
    }
    
#blogimage img
{
    padding:5px;
    border:1px solid #ccc;
    }    
 
.post 
{
    height:auto;
    overflow:auto;
    margin-bottom:35px;
    } 
    
#post-thumb img
{
    padding:5px;
    border:1px solid #ccc;
    float:right;
    margin:0px 0px 0px 10px;
    }  
    
#comment input.submit 
{
    width:200px;
}     

#quote-wrapper 
{
    width:30%;
    margin-left:3%;
    float:right;
    margin-top:20px;
    }

#quote-wrapper .quote 
{
    /*background:#FBF9FA;*/
    color:#999;
    /*float:right;
    width:30%;*/
    padding:9%;
    _padding:0%;
    font-size:1.3em;
    line-height:1.4em;
    font-style:italic;
    position:relative;
    height:auto;
    margin-bottom:30px;
    /*margin-left:3%;*/
    }
   
   
#quote-wrapper .quote .quote-left 
{
    background: url(/images/quote-left.jpg) no-repeat;
    width:26px;
    height:22px;
    position:absolute;
    top:0px;
    left:-10px;
    }

#quote-wrapper .quote .quote-right
{
    background: url(/images/quote-right.jpg) no-repeat;
    width:26px;
    height:22px;
    position:absolute;
    bottom:0px;
    right:-10px;
    }
    
#quote-wrapper .quote .author
{ 
    font-size:0.6em;
    text-align:right;
    }   
    
#quote-wrapper.quote p 
{
    padding:0px;
    }


.video 
{
    margin: 10px auto 10px auto;
    display:block;
    width:520px;
    height:390px;
    }
    
.slideshow 
{
    float:right;
}    


/**** Ticket Page - Login Form ****/
.ticket-login {
	width:100%;
	margin:65px 10px 0 0;
	background:#F7F7F7;
	border:#CCCCCC 1px solid;
}

.ticket-login label {
	font-size:80%;
	width:160px;
	text-align:right;
}

.ticket-login input {
	width:200px;
	padding:5px;
	margin-bottom:5px;
}

#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_Login1_RememberMe {
	width:auto;
	margin-top:8px;
	text-align:left;
}

#ctl00_ctl00_ctl00_ContentPlaceHolderDefault_ChildContent_Login1_LoginButton {
	float:left;
	margin: 5px 0 20px 165px;
	padding:0;
	width:60px;
}

/**** Ticket Page - Form ****/

#ticket-form div.form-inner {margin-top:0px;font-size:80%;background:#F7F7F7;border:1px solid #CCCCCC;}

#ticket-form p {clear:both;margin:0;}
#ticket-form p span.form-label {width:140px;text-align:right;float:left;}
#ticket-form p input.form-input {width:280px;text-align:left;margin-left:8px;}
#ticket-form p input.form-item input {text-align:left;}
#ticket-form p input.form-submit {width:140px;margin:15px 0 20px 15px;}
#ticket-form p textarea.form-area {width:280px;text-align:left;margin-left:8px;height:180px;padding:5px;}
#ticket-form p span.form-label2 {text-align:left;margin-left:8px;} 

#ticket-form .form-radio {width:100px;margin-left:130px;}
#ticket-form .form-radio label {float:right;display:inline-block;}

#ticket-form .form-radio input {margin-top:10px;float:left;display:inline-block;}













/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */