/*____________________________________________________________________
    - 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:40px;
}

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

#middle2 {
	width:950px;
	margin:0 auto;
	
}

#banner-home {
	padding:10px 0 2px 0;
	text-align:center;
	position:relative;
	height:280px;
}
#banner {
	padding:15px 0 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:80px;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;
	text-align: left;
}
.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:10px;
	font-size:1.1em;
}

#bigtext h1, .bigtextinner h1 { margin-left:20px;}
#bigtext h2,.bigtextinner h2 { padding:10px 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;
}

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

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

#content li { margin:0px 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;
}

.contactpageform input {
    margin-bottom:20px;
}
.formsent{
    text-align:center;
    padding:10px 0 0 0;
}

#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; }

<!-- Here's the CSS -->

ul{
    margin: 0 auto;
    padding: 0;
}

/* The wider the #list_wrapper is, the more columns will fit in it */
#list_wrapper{
    width: 940px
}

/* The wider this li is, the fewer columns there will be */
    ul.multiple_columns li{
        text-align: left;
        float: left;
        list-style: none;
        height: 120px;
        width: 178px;
    }


.container_12 .grid_8 {
    width: 620px;
}
960.css (line 127)
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.grey-box {
    background-color: #EBEBEB;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}




body {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
    font-size: 13px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.5;
}
a:focus {
    outline-color: -moz-use-text-color;
    outline-style: dotted;
    outline-width: 1px;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #CCCCCC;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 0;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #CCCCCC;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 0;
    border-top-color: #CCCCCC;
    border-top-style: solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}
h1 {
    font-size: 25px;
}
h2 {
    font-size: 23px;
}
h3 {
    font-size: 21px;
}
h4 {
    font-size: 19px;
}
h5 {
    font-size: 17px;
}
h6 {
    font-size: 15px;
}
ol {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: decimal;
}
ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
}
li {
    margin-left: 30px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
    margin-bottom: 20px;
}

body {
    min-width: 960px;
}
.container_12, .container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15 {
    position: relative;
}
.container_12 .grid_3, .container_16 .grid_4 {
    width: 220px;
}
.container_12 .grid_6, .container_16 .grid_8 {
    width: 460px;
}
.container_12 .grid_9, .container_16 .grid_12 {
    width: 700px;
}
.container_12 .grid_12, .container_16 .grid_16 {
    width: 940px;
}
.alpha {
    margin-left: 0;
}
.omega {
    margin-right: 0;
}
.container_12 .grid_1 {
    width: 60px;
}
.container_12 .grid_2 {
    width: 140px;
}
.container_12 .grid_4 {
    width: 300px;
}
.container_12 .grid_5 {
    width: 380px;
}
.container_12 .grid_7 {
    width: 540px;
}
.container_12 .grid_8 {
    width: 620px;
}
.container_12 .grid_10 {
    width: 780px;
}
.container_12 .grid_11 {
    width: 860px;
}
.container_16 .grid_1 {
    width: 40px;
}
.container_16 .grid_2 {
    width: 100px;
}
.container_16 .grid_3 {
    width: 160px;
}
.container_16 .grid_5 {
    width: 280px;
}
.container_16 .grid_6 {
    width: 340px;
}
.container_16 .grid_7 {
    width: 400px;
}
.container_16 .grid_9 {
    width: 520px;
}
.container_16 .grid_10 {
    width: 580px;
}
.container_16 .grid_11 {
    width: 640px;
}
.container_16 .grid_13 {
    width: 760px;
}
.container_16 .grid_14 {
    width: 820px;
}
.container_16 .grid_15 {
    width: 880px;
}
.container_12 .prefix_3, .container_16 .prefix_4 {
    padding-left: 240px;
}
.container_12 .prefix_6, .container_16 .prefix_8 {
    padding-left: 480px;
}
.container_12 .prefix_9, .container_16 .prefix_12 {
    padding-left: 720px;
}
.container_12 .prefix_1 {
    padding-left: 80px;
}
.container_12 .prefix_2 {
    padding-left: 160px;
}
.container_12 .prefix_4 {
    padding-left: 320px;
}
.container_12 .prefix_5 {
    padding-left: 400px;
}
.container_12 .prefix_7 {
    padding-left: 560px;
}
.container_12 .prefix_8 {
    padding-left: 640px;
}
.container_12 .prefix_10 {
    padding-left: 800px;
}
.container_12 .prefix_11 {
    padding-left: 880px;
}
.container_16 .prefix_1 {
    padding-left: 60px;
}
.container_16 .prefix_2 {
    padding-left: 120px;
}
.container_16 .prefix_3 {
    padding-left: 180px;
}
.container_16 .prefix_5 {
    padding-left: 300px;
}
.container_16 .prefix_6 {
    padding-left: 360px;
}
.container_16 .prefix_7 {
    padding-left: 420px;
}
.container_16 .prefix_9 {
    padding-left: 540px;
}
.container_16 .prefix_10 {
    padding-left: 600px;
}
.container_16 .prefix_11 {
    padding-left: 660px;
}
.container_16 .prefix_13 {
    padding-left: 780px;
}
.container_16 .prefix_14 {
    padding-left: 840px;
}
.container_16 .prefix_15 {
    padding-left: 900px;
}
.container_12 .suffix_3, .container_16 .suffix_4 {
    padding-right: 240px;
}
.container_12 .suffix_6, .container_16 .suffix_8 {
    padding-right: 480px;
}
.container_12 .suffix_9, .container_16 .suffix_12 {
    padding-right: 720px;
}
.container_12 .suffix_1 {
    padding-right: 80px;
}
.container_12 .suffix_2 {
    padding-right: 160px;
}
.container_12 .suffix_4 {
    padding-right: 320px;
}
.container_12 .suffix_5 {
    padding-right: 400px;
}
.container_12 .suffix_7 {
    padding-right: 560px;
}
.container_12 .suffix_8 {
    padding-right: 640px;
}
.container_12 .suffix_10 {
    padding-right: 800px;
}
.container_12 .suffix_11 {
    padding-right: 880px;
}
.container_16 .suffix_1 {
    padding-right: 60px;
}
.container_16 .suffix_2 {
    padding-right: 120px;
}
.container_16 .suffix_3 {
    padding-right: 180px;
}
.container_16 .suffix_5 {
    padding-right: 300px;
}
.container_16 .suffix_6 {
    padding-right: 360px;
}
.container_16 .suffix_7 {
    padding-right: 420px;
}
.container_16 .suffix_9 {
    padding-right: 540px;
}
.container_16 .suffix_10 {
    padding-right: 600px;
}
.container_16 .suffix_11 {
    padding-right: 660px;
}
.container_16 .suffix_13 {
    padding-right: 780px;
}
.container_16 .suffix_14 {
    padding-right: 840px;
}
.container_16 .suffix_15 {
    padding-right: 900px;
}
.container_12 .push_3, .container_16 .push_4 {
    left: 240px;
}
.container_12 .push_6, .container_16 .push_8 {
    left: 480px;
}
.container_12 .push_9, .container_16 .push_12 {
    left: 720px;
}
.container_12 .push_1 {
    left: 80px;
}
.container_12 .push_2 {
    left: 160px;
}
.container_12 .push_4 {
    left: 320px;
}
.container_12 .push_5 {
    left: 400px;
}
.container_12 .push_7 {
    left: 560px;
}
.container_12 .push_8 {
    left: 640px;
}
.container_12 .push_10 {
    left: 800px;
}
.container_12 .push_11 {
    left: 880px;
}
.container_16 .push_1 {
    left: 60px;
}
.container_16 .push_2 {
    left: 120px;
}
.container_16 .push_3 {
    left: 180px;
}
.container_16 .push_5 {
    left: 300px;
}
.container_16 .push_6 {
    left: 360px;
}
.container_16 .push_7 {
    left: 420px;
}
.container_16 .push_9 {
    left: 540px;
}
.container_16 .push_10 {
    left: 600px;
}
.container_16 .push_11 {
    left: 660px;
}
.container_16 .push_13 {
    left: 780px;
}
.container_16 .push_14 {
    left: 840px;
}
.container_16 .push_15 {
    left: 900px;
}
.container_12 .pull_3, .container_16 .pull_4 {
    left: -240px;
}
.container_12 .pull_6, .container_16 .pull_8 {
    left: -480px;
}
.container_12 .pull_9, .container_16 .pull_12 {
    left: -720px;
}
.container_12 .pull_1 {
    left: -80px;
}
.container_12 .pull_2 {
    left: -160px;
}
.container_12 .pull_4 {
    left: -320px;
}
.container_12 .pull_5 {
    left: -400px;
}
.container_12 .pull_7 {
    left: -560px;
}
.container_12 .pull_8 {
    left: -640px;
}
.container_12 .pull_10 {
    left: -800px;
}
.container_12 .pull_11 {
    left: -880px;
}
.container_16 .pull_1 {
    left: -60px;
}
.container_16 .pull_2 {
    left: -120px;
}
.container_16 .pull_3 {
    left: -180px;
}
.container_16 .pull_5 {
    left: -300px;
}
.container_16 .pull_6 {
    left: -360px;
}
.container_16 .pull_7 {
    left: -420px;
}
.container_16 .pull_9 {
    left: -540px;
}
.container_16 .pull_10 {
    left: -600px;
}
.container_16 .pull_11 {
    left: -660px;
}
.container_16 .pull_13 {
    left: -780px;
}
.container_16 .pull_14 {
    left: -840px;
}
.container_16 .pull_15 {
    left: -900px;
}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    visibility: hidden;
    width: 0;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    visibility: hidden;
    width: 0;
}
.clearfix:after {
    clear: both;
}
.clearfix {
}



#loading {
	display: none;
	margin-left:-20px;
}

#Heading {
	-moz-border-radius:10px 10px 0 0;
	-moz-box-shadow:0 0 1px #FD0000 inset;
	background:-moz-linear-gradient(center top , #DB0000, #9B0000) repeat scroll 0 0 transparent;
	border:1px solid #8D0000;
	color:white;
	margin-left:-5px;
	font-size:22px;
	padding:16px;
	text-shadow:0 1px 1px black;
	z-index:2;
	background: -webkit-gradient(linear, left top, left bottom, from(#db0000), to(#9b0000));
    background: -moz-linear-gradient(top center, #db0000, #9b0000);
    
    -webkit-border-radius: 10px 10px 0 0;
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: inset 0 0 1px #fd0000;
    -moz-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding-box;
    -moz-box-shadow: inset 0 0 1px #fd0000;
	-webkit-border-radius: 15px;
	margin: 50px 0;
	top:65px;
	width:220px;
   	color:#ccc;
    position: relative;
	text-transform:uppercase;text-shadow: 1px 1px 1px #000;
	margin-left:-50px;
	margin-top:-50px;
}

#form {
	width:280px;
    background-color: #118af3;
    padding: 40px 50px 30px;
    margin: 10px 0;
    position: relative;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	-moz-border-radius:15px 15px 15px 15px;
	margin-left:-50px;
}

#Search {
	background:url("../imgs/Text.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	color:#888888;
	float:left;
	font-family:Arial,Helvetica,Sans-serif;
	font-size:15px;
	height:36px;
	margin-right:12px;
	outline:medium none;
	padding:0 0 0 35px;
	text-shadow:1px 1px 0 white;
	width:525px;
	margin-left:-40px;
}

#Submit {
	background:url("../imgs/Search.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	cursor:pointer;
	height:36px;
	overflow:hidden;
	text-indent:-999px;
	text-transform:uppercase;
	width:83px;
	
	margin-top:10px;
}

h5 {
	border:2px solid #EEEEEE;
	font:14px/1.3 Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif;
	margin:0px;
	padding:5px;
	min-width:120px;
	text-align:left;
	margin-left:-15px;
	margin-bottom:3px;
}

h5.taken span {
	background:none repeat scroll 0 0 #F08F78;
}
h5.taken:hover{
	background:none repeat scroll 0 0 #FFC5B7;
}

h5 a{font-family:"crete-rounded-web-1","crete-rounded-web-2",sans-serif; color:#333333}
 
h5 span {
	font-family:Verdana;
	font-size:12px;
	font-style:normal;
	margin-right:4px;
	padding:3px 5px;
}

h5.available:hover {
	background:none repeat scroll 0 0 #DDF2BC;
}
 h5.available span { background: #bce67b; }