/*____________________________________________________________________
    - EXTRA AND MISCELLANEOUS                                       */
#breadcrumb { margin-left:30px;font-size:0.9em;}

#top-shade {
	background:url('/imgs/bg-banner.png') top repeat-x;	
}

#bottom-shade {
	background:url('/imgs/bg-content.png') bottom repeat-x;
	padding-bottom:80px;
	position:relative;
}

#middle {
	width:1000px;
	margin:0 auto;
}

#banner-home {
	padding:10px 0 2px 0;
	text-align:center;
	position:relative;
	height:280px;
}
#banner {
	padding:15px 6px 2px 0;
	text-align:center;
	position:relative;
}
#slideshowtop
{
    height:18px;
    overflow:hidden;
    margin-left:20px;
    position:relative;
    top:-29px; 
}

#slideshow
{
    height:309px;
    overflow:hidden;
    margin-left:20px;    
    position:relative;
    top:-29px; 
}

/* Sometime the image was appearing small */
#slideshowtop img {display:none; width:958px; height:18px; background-color:Transparent !IMPORTANT;} /* Fix a glitch with IE8 */
#slideshow img {display:none; width:958px; height:291px; background-color:Transparent !IMPORTANT;} /* Fix a glitch with IE8 */



#slideshow-next, #slideshow-pause, #slideshow-play { cursor:pointer; }
#slideshow-buttons { 
    width:60px;
    position:absolute;
    right:27px;
    top:261px;
    z-index:9999;
}

#btnquote
{
    position:absolute;
    top:93px;
    right:31px;
}
#btnportfolio
{
    position:absolute;
    top:23px;
    right:31px;
}

/* 3 BOXES */
#box-simplewebsite, #box-buyonline, #box-custom {
    width: 166px;
    height: 113px;
    float:left;
    border:0px solid;
    position:relative;
    margin-right:5px;
}

#box-custom{margin:0px;}

#box-simplewebsite{  padding:65px 20px 10px 130px;}
#img-simplewebsite{ position:absolute; top:96px;left:-5px;z-index:99;}

#box-buyonline { padding:65px 130px 10px 20px;} 
#img-buyonline { position:absolute; top:110px;left:515px;z-index:99;} 

#box-custom { padding:65px 130px 10px 20px;}
#img-custom{ position:absolute; top:100px;left:835px;z-index:99;} 

#boxes { padding:5px 20px; font-size:1.25em;position:relative; }
#boxes a, #boxes a:visited, #boxes a:hover {color:White; text-decoration:none;}

#intro-wrapper {
	background:url('/imgs/bg-content.png') bottom repeat-x;
}

.intro {
	width:960px;
	margin:0 auto;
	padding-top:25px;
	padding-left:5px;
}
.news-intro { font-style:italic;}

#bigtext {
	width:312px;
	float:left;
	padding:15px 10px 35px 0px;
	margin-top:25px;
}

.bigtextinner {
	width:312px;
	float:left;
	padding:15px 0 35px 0px;
	margin-top:5px;
	margin-bottom:50px;
	font-size:1.1em;
}

#bigtext h1, .bigtextinner h1 { margin-left:5px;}
#bigtext h2,.bigtextinner h2 { padding:0px 15px 13px 20px; background: url('/imgs/left-section.jpg') no-repeat -2px; height:145px;vertical-align : middle; display : table-cell;}

#text,.textinner {
	float:right;
	width:600px;
	font-size:1.1em;
	line-height:1.7em;
	padding:25px 3px 35px 15px;
	position:relative;
}

.regulartext {	
    font-size:1.1em;
	line-height:1.7em;
}

.textinner { padding:10px 5px 35px 0px; }

#text p {
    margin-bottom:30px;
}

#content li { margin:20px 0; }


.nobg {background:none !IMPORTANT;}



#textleft {
	padding:25px 0 35px 0px;
}

#textmid {
	padding:25px 25px 35px 25px;
}

#textright {
	padding:25px 5px 35px 0;
}
#textleft,#textmid,#textright { 
	float:left;
	width:300px;
	line-height:1.6em;
}
.columnheader { text-align:center; border-bottom:1px solid #008fbd; height:120px;vertical-align:bottom; }
.columnheader img { padding-bottom: 10px; }

#pic {
	float:left;
	width:317px;
	margin: 0px 17px 0 10px; 
}

.midbanner {margin: 0px 0px 40px 0px;}

#ribbonlogos {
    position:relative;
	height:95px;
	margin:0 auto;
	overflow:hidden;
	padding:15px 20px 0 20px;
	width:930px;
}

#ribbon-bg { background: url('/imgs/bg-clients.gif');}
#ribbon-title { width:980px;margin:0 auto; position:relative;}
#ribbon-title img { position:absolute; top:-19px;margin-left:15px; }

.text-box, .text-box2 {
	width:156px;
	height:90px;
	float:left;
    padding:56px 30px 0 101px;
}
.text-box2{padding-left:91px; width:166px;}

.floatleft
{
    float:left;
    margin: 15px 25px 3px 0px;
}

.floatright
{
    float:right;
    margin: 15px 0px 0px 25px;
}

.div-separator {
    clear:both;
    border-top:1px solid #ddd;
    margin:30px;
}

.date {
    color:#aaa;
}

.border { border:3px solid #ddd !IMPORTANT; }

/*____________________________________________________________________
    - Forms                                                         */
    
#form-popup
{
    color:White;
    width:366px;
    height:520px;
    background: url('/imgs/big-popup.png') no-repeat;
}
#form-popup div { background:none;}
.data-popup
{
    background:none;
    width:296px;
    height:450px;
    padding:35px;
}



#form-popup input {
    margin-bottom:20px;
}

#form-popup a {
    font-size:2em;
}

.simplemodal-close
{
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
}

/* Contact us page form */

.contactpageform
{
    padding:10px;
    clear:both;   
    background:#ceedfc;
    border:1px solid #a5cee0;
    color:black;
    line-height:1em;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.contactpageform input {
    margin-bottom:20px;
}
.formsent{
    text-align:center;
    padding:10px 0 0 0;
	position:relative;
	z-index:999;
	top:-2px;
}

#contactdirectory{
    margin:0px 0 0 0px;
}



#contactdirectory h3 {margin-bottom:0; margin-top:30px; padding-bottom:0; }

#contactdirectory div { 
    background-color:#fafafa;
    border-top:2px solid #f5f5f5; 
    border-bottom:2px solid #f5f5f5;
     
    clear:both;
    padding:5px; 
    margin:25px 0 25px 20px;
}

#contactdirectory .leftimg { float:left; margin: 15px 25px 10px 5px; }


#framegoogle
{
    width:100%;
    border:1px solid #999;
    margin-top:100px;
}

.center {text-align:center;}

.legend { font-size:0.85em; text-align:center; color:#aaa; }

/* bot trapping jquerytrapme is used as jQuery Selector, jqueryttrraappme is then applied. This is to confuse bots.*/
.jqueryttrraappme { display:none; }

/* --- CONTEST ---- */
.contest-logo { margin:50px 30px; }
.contest-logo a {margin:50px;}

.contest-rules { margin-top: 75px; font-size:0.85em; }