@charset "utf-8";
/* CSS Document */

/* - - - - - - - - - - - - - - - - - - - - -

Title : Zylone IT 
Author : Zylone IT
URL : www.zylone.com

Description : 

Created : January 2009
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
}	

html{
	
}	

body {
	padding: 0;
	background-color: #FFF;
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

img { border:0;}

/* ----- IDS ----- */

#container{
	margin: 0 auto;
	width: 926px;
}
#maincontainer{
	margin: 0 auto;
	width: 926px;
}	

#top{
	margin-bottom: 10px;	
}
#primaryContent{
	width: 928px; 
	margin: 0 auto;
}	

#secondaryContent{
	width: 905px;
	margin: 0 auto;
	
}	
#navigation{
}	
#footer{
	width:883px;
	margin:0 auto;
	height:20px;
}
#footer .links{
	float:right;
}
#footer .links ul {
	margin:0;
	padding:0;
}
#footer .links ul li {
	float:left;
	list-style:none;
}

/* ----- CLASSES ----- */

.hide{
}
.show{
}

/* ----- HEADINGS ----- */

h1{
}
h2{
	width: 600px;
	
}
h3{
}
h4{
}

/* ----- PARAGRAPHS ----- */

p{
}
#primaryContent p{
}
#secondaryContent p{
}

/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}

#ddtopmenubar{
	clear:both;
	width: 906px;
	height: 37px;
	margin: 0 auto;
	background: url(images/menu1.gif) no-repeat;
	font: 14px normal "Century Gothic", "Trebuchet MS", Tahoma, sans-serif;
}

#ddtopmenubar a:link{
	color: #0994c8;
	text-decoration:none;
}

#ddtopmenubar a:hover{
	color:#28a085;	
}

#ddtopmenubar li{
	display: block;
	float: left;
}

#ddtopmenubar ul{
	margin: 0;
	padding-left: 10px;
	list-style: none;
	line-height: normal;
	
}

#ddtopmenubar ul li{
	padding: 6px 25px 5px;
}

#ddtopmenubar ol{
}

#ddtopmenubar ol li{
}

/* ----- IMAGES ----- */

img{
}
img a{
	border:0;
}
img a:hover{
}

/* ----- BREAK ----- */

hr{
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{
	text-decoration:none;
	color:#0994c8;
}
a:hover{
	color:#c7e93c;
}
/*a:visited, a:active, a:focus{
	color:#0994c8;
}*/

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}

/* ----- FORMS ----- */

form{
	padding:0;
	margin:0;
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
select{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
optgroup{
}
option{
}

/* ----- DEFINITIONS ----- */

dl{
}
dt{
}
dd{
}
.t {background: url(images/dot.gif) 0 0 repeat-x; width:905
px;}
.b {background: url(images/dot.gif) 0 100% repeat-x}
.l {background: url(images/dot.gif) 0 0 repeat-y}
.r {background: url(images/dot.gif) 100% 0 repeat-y}
.bl {background: url(images/cc2.gif) 0 100% no-repeat}
.br {background: url(images/cc4.gif) 100% 100% no-repeat}
.tl {background: url(images/cc1.gif) 0 0 no-repeat}
.tr {background: url(images/cc3.gif) 100% 0 no-repeat; padding:10px;} 



#portfolio{
float: right;	
width:300px;
height: 180px;
background: url(images/mockup1-sliced_19.gif) repeat-x;
z-index: 0;

}
#portfoliodot{height:180px; padding-right:1px; width:263px; float:left; background-image:url(images/greyright.gif)}
#portfoliocontent{
	padding-top: 15px;
	padding-left: 10px;
	width: 270px;
}

#side {
	float: right;
	width:20px;
	height:180px;
	background: url(images/mockup1-sliced_20.gif) no-repeat;
}
#side-left {
	float: left;
	width:17px;
	height:180px;
	background: url(images/mockup1-sliced_15.gif) no-repeat;
}
#outer{
	float: left;
	width: 626px;
}

#inner{
	width: 611px;
	float:left;
	background: url(images/mockup1-sliced_16.gif) repeat-x;
	height: 180px;
}
#flashinner{
	width: 608px;
	margin-left: 19px;
	height: 180px;
	position: relative;
	background:url(images/images/mockup1-sliced_16.gif) repeat-x;
}

#putflash{
background: url(images/banner.jpg) no-repeat;
	margin-top:7px;
	width: 603px;
	height: 160px;

}
#search{
	float: right;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-right:10px;
	width:70%;
}

#domainform{
	float: right;
	width:300px;
}

#txtsearch{
	width: 120px;
	float: right;
	font: 12px normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
	padding-top: 5px;
	padding-right:3px;
}

#mainbody{
	position:relative;
	margin:0 auto;
	
}

#rightmain{
float: right;
width: 210px;
margin-right:10px;
height: 270px;
background: url(images/sidebgstripes.jpg) repeat-y;
}

#leftmain{
float:left;
width: 635px;
margin-left:10px;
}

#righttop{
	background:url(images/ad1.gif) no-repeat;
	width: 150px;
	height: 70px;
	margin: 0 auto 10px;
}

#rightads{
	width: 150px;
	margin: 0 auto;
}

#myBox_top
{
    margin: 0 auto;
	background:url(images/mybox_top.gif) no-repeat top left;
	height:10px;
	width:905px;
}
#myBox_bot
{
	margin: 0 auto;
    background:url(images/mybox_bot.gif) no-repeat top left;
	height:10px;
	width:905px;
}
.myBox
{
    margin: 0 auto;
/*    color: #a7abac; */
	color:#666;
    width: 883px;
    padding: 0 10px 0 10px;
    text-align: left;
    background-color: #ffffff;
    border-left: 1px solid #dde2e4;
	border-right: 1px solid #dde2e4;
	overflow:hidden;   
}


#leftbox{
	width: 675px;
	float:left;
}

#rightbox1{
	width:208px;
	height:100%;
	float:right;
	background:url(images/sidebgstripes.jpg) repeat-y;
}

#rightbox{
	width:100%;
	margin: 0 auto;
}

#rightbox_con{
	margin: 0 auto;
	width: 206px;
	text-align:center;
}

#ad{
	margin:10px; position:relative; text-align:center;
}

#ad .left{
	text-align:left;
}

#block1{
	width:209px;
	height:173px;
	float:left;
	background:url(images/box1b.jpg) no-repeat;
	margin-left:12px;
}
#blocktitle{
	width: 200px;
	height: 20px;
	padding: 16px 0 10px 50px;
}

.blocktxt{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color:#0994c8;
}

#block2{
	width: 452px;
	float:right;
}

#blockmiddle{
	width: 209px;
	height:173px;
	float:left;
	background:url(images/box2b.jpg) no-repeat;
	margin-left: 10px;
}

#block3{
	width: 209px;
	height:173px;
	float:left;
	background: url(images/box3b.jpg) no-repeat;
	margin-left: 10px;
}

#lower_ads{
	width: 650px;
	height: 62px;
	margin: 10px auto;
	
}

.divider {
	background:url(images/sidebgstripes.jpg) repeat-y top left;
}

.title {/*color:#00adef;*/color:#64B110; font-size:16px; font-weight:bold;}

.readmore {
	background:url(images/arrow.gif) top left no-repeat;
	padding-left: 10px;
	color:#FF9900;
	font-size:10px;
	line-height:11px;
}
.readmore a:link, a:visited, a:hover, a:active{
	color:#FF9900;
	text-decoration:none;
}

.hdivider {width:98%; margin:5px 0; height:1px; background:#ccc;}

.dform_f {width:200px;}
.dform_df {width:205px;}

.btn_left {background:url(images/btn_bg.gif) top left; width:10px; height:35px; float:left;}
.btn_right {background:url(images/btn_bg.gif) top right; width:10px; height:35px; float:left;}
.btn_mid {background:url(images/btn_bg_mid.gif) top left; color:#FFFFFF; height:35px; line-height:25px; float:left;}
a .btn_mid {color:#FFFFFF; cursor:pointer;}
.btn_contact {background:url(images/btn_contact.gif) top left; color:#FFFFFF; line-height:28px; height:35px; width:105px; padding-left:10px; float:left;}
a .btn_contact {color:#FFFFFF; cursor:pointer;}

.btn_enquiry {background:url(images/btn_enq.gif) top left; color:#FFFFFF; line-height:28px; height:35px; width:135px; padding-left:10px; float:left;}
a .btn_enquiry {color:#FFFFFF; cursor:pointer;}

.clearing {clear:both;}

.tick li {list-style:url(images/tick.gif);}
.think 	 {margin:0 0 0 25px; padding:0;}
.think li {list-style:url(images/think.gif);}