/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
text-align:center;
background-image:url(../images/siteBG.jpg);
background-repeat:repeat-x;
background-color:#000;
font-weight:500;

}

#top {
width:100%;
height:21px;
background-color:#000;
font-family: "Andale Mono", Helvetica, Arial, sans-serif;
margin:0;
padding:0;
color:#999;

}

#header-logo {
width:925px;
height:86px;

}


#wrap {
width:925px;
text-align:left;/*center hack*/
margin:0 auto;/*center hack*/
background-color:#000;

}


#main-body{
float:left;
width:925px;
height:547px;
background-image:url(../images/BG5_03.jpg);
background-repeat:no-repeat;
}

#title {
margin-top:25px;
margin-left:45px;
margin-bottom:10px;

}

#title3 {
margin-top:10px;
margin-left:20px;

}

#title2 {
margin-top:25px;
margin-left:40px;
margin-bottom:10px;

}

#content {
float:left;
width:480px;

}

#content p {
padding-left:60px;
padding-top:20px;


}
p.home1{
padding-left:40px;
margin-top:20px;


}
#content-home2 {
clear:both;
width:460px;
padding-left:40px;
padding-top:15px;

}
#mod1 {
width:210px;
height:210px;
float:left;
margin-left:20px;
margin-bottom:15px;

}
#mod2 {
width:210px;
height:210px;
float:right;
margin-left:20px;
margin-bottom:15px;
}
#mod1 p{
width:175px;
padding-left:10px;
margin-top:110px;
text-align:right;

}

#mod2 p{
width:175px;
padding-left:10px;
margin-top:110px;
text-align:right;

}

#content a:link{	
color:#fff;
font-weight:bold;
}
#content a:visited{	
color:#fff;
font-weight:bold;
}
#content a:hover{	
color:#333;
font-weight:bold;
}

#content-contact {
float:left;
width:460px;

}

#content-contact p {
padding-left:60px;
padding-top:40px;


}



#sidebar p {
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
}




#sidebar {
float:right;
width:281px;
overflow:hidden;
background-image:url(../images/ablePixel_4_04.jpg);
background-repeat:no-repeat;
height:540px;
}






#sidebar-2 {
float:right;
width:229px;	
overflow:hidden;
background-image:url(../images/ablePixel_4_05.jpg);
background-repeat:no-repeat;
height:375px;
}


#footer {
clear:both;
width:100%;
padding: 1.2em;
color:#999;

}

#news1,#news2 {
width:225px;
height:165px;
margin-left:20px;
font-weight:bold;

}

#news1 img{
border:none;

}
#news2 img{
border:none;

}



/* ----------------PORTFOLIO LANDING PAGE ----------------  */

 #content-port1 {
width:925px;
height:151px;
background-image:url(../images/BGcontent1.jpg);
background-position:left;
background-repeat:no-repeat;
margin:0;
padding:0;
}

#port-text {
	float:left;
width:540px;
height:100px;
padding-left:30px;
padding-top:25px;


}

#port-text2 {
float:right;
width:250px;
height:100px;
margin:0;
padding:0;
text-align:left;

}

#port-text2 ul{
padding-top:25px;
padding-left:20px;
}

#port-text2 p{
padding-left:10px;
}


#content-port2 {
width:925px;
height:639px;
background-image:url(../images/port-content2.jpg);
background-position:left;
background-repeat:no-repeat;

}





#port-row1 {
width:910px;
height:325px;
margin-left:30px;
padding-top:40px;


}

#port-row2 {
width:910px;
height:325px;
margin-left:30px;
padding-top:5px;

}

port-row2 {
clear:both;
}

div.port1 {
float:left;
width:278px;

}

div.port2{
width:260px;
float:left;
text-align:left;
padding-left:37px;
}
div.port3{
float:right;
width:280px;
text-align:left;
padding-left:20px;
}

div.port4 {
float:left;
width:278px;

}

div.port5{
width:260px;
float:left;
text-align:left;
padding-left:37px;
}
div.port6{
float:right;
width:280px;
text-align:left;
padding-left:20px;
}

p.client,p.client2 {
	font-size:11px;
padding-left:10px;
padding-top:10px;
font-weight:900;
font-family:"Courier New", Courier, monospace;
}
#client img{
margin-left:-10px;	
}
p.projDetails {	
font-family:"Courier New", Courier, monospace;
padding-left:10px;
padding-top:15px;
}
p.projDetails a:link{	
color:#FFF;
}
p.projDetails a:visited{	
color:#FFF;
}
p.projDetails a:hover{	
color:#333;
}

#content-port_1{	
width:925px;
height:547px;
background-image:url(../images/portfolio/portBG.jpg);
background-repeat:no-repeat;
}



#port-flash{
float:left;
width:450px;
height:340px;
margin-left:50px;
margin-top:50px;
}

#port-nav a:link{
color:#FFF;
}

#port-nav a:visited{
color:#FFF;
}

#port-nav a:hover{
color:#333;
}

#port-summary{
float:right;
width:350px;
height:340px;
margin-right:40px;
margin-top:50px;
margin-bottom:20px;
}

#port-summary ul{
padding-left:40px;
margin:10px 0;
}

#port-summary p{
margin-top:10px;
}

#port-nav {
clear:both;
width:100%;
text-align:center;
color:#666;
margin-top:15px;
font-family:"Courier New", Courier, monospace;
font-size:13px;
font-weight:bold;

}

#port-summary a:link {
color:#333;
background-color:#FFF;
border:dotted #333 1px;
text-decoration:none;
font-weight:bold;
font-family:"Courier New", Courier, monospace;
font-size:13px;
padding:5px;
}

#port-summary a:visited {
color:#333;
background-color:#FFF;
border:dotted #333 1px;
text-decoration:none;
font-weight:bold;
font-family:"Courier New", Courier, monospace;
font-size:13px;
padding:5px;
}


#port-summary a:hover {
color:#FF0099;
background-color:#FFF;
border:dotted #333 1px;
text-decoration:none;
font-weight:bold;
font-family:"Courier New", Courier, monospace;
font-size:13px;
padding:5px;
}

#pgnav {
clear:both;
width:300px;
height:25px;
text-align:left;
color:#FF0099;
margin-top:20px;
padding-left:15px;
padding-top:5px;
font-family:"Courier New", Courier, monospace;
font-size:14px;
font-weight:700;
background:url(../images/portfolio/moreprojBG.jpg) no-repeat center;

}

#pgnav2 {
clear:both;
width:300px;
height:25px;
text-align:left;
color:#FF0099;
margin-top:20px;
padding-left:15px;
padding-top:5px;
font-family:"Courier New", Courier, monospace;
font-size:14px;
font-weight:700;
background:url(../images/portfolio/moreprojBGbk.jpg) no-repeat center;

}


div#port-action {
background-image:url(../images/portfolio/actionBG.gif);
background-repeat:no-repeat;
width:450px;
height:50px;
clear:both;
margin-left:50px;

}
p.port-action1 {
margin:15px 15px;
padding-top:10px;
}
p.port-action2 {
margin:30px 15px;
padding-top:25px;
}
p.port-action3 {
margin:30px 15px;
padding-top:25px;
}
p.port-action4 {
margin:30px 15px;
padding-top:25px;
}
p.port-action5 {
margin:30px 15px;
padding-top:25px;
}

p.port-action6 {
margin:30px 15px;
padding-top:25px;
}

p.launch{
padding-top:10px;
}




/* ---------------- Main menu styles ----------------  */



#navlinks  {
width:925px;
height:21px;
background-image:url(../images/top.jpg);
background-repeat:no-repeat;
background-color:#000;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
margin: 0 auto;
padding:0;
text-align:right;
padding-right:50px;

}

#navlinks a:link {
color:#FF0099;
text-decoration:none;
font-weight:bold;
font-size:1.3em;
line-height:1.7em;

}

#navlinks a:visited {
color:#FF0099;
text-decoration:none;
font-weight:bold;
font-size:1.3em;
line-height:1.7em;
}


#navlinks a:hover {
color:#666;
text-decoration:none;
font-weight:bold;
font-size:1.3em;
line-height:1.7em;
}

#navlinks ul {
    list-style:none;/* Gets rid of the bullet points */
    display: inline;/* Shows each item side-by-side */
	float:right;
	
	
}

#navlinks ul li{
float:left;
padding-top:0.3em;
padding-right:1em;
text-align: center;



}


/*to make the "tab" clickable*/
#navlinks li a{ 
display: block;
height:24px;
}

/* ----------- CONTACT PAGE ------------   */

table.contact{
margin-top:60px;
margin-left:60px;


}
/* ----------- SERVICES PAGE ------------   */
#content-services {
float:left;
width:460px;

}

#content-services p {
padding-left:60px;
padding-top:10px;


}
.services1 {
padding-left:40px;
margin-top:25px;

}

#content-services ul {
padding-left:95px;
padding-top:15px;
}

#sidebar-services {
float:right;
width:281px;
overflow:hidden;
background-image:url(../images/ablePixel_4_04.jpg);
background-repeat:no-repeat;
height:541px;
}

#sidebar-services p {
padding-left:20px;
padding-top:5px;
font-weight:500;
padding-right:20px;

}

#sidebar-services ul {
padding-left:40px;
padding-top:0;
font-weight:700;


}

img.servicesimg {
padding-left:15px;
padding-top:15px;

}

p.call {
width:90%;
font-weight:bold;
color:#FFF;


}
/* ----------- CONTACT PAGE ------------   */

#sidebar-contact {
float:right;
width:281px;
height:500px;
text-align:right;
padding-right:50px;
padding-top:25px;
}

#sidebar-contact p {
padding-left:20px;
padding-top:20px;

}
#content-contact form{
width:450px;
height:340px;
margin-top:25px;
margin-left:55px;
padding-top:25px;
padding-bottom:25px;
background-image:url(../images/formBG.jpg);
background-repeat:no-repeat;
}
#formrow1, #formrow2, #formrow3, #formrow5 {
clear:both;
width:400px;
height:30px;
margin-left:40px;
margin-top:5px;
}


#formrow4  {
clear:both;
width:400px;
height:115px;
margin-top:5px;
margin-left:40px;

}

#formrow6 {
clear:both;
width:400px;
height:30px;
margin-top:5px;
margin-left:40px;
text-align:left;
font-size:75%;
}

#formleft1,#formleft2,#formleft3,#formleft4,#formleft5 {
width:80px;
height:30px;
float:left;
text-align:right;
}

#formright1,#formright2,#formright3,#formright4,#formright5 {
width:300px;
height:30px;
float:right;
text-align:left;
}

#thanksmsg p {
padding-left:60px;
padding-top:40px;
font-weight:700;

}

#skype{
margin-top:15px;
margin-right:-5px;
width:214px;
height:73px;
float:right;
background-image:url(../images/skypeBG.jpg);
background-repeat:no-repeat;
padding-top:10px;
}

#skype img{
padding-right:20px;
}


/*-----------------customising    -------------------*/

/* CSS Document */

/*global reset*/
* {
margin:0;
padding:0;
}

p {

}
/*-------------HOMEPAGE styling -------------------*/

h1,h2,h3,h4,h5,h6 {
color:#333;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
padding:0.2em 0;
}

h2 {
color:#fff;
font-weight:bold;
font-size:1.2em;
}



#content h2 {
color:#fff;
font-weight:bold;
font-size:1.2em;
margin-left:40px;
}

#content-home2 h3{
color:#333;
font-weight:bold;
font-size:1.1em;
margin-top:5px;
margin-bottom:5px;
margin-left:20px;

}
#content-services h2 {
color:#FF0099;
background-color:#FFF;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
padding-left:10px;
padding-right:20px;
font-size:13px;
margin-left:60px;
margin-top:10px;
}



#sidebar h2 {
color:#FFF;
font-weight:bold;
font-size:1.3em;
margin-left:20px;
margin-top:25px;
}

#sidebar h3 {
color:#333;
font-weight:bold;
font-size:1.1em;
margin-top:5px;
margin-bottom:5px;
margin-left:20px;
}

#port-summary h2 {
color:#FFF;
font-weight:bold;
font-size:1.3em;

}

#port-summary h3 {
color:#333;
font-weight:bold;
font-size:1.1em;
margin-top:10px;
}

#sidebar-services h2 {
color:#fff;
font-weight:bold;
font-size:1.2em;
margin-top:25px;
margin-left:20px;
}
#sidebar-services h3 {
font-family:"Courier New", Courier, monospace;
color:#FFF;
font-weight:bold;
font-size:13px;
margin-top:5px;
margin-bottom:5px;
margin-left:20px;
}
#sidebar-contact h2 {
color:#333;
font-weight:bold;
font-size:1.2em;
margin-top:25px;
margin-left:20px;
}


#sidebar-services a:link{	
color:#fff;
font-weight:bold;
}
#sidebar-services a:visited{	
color:#fff;
font-weight:bold;
}
#sidebar-services a:hover{	
color:#333;
font-weight:bold;
}

hr {
width:100%;
border:solid thin #CCC;
margin:5px 0px;

}

img {

border:none;
}


body {
font-size:70%;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
line-height:1.3;
margin:0 0;
font-weight:500;
}

body a:link {
color:#FF0099;
text-decoration:none;
font-weight:bold;
}

body a:visited {
color:#FF0099;
text-decoration:none;
font-weight:bold;
}

body a:hover {
color:#666;
text-decoration:none;
font-weight:bold;
}


/*-------------FOOTER styling -------------------*/




#footer {
text-align:center;
font-size:0.9em;
border-top: 1px dotted #333;
margin-top:20px;


}

/*------------ added 21 July 09-------------------*/

#sidebar a:link{	
color:#fff;
font-weight:bold;
}
#sidebar a:visited{	
color:#fff;
font-weight:bold;
}
#sidebar a:hover{	
color:#333;
font-weight:bold;
}
/*
div#port-summary h3 a:link{	
color:#fff;
font-weight:bold;
}
div#port-summary h3 a:visited{	
color:#fff;
font-weight:bold;
}
div#port-summary h3 a:hover{	
color:#333;
font-weight:bold;
}*/