/* Edited with EditCSS */
/**** LINK-tag style sheet layout.css ****/

/* Designed by Cindy Prosser - http://attitude-emedia.com */
* { padding:0; margin:0; border:0; }

body { text-align:left;min-width:960px;height:100%;  background: #fff ;font-size: 0.90em;font-family: trebuchet,Arial,Helvetica,Verdana,sans-serif;color:#666}

legend{ color:#4E4E4E;}
select,input{ font-size:1em;}
select{ width:163px; margin-right:16px;}
label,legend{ font-weight:bold;}
input {border: 1px solid #ccc;}
.fLeft {float:left}
.fRight {float:right}
small {font-size: 0.7em;color:#ccc;}
.justify {text-align: justify;}
.center {text-align:center}
.clear { clear:both; height:0; }


.outer {margin: 0 auto; text-align: left;height:1%;background-color:#transparent;background-image: url("images/grey-shadow-980x.png"); background-position: 50% 0px;background-repeat: no-repeat;}


#navigation{margin:0; padding:0;  font-size:.7em; line-height:1.6em; width:550px; color:#666;background:transparent;float:right  }
#navigation ul{list-style-type:none; padding:20px 15px 0 15px; margin:0 ; border-left:solid 1px #eee;float:right;display:block }
#navigation ul li{display:list-item; }
#navigation ul li span {color:#000 }
#navigation ul li a:link,
#navigation ul li a:visited{ display: block; color:#666; text-decoration:none; }
#navigation ul li a:hover{color:#000;  }
#navigation ul li a:link span,
#navigation ul li span a:visited {color:#666; text-decoration:none;}
#navigation ul li span a:hover{color:#000; background:#eee; }

#navigation .listHead span a:link,
#navigation .listHead span a:visited{color:#00A99D; text-decoration:none; font-weight:bold; }
#navigation .listHead span a:hover {color:#000; background:#eee; width:100%}

#masthead{ width:986px;background: #fff url(images/2010-header-452px.png) no-repeat;padding:10px 0;height:100px;margin: 0 auto;}

#mainContent {width:990px;margin:0px auto;}
#masthead h1  {color: #556460;font-size: 2em; font-weight: normal;margin: 200px 0 0 7px;line-height: 1.2em;}
#mainContent h1  {float:right;color: #666;font-size: 3.5em; font-weight: normal;margin: 20px 0px 2px 0px;line-height: 1.2em;padding-right:20px}

#mast {margin: 0px 0px 0 0;width:986px;padding:10px 0}
#slider{margin-left: -1px;}	
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{ margin:0 !important;padding:0 !important;width:986px;height:241px;overflow:hidden; }
#prevBtn a, #nextBtn a { background-image: url(sliderimages/btn_prev.png) !important; display:block;width:37px;height:49px;position:absolute;left:0;top:65px; overflow: hidden; text-indent: -999px;  }
#nextBtn a { left:949px; background-image: url(sliderimages/btn_next.png) !important; }
#prevBtn a:hover { background-position: -37px 0; background-image: url(sliderimages/btn_prev.png) !important; }
#nextBtn a:hover { background-position: -37px 0; background-image: url(sliderimages/btn_next.png) !important; }

.topLinks {margin: -50px 0 0 30px; padding: 0; list-style: none;text-align:left ; float:left;clear:both}
.topLinks li {margin: 0 25px 0 0; padding: 0; display:inline;  }
.topLinks a { width: 60px;  text-align: center; padding-top: 65px; color: #fff;font-size:0.70em;text-decoration:none}
.topLinks a:hover {color:#ccc;text-decoration:none; background-position: 0 0; } 

.topBox {padding:13px 0 14px 0;  font-family: century gothic; color:#000;}
.innerTop {background: url(images/fence.png) no-repeat bottom left;}
.topBoxleft { position: relative; padding: 15px 10px 20px 10px; float: left; width: 480px;height:227px}
.topBoxleft  h2 {color: #535C6F; font-size: 1.6em; font-family: century gothic; font-weight: normal;text-align:center; }
.topBoxleftSlogan {margin: 10px auto; font-size: 1.5em;text-align:center;}
.topBoxleftSlogan strong {color: #777691;text-align:center;width: 620px;}
.topBoxleft p {color: #535C6F;margin: 30px auto; font-size:1.1em;font-weight:bold;text-align:center}
.topBoxright {padding: 15px 30px 20px 10px; float: right; width: 220px;background: url(images/hut.png) no-repeat top right;height:227px}
.topBoxrightRotator {width: 400px; background: transparent; font-size: 1.5em; padding: 3px;display:none}
.topBoxrightRotator img {margin:3px;width:400px; height:204px;display:none}

.topboxButt {margin: 0; padding: 0; width:520px; position: absolute; left: 50px; bottom: 25px;}
.topboxButt img {margin: 0; padding: 0; display: block;  }
.topboxButt a {width: 200px; height: 70px; display: block; background-repeat: no-repeat;float: left;background-position: 0 -70px;}
.topboxButt a.quote {margin: 0 20px 0 0; background-image: url(../../../images/request-quote.png) }
.topboxButt a.portfolio { background-image: url(../../../images/follow-us.png);}
.topboxButt a:hover {background-position: 0 0px; } 

#home3_out { width: 400px; height: 190px; background-repeat: no-repeat; background-position: 50% 50%; display: block;}
#home3_in { width: 400px; height: 190px;background-repeat: no-repeat; background-position: 50% 50%; display: block; cursor: pointer;}
#home3_txt { /* width: 280px; height: 6em; background-color: #DF0000  */}
#home3_txt p { color:#fff; padding: 4px; text-align: center; }


.box_725854 {background: url(images/725854_tl.png) no-repeat top left;}
.top_725854 {background: url(images/725854_tr.png) no-repeat top right;}
.bottom_725854 {background: url(images/725854_bl.png) no-repeat bottom left;}
.bottom_725854 div {background: url(images/725854_br.png) no-repeat bottom right;}
.content_725854 {background: url(images/725854_r.png) top right repeat-y;}
.top_725854 div,.top_725854,
.bottom_725854 div, .bottom_725854 {width: 100%;height: 15px;font-size: 1px;}
.content_725854, .bottom_725854 {margin-top: -10px;}
.content_725854 { padding: 0 15px; }

.alt_color { color: #000; }
.alt_color2 { color:#00A99D ; }
.black {color:#000 !important}

#wrapper { }
#container {}

.list {list-style-type: decimal;margin: 10px 0 20px 50px}


#content { padding: 10px; color:#000}
#content ul li{list-style-image: url(images/flagSml.png);margin-bottom: 0.1em;}
#content h2 {font-size: 1.2em;color: #00565F;line-height: 24px;position: relative;z-index: 999; margin:10px 0 10px 0px}
#content p {color: #666;line-height: 18px;_line-height: 1.1em;margin:0 10px 30px 10px;text-align:left}
#content p a {color: #6D919F;text-decoration: underline}
#content p a:hover { /*background:none !important;*/ color: #000}

#content .title3 {color:#00565F;margin:20px 0 10px 0;font-size:1.6em;font-weight:normal;}

.introbox h2 {margin: 0 0 0 10px}
.introbox p {color:#000;margin: 0 0 0 10px}

.colBlock07 {color:#ccc;margin:5px 0 10px 0;font-size:1.2em;font-weight:bold;text-transform:uppercase}
.colBlock08 {color:#fff;margin:0;font-size:1.2em;font-weight:bold;border-bottom:1px solid #fff;text-align:center;background:#C6D4DB}

#topSect {background: #f7f7f7;margin: 20px 2px 20px 1px;border-bottom:1px solid #C6D4DB; }
#topSect p  {clear: both;line-height: 18px;margin: 0 20px 0 20px}

#topSect .innerColumn7 {float: left;width: 630px;position: relative;padding: 0 11px 20px 11px; }

#topSect .innerColumn8 {float: left;width: 300px;text-decoration: none;position: relative;padding: 0 11px 20px 11px;height:350px; }

.design-production {background: url("images/design-thongs.png") no-repeat top right;padding-right:230px }

.box_592893 {background: url(images/592893_tl.png) no-repeat top left;}
.top_592893 {background: url(images/592893_tr.png) no-repeat top right;}
.bottom_592893 {background: url(images/592893_bl.png) no-repeat bottom left;}
.bottom_592893 div {background: url(images/592893_br.png) no-repeat bottom right;}
.content_592893 {background: url(images/592893_r.png) top right repeat-y;}
.top_592893 div,.top_592893,
.bottom_592893 div, .bottom_592893 {width: 100%;height: 15px;font-size: 1px;}
.content_592893, .bottom_592893 {margin-top: -10px;}
.content_592893 { padding: 0 2px; }

.one { height:190px;font-size:95%;background: url(images/img1.png) no-repeat 0px 40px;padding-top:200px;width:296px; position: relative;}
.two {height:190px;font-size:95%;background: url(images/img2.png) no-repeat 0px 40px;padding-top:200px;width:296px; position: relative;}
.three {height:190px;font-size:95%;background: url(images/img3.png) no-repeat 0px 40px;padding-top:200px;width:296px; position: relative;}



.four {height:290px;font-size:85%;background: #fff;padding-top:0px;width:300px}
.five {height:290px;font-size:80%;background: #fff;padding-top:0px;width:300px}



.one ul {list-style-type: none;margin: 0;padding: 0;text-align:left;}
.one ul li {margin: 0px 10px 0px 30px;padding: 0;text-align:left;color:#666}
.one ul li ul {list-style-type: circle;margin: 0 0 0 10px;padding: 0;text-align:left;}
.one ul li ul li {font-style: italic;margin-left: 5px;font-weight:normal}

.two ul {list-style-type: none;margin: 0;padding: 0;text-align:left;}
.two ul li {margin: 0px 10px 0px 30px;padding: 0;text-align:left;color:#666}
.two ul li ul {list-style-type: circle;margin: 0 0 0 10px;padding: 0;text-align:left;}
.two ul li ul li {font-style: italic;margin-left: 5px;font-weight:normal;font-size:90%}

.three ul {list-style-type: none;margin: 0;padding: 0;text-align:left;}
.three ul li {margin: 0px 10px 0px 30px;padding: 0;text-align:left;color:#666}
.three ul li ul {list-style-type: circle;margin: 0 0 0 10px;padding: 0;text-align:left;}
.three ul li ul li {font-style: italic;margin-left: 5px;font-weight:normal;font-size:90%}

.four ul {list-style-type: none;margin: 0;padding: 0;text-align:left;font-size:95%}
.four ul li {margin: 0px 10px 0px 30px;padding: 0;text-align:left;font-weight:bold;color:#666}
.four ul li ul {list-style-type: circle;margin: 0 0 0 10px;padding: 0;text-align:left;}
.four ul li ul li {font-style: italic;margin-left: 5px;font-weight:normal;font-size:90%}

.five ul {list-style-type: square;margin: 10px 0 0 0;padding: 0;text-align:left;font-size:90%}
.five li {list-style-image:none !important;}
.five ul li {margin: 0px 10px 0px 30px;padding: 0;text-align:left;color:#666}
.five ul li ul {list-style-type: circle;margin: 0 0 0 10px;padding: 0;text-align:left;}
.five ul li ul li {font-style: italic;margin-left: 5px;font-weight:normal;font-size:90%}

.six ul {list-style-type: none;padding: 0;text-align:left;font-size:95%}
.six ul li {margin: 0px 10px 0px 30px;padding: 0;text-align:left;font-weight:bold;color:#666}
.six ul li ul {list-style-type: circle;margin: 0 0 0 10px;padding: 0;text-align:left;}
.six ul li ul li {font-style: italic;margin-left: 5px;font-weight:normal;font-size:90%}
.six {height:290px;font-size:85%;background: #fff;padding-top:0px;width:300px}

.six6 {position: relative; height: 180px; clear:both;font-size:95%;padding: 0;width:980px;background: transparent url(images/web-hosting-banner.gif) no-repeat 20px 0px;color:#fff}
.six6 ul li a {color:#77E3EF;text-decoration:none}
.six6 ul li a:hover {color:#fff}
.six6 ul {list-style-type: none;margin: 0;padding: 0;text-align:left;font-size:95%}
.six6 ul li {margin: 0px 10px 0px 50px;padding: 0;text-align:left;font-weight:bold;color:#fff}
.six6 p {margin: 0 !important; padding: 5px 10px;color:#fff !important;text-align:center !important} 

.six6 h2 { margin: 0 0 5px 0 !important; }
.six6 h3 {text-align:center}
.six6 h3 a {color:#fff;text-decoration:none;text-align:center}
.six6 h3 a:hover {color:#80D0D9}

.six6right {position: absolute; top: 70px; width: 620px; margin-left: 300px}
.six6right p strong {color:#fff !important}
.six6right p img {margin: -20px 0 0 0}
.six6right li {display: inline;font-size: 1.4em;}
.six6right ul {margin: 10px 0 0 0 !important}
.six6right .hosting1 { overflow: hidden; text-indent: -9999px; display: block; width: 185px; height: 53px; background-image: url(images/web-hosting-butt-01.png); background-repeat: no-repeat; }
.six6right .hosting1:hover { background-position: 0 -55px; }
.six6right .hosting2 { overflow: hidden; text-indent: -9999px; display: block; width: 185px; height: 53px; background-image: url(images/web-hosting-butt-02.png); background-repeat: no-repeat; }
.six6right .hosting2:hover { background-position: 0 -55px; }


.one ul li a, .two ul li a, .three ul li a, .four ul li a, .five ul li a, .six ul li a {color:#0F7DA3;text-decoration:none;font-weight:bold;font-size:120%}
.one ul li a:hover, .two ul li a:hover, .three ul li a:hover, .four ul li a:hover, .five ul li a:hover, .six ul li a:hover {color:#000}



.one p, .two p, .three p {padding: 5px 10px;color:#000 !important} 
.four p, .five p, .six p  {padding: 5px 10px;color:#000 !important} 


.four p a, .five p a, .six p a, .six6 p a {color:#80D0D9 !important;text-decoration:none !important;float:right}
.four p a:hover, .five p a:hover, .six p a:hover, .six6 p a:hover {color:#fff !important;text-decoration:none !important;float:right}

.moreOn {  /*background: url(images/tag.png) no-repeat;background-position: 0 72%;*/ font-size:0.90em; display: block; margin-left: 0px !important;height: 21px; }
.one .moreOn a, .two .moreOn a, .three .moreOn a {color:#899BA3;text-decoration:none !important;}
.one .moreOn a:hover, .two .moreOn a:hover, .three .moreOn a:hover {color:#000;text-decoration:none !important}


.one h2 a, .two h2 a, .three h2 a  {color:#000;text-decoration:none !important;font-size:1.5em;text-align:center}
.one h2 a:hover, .two h2 a:hover, .three h2 a:hover  {color:#68E2EF}


.four h2 a, .five h2 a, .six h2 a, .six6 h2 a  {color:#118AA2 !important;text-decoration:none !important;text-align:center;font-size: 1.5em;}
.four h2 a:hover, .five h2 a:hover, .six h2 a:hover, .six6 h2 a:hover  {color:#80D0D9 !important}

.four h2, .five h2, .six h2, .six6 h2 {background:#fff;}

.fiveh2 {height: 35px;margin:10px 0 0 0;text-align:center}

.four h2 a, .five h2 a, .six h2 a  {color:#000;text-decoration:none;}
.four h2 a:hover, .five h2 a:hover, .six h2 a:hover  {color:#fff}



 .one, .two, .three { position: relative; }

.colBlock01, .colBlock02, .colBlock03 {line-height:40px;padding: 5px 0px;font-size: 1.3em; position: absolute !important; top: -1.95em !important; text-align: center; width: 300px; }

.colBlock04 {line-height:20px;background-color:#80D0D9;padding: 0px 15px;text-align:center}
.colBlock05 {line-height:20px;padding: 0px 15px;font-size:  1.3em;background: #80D0D9}
.colBlock06 {line-height:20px;background-color:#80D0D9;padding: 0px 15px;text-align:center}
.colBlock066 {line-height:20px;background-color:#80D0D9;padding: 0px 15px;text-align:center}

.colBlock01 span, .colBlock02 span, .colBlock03 span {background:#fff}

.seven {height:350px;font-size:85%;width:610px; float: left; }
.eight {font-size:85%;width:260px;background: #DAE1E6;border-left:1px solid #C6D4DB;border-right:1px solid #C6D4DB;padding:10px  }

.seven ul {list-style-type: none;margin: 0;padding: 0;text-align:left;font-size:95%}
.seven ul li {margin: 0px 10px 0px 30px;padding: 0;text-align:left;font-weight:bold;color:#666}
.seven ul li ul {list-style-type: circle;margin: 0 0 0 10px;padding: 0;text-align:left;}
.seven ul li ul li {font-style: italic;margin-left: 5px;font-weight:normal}

.eight ul {list-style-type: none;margin: 0;padding: 0;text-align:left;font-size:95%}
.eight ul li {margin: 0px 10px 0px 30px;padding: 0;text-align:left;font-weight:bold;color:#666}
.eight ul li ul {list-style-type: circle;margin: 0 0 0 10px;padding: 0;text-align:left;}
.eight ul li ul li {font-style: italic;margin-left: 5px;font-weight:normal;font-size:90%}

.seven ul li a, .eight ul li a {color:#00565F;text-decoration:none}
.seven ul li a:hover, .eight ul li a:hover{color:#000}

.seven p, .eight p{padding: 5px 10px;color:#666} 
.seven a { display: block; }

.seven h2 a, .eight h2 a{color:#000;text-decoration:none !important}
.seven h2 a:hover, .eight h2 a:hover{color:#68E2EF}

.LIn_desc {font-weight:normal;font-size:90%}
.LIn_shortMode li a {font-size:1.2em;font-weight:normal;margin:10px 0 0 0}

#bottomSect {background:#fff; }
#bottomSect .column {float: left;width: 300px;text-decoration: none;position: relative;padding: 0 11px 20px 11px; }
#bottomSect .column.last {width: 47%;margin-right: 0px;}
#bottomSect .column p  {clear: both;line-height: 18px;margin:0;color:#666 }
#bottomSect .column img  {clear: both;text-align:center;padding:3px;}
#bottomSect .column  h4 a  {display:block;margin: 0;padding: 0 20px 0 0;color: red;font-weight: bold;font-size: 16px;background-image: url(images/bullet.png);background-repeat: no-repeat;background-position: right center;text-decoration:none}
#bottomSect .column:hover h4  {color: #FF00CC;}
#bottomSect .column:hover h4  {background-image: url(images/bulletHover.png);background-repeat: no-repeat;background-position: right center;}
#bottomSect .column ul {clear: both;text-align:center }
#bottomSect .column li {clear: both; }
#bottomSect p  {clear: both;line-height: 18px;margin: 0 20px 0 20px}

.designLeggo {background-image: url(images/design-leggo.png);background-repeat: no-repeat;background-position: right top;margin: 0 0 40px 0}
.designLeggo ul li {list-style-image: url(images/check.png) !important;margin: 0px 0 10px 50px !important;}


.div702217 {margin:30px 1px ;color:#000;background:#fff}
.div702217 p { text-align: center !important; }
.div702217 p  strong {color: #000 !important;}
.div702217 p a {color: #0E7CA1 !important;text-decoration: none !important}
.div702217 p a:hover {background:none !important;color: #000 !important}


#banner {margin-top: 10px; background:#000;width:100%;}
#bannerInner { width:986px;margin:20px auto;}
#bannerInner .col {display:block;width:236px;float:left;margin-left: 10px}
#bannerInner .col .block li {list-style-type:square;margin: 0 20px;color:#fff}
#bannerInner .col .title { color: #7D8F8A !important; margin:0;padding:0  }
#bannerInner .col .title strong { color: #fff }
#bannerInner .col a { text-decoration: none;color:#C4D7DF;font-size:80% }
#bannerInner .col a:hover { text-decoration: underline;color:#fff; }

#footer { background: #fff; width:100%; padding:5px 0px}
* html #footer { top: -15px; position: relative; }
#footerInner {position: relative; width:986px;margin:0px auto;}
#footerInner p { font-size:0.80em;color:#000;padding:5px }
#footerInner ul {margin: 0; padding: 0; list-style: none;text-align:right}
#footerInner li {margin: 0 25px 0 0; padding: 0; display: inline;}
#footerInner a {color: #000 ; text-decoration: none;padding: 0px;margin: 0px;}
#footerInner a:visited {color: #000 ;}
#footerInner a:hover {color: #01A6FC ; text-decoration: none}
#footerInner img {border:none}
#footerInner strong {color:#666}

#siteNav{ top: 4px; right: 0; display: block; position: absolute; padding:0; margin:0; list-style:none;}
#siteNav li{ display: inline; }
#siteNav li.first{ border-left:none;}
#siteNav a{ padding:0 5px; line-height:1em; text-decoration:none; color:#000; font-size:1em; font-weight:normal;}
#siteNav a:hover, ul#siteNav li:hover{ text-decoration:underline;}

 .botLinks { position: absolute; right: 5px; top: 2em; }
 
 #ss0, #ss1, #ss2 { border: none; }
 
 #search-txt {display:none}
 
 

 /* Internal Extras */
#breadcrumb { margin-left: 20px;  position: absolute;  top: 0px;  float: left;color:#FC7203}
#breadcrumb a{ color:#334EFD; font-weight:bold;}

/*  Breadcrumb */
.B_homeCrumb { float: left;color:#9BBACF}
.B_homeCrumb, .B_homeCrumb:visited { color:#df000; font-weight:bold;text-decoration:none}
.B_homeCrumb:hover {text-decoration:none}
.B_currentCrumb {color:#9BBACF}
.B_crumbBox {margin:0 0 0 20px;font-size:0.80em;padding:0;float:left}
.B_crumbBox a{ float: none;  }
.B_crumbBox a.B_crumb { color: #687773;text-decoration:none }

#sidebar { width: 290px; float: right; }
#sidebar h2 {margin:0;padding:0;text-align:center}

.sidemenu {list-style: none; margin:0px 22px 0px 20px !important;width:300px;font-weight:normal;float:right;height:1%}
.sidemenu li {text-align:right;margin:2px}
.sidemenu ul {display: none; list-style: none;float:left}
.sidemenu ul li {border-bottom: none;}
.sidemenu a {display: block; padding: 0 20px 0 10px; list-style: none; color:#000; text-decoration: none;font-size:1em;font-weight:bold}
.sidemenu a:visited {color:#000}
.sidemenu ul li a {display: block; padding: 0 20px 0 5px} 
.sidemenu a:hover {color: #45969F;}
.sidemenu ul li a:hover {display: block; padding: 0 20px 0 5px;} 
.sidemenu .last {margin-top:10px;}
.sidemenu .last a {color:#2F777F;}
.sidemenu .last a:visited {color:#2F777F}
.sidemenu .last a:hover {color: #45969F;}

.list123 { margin: 20px 0; } 
.list123 li { background-repeat: no-repeat; padding-left: 50px; list-style: none; list-style-image: none !important; }
.list123 span { color: #008080; font-size: 140%; }
.list123 .list1 { background-image: url(images/tag-one.png); }
.list123 .list2 { background-image: url(images/tag-two.png); }
.list123 .list3 { background-image: url(images/tag-three.png); }
.list123 span a { text-decoration:none !important } 

#clientSlider {width: 935px;margin: 0 auto;border-top:1px solid #000}
#clientSlider li {padding: 10px}
#clientSlider p {text-align:center}

.mainpara { font-size: 120%; }