/* common declarations  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body { background-color:#cecfce; margin:0px 0px 0px 0px; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:11px; color:#666; overflow:-moz-scrollbars-vertical; }
img { border:0px; }
td { padding:0px; }
a { color:#52bce1; }
a:hover { text-decoration:none; }
p { margin:0px; padding-top:5px; padding-bottom:5px; }
form { padding:0px; margin:0px; z-index:100; }
h1 { padding:0px; margin:0px; }
h2 { padding:0px; margin:0px; }
dt { font-weight:bold; }
dd { background:url(../img/arrow_blue.gif) no-repeat 0px 4px; padding-left:12px; }
.dtend { padding-bottom:15px; }

/* end common ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.wrap { position:relative; width:100%; }

#bgleft { position:absolute; top:0px; left:0px; width:55%; height:678px; background:url(../img/bg_pgleftblue.gif) repeat-x; }
#bgright { position:absolute; top:0px; right:0px; width:46%; height:678px; background:url(../img/bg_pgrightblue.gif) repeat-x; }

#logo { position:absolute; top:29px; left:264px; }
#pencilsharpener { position:absolute; top:22px; left:610px; }

#topnav { position:absolute; top:157px; left:0px; height:15px; }
.topnavcolours { padding:0px 0px 0px 10px; }
.topnav { padding:0px 10px; border-right:1px dashed #666; }

#clientlogin { position:absolute; top:183px; left:0px; padding:0px 10px; color:#dcebf1; }
#loginerror { position:absolute; top:183px; left:0px; padding:0px 10px; color:#dcebf1; }
.userlogin { width:74px; margin:0px; color:#dcebf1; font-size:10px; border:1px solid #dcebf1; background:url(../img/bg_userloginblue.gif) repeat-x; }
.bt_userlogin { width:40px; height:17px; background:url(../img/bt_userloginblue.gif) no-repeat; }

#nav { position:absolute; top:256px; left:10px; width:240px; }
#nav ul { list-style:none; margin:0px; padding:0px; }
#nav li { height:18px; padding-bottom:15px; }
#nav li a { display:block; width:240px; text-indent:34px; color:#666; font-weight:bold; letter-spacing:1px; line-height:18px; text-decoration:none; }
#nav li a:hover { text-indent:54px; color:#52bce1; }
.nav01 { background:url(../img/nav_01.gif) no-repeat; }
.nav02 { background:url(../img/nav_02.gif) no-repeat; }
.nav03 { background:url(../img/nav_03.gif) no-repeat; }
.nav04 { background:url(../img/nav_04.gif) no-repeat; }
.nav05 { background:url(../img/nav_05.gif) no-repeat; }

#s_portfolio { background:url(../img/s_portfolio.gif) no-repeat; }
#s_portfolio a:hover { background:url(../img/s_portfolio_ob.gif) no-repeat; }
#s_contact { background:url(../img/s_contact.gif) no-repeat; }
#s_contact a:hover { background:url(../img/s_contact_ob.gif) no-repeat; }
#s_webhosting { background:url(../img/s_webhosting.gif) no-repeat; }
#s_webhosting a:hover { background:url(../img/s_webhosting_ob.gif) no-repeat; }
#s_webdevelopment { background:url(../img/s_webdevelopment.gif) no-repeat; }
#s_webdevelopment a:hover { background:url(../img/s_webdevelopment_ob.gif) no-repeat; }
#s_webdesign { background:url(../img/s_webdesign.gif) no-repeat; }
#s_webdesign a:hover { background:url(../img/s_webdesign_ob.gif) no-repeat; }
#s_testimonials { background:url(../img/s_testimonials.gif) no-repeat; }
#s_testimonials a:hover { background:url(../img/s_testimonials_ob.gif) no-repeat; }
.sticky { position:absolute; top:417px; left:26px; }
.sticky a { display:block; width:184px; height:180px; }
#page { position:absolute; top:129px; left:260px; width:421px; height:526px; background:url(../img/bg_pageblue.gif) no-repeat; padding:21px; }
#page2 { position:absolute; top:120px; left:251px; width:480px; height:583px; background:url(../img/bg_page2blue.gif) no-repeat; }

#pgheading { width:300px; border-bottom:1px solid #ccc; font-size:14px; font-weight:bold; margin-bottom:5px; }
.hdlge { font-size:20px; }
.highlight { color:#52bce1; }

.heading { font-size:11px; font-weight:bold; color:#52bce1; background:url(../img/bg_headings.gif) no-repeat; text-indent:10px; line-height:20px; }

.links { color:#666; font-weight:bold; text-decoration:none; }
.links:hover { color:#52bce1; text-decoration:underline; }

.arrow { display:inline; background:url(../img/arrow_blue.gif) no-repeat; width:10px; height:5px; }

#contactform { position:absolute; top:328px; left:21px; }

#footerlinks { position:absolute; bottom:15px; left:20px; width:421px; font-size:10px; }
#footerlinks a { color:#666; text-decoration:none; }
#footerlinks a:hover { color:#52bce1; text-decoration:underline; }

#copyright { position:absolute; top:713px; left:257px; font-size:10px; }
#copyright a { color:#666; }
#pencil { position:absolute; top:525px; left:122px; background:url(../img/pencil.gif) no-repeat; }
#studiomx { position:absolute; top:783px; left:258px; }
#addtofavourites { position:absolute; top:803px; left:458px; width:260px; text-align:right; }
#addtofavourites a { color:#666; position:relative; top:-2px; left:0px; }
#flashcontent { position:absolute; top:835px; right:51px; }
#sound { position:absolute; top:-120px; left:-55px; }

.divstyle {	position:absolute; top:0px; left:0px; border:1px solid #ccc; width:100px; z-index:15; }
.pstyletitle{ position:absolute; top:0px; left:0px; background:#fff; padding:3px; color:black; font-size:10px; font-family:verdana, arial; }

#scrollcontent { position:relative; top:0px; left:0px; overflow:hidden; visibility:hidden; }
#content { position:absolute; left:0px; top:0px; }
.articledate { color:#52bce1; }

.testimonialbb { border-bottom:1px solid #ccc; padding-bottom:21px; }

.textfield { width:190px; margin:0px; }
.textarea { width:211px; height:110px; margin:0px; }
.poptextfield { width:330px; float:left; }

#portfolioscroll { position:absolute; top:426px; left:21px; }
#divBg { position:relative; top:0px; left:0px; width:359px; height:62px; clip:rect(0px 359px 100px 0px); visibility:hidden; }
#divMenu { position:absolute; top:0px; left:11px; visibility:inherit; }
.portthumb { padding-right:10px; }
.imgborder { border:1px solid #999; }
.features { float:right; padding-left:10px; margin-left:5px; border-left:1px solid #ccc; width:185px; height:115px; }
.featuresnf { padding-left:10px; margin-left:5px; border-left:1px solid #ccc; width:185px; height:115px; }
.featureshstb { padding-left:10px; margin-left:5px; border-left:1px solid #ccc; width:185px; height:50px; }

.popup { background-color:#fff; border-top:5px solid #52bce1; border-bottom:5px solid #52bce1; width:100%; height:100%; }
.popup .close { float:right; padding:10px 10px 10px 0px; }
.popup .close a { color:#666; text-decoration:none; font-weight:bold; }
.popup .close a:hover { text-decoration:underline; }

.form { margin:11px 11px 0px 11px; }
.form td { padding:0px; margin:0px; }
.form td.header_title { padding:5px 0px 5px 0px; text-transform:uppercase; border-bottom:1px solid #e7eaef; font-weight:bold; }
.form tr.sep { height:10px; }
.form td.pr { text-align:right; padding-right:15px; }

.error{ color:#ff0000; font-weight:bold; font-size:11px;}
.success{ color:#00d2ff; font-weight:bold; font-size:11px;}