/* export this to main css when finished */
body {background:#000 url(/images/bg2.jpg) top left;color:#fff;font-family:verdana;}	
.accessibility {position:absolute;top:-200em;}
#flipBox {width:124px;height:124px;}
#navigation {border-bottom:3px solid #3CA114;padding-top:0px;}
#navigation ul {height:44px;width:840px;margin:0 auto;}
#navigation ul li {float:left;position:relative;}
#navigation ul li a {padding:15px 0px 5px 0;font-size:0.9em;
display:block;background:url(/images/nav_bg.jpg) 0px 0px no-repeat;width:139px;height:24px;color:#fff;text-decoration:none;text-align:center;}
#navigation ul li.on a, #navigation ul li.thispage a {background-position:0px -71px;color:#000;}
#navigation ul li ul li a{background:#000;height:auto;padding:2px 0;}
#navigation ul li ul li a:hover {background:#3D2F62;}
#navigation ul li.on ul li a:hover {background:#EA0668;}
#navigation ul li ul {clear:both;position:absolute;top:3em;left:0;width:auto;border:1px solid #fff;height:auto;border-bottom:none;}
#navigation ul li ul li {clear:both;border-bottom:1px solid #fff;}		
#cms span {background:#1a1a1a;width:100%;display:block;margin:5px 0;font-size:1.3em;overflow:hidden;height:1.2em;}
#cms label {float:left;color:#000;padding:10px 3px 0 3px;}

#header {width:100%;padding-bottom:0px;}
#header h1 {padding:10px;text-align:center;}
#header h1 img {margin:0 auto;}
#maincont {clear:both;width:840px;margin:0 auto;font-size:0.8em;}
h2.underline {padding:10px 0 10px 0;color:#49A921;}
h2.alone {width:840px;margin:0 auto;font-size:1.2em;}
#maincont p {padding:5px 0;}
#maincont .leftMain {width:410px;float:left;padding-right:20px;}
#maincont .rightMain {width:410px;float:left;}
#maincont .rightMain p.seeall {clear:both;padding-top:10px;}
.listHold ul {list-style:square;margin-left:13px;float:left;}
.listHold ul li {}
#latest {clear:both;}
#icons {float:right;height:124px;width:124px;padding: 0 40px 0 0;margin:0;overflow:hidden;}	 
#icons img {padding:0;border:none;width:124px;height:124px;top:0;left:0}
#latest {}
.roundwrap {background:url(/images/roundbg.jpg) top left no-repeat;padding:10px;}
#slider1 {margin-bottom:5px;}
#footer {border-top:3px solid #3CA114;}
#footer .holdwidth{clear:both;width:840px;margin:0 auto;text-align:right;font-size:0.8em;padding:20px 0 20px 0;} 
.sliderDesc {float:right;width:320px;}
.bold {font-weight:bold;}

/* about styles */

.about {padding-bottom:10px;}
.about img.rightside {float:right;padding:0px 0px 10px 10px}

/* portfolio */
.portfolio {padding:0 0 10px 0;}
.site {background:url(/images/roundbg.jpg) top left no-repeat;padding:0;height:243px;position:relative;margin-top:15px;}
.firstsite {margin-top:0;}
.iView {padding:30px 0 0 30px;float:left;}
.iView img {border:1px solid #fff;padding:5px;}
.details {float:left;width:380px;padding-left:15px;}
.details p.title {padding-top:30px !important;font-size:1.4em;font-weight:bold;}
.details p.viewsite {float:right;background:#fff url(/images/viewsite.jpg) top left no-repeat;width:119px;position:absolute;bottom:20px;right:20px;}
.details p.viewsite a {color:#000;display:block;text-align:center;padding:1px 0 2px 0;}
.details p.viewsite a:hover {text-decoration:underline;}

/* services */
.services {padding-bottom:10px;}
.services ul {list-style:square;margin-left:20px;padding:10px;}
.services .development {background:url(/images/tools.png) top right no-repeat;}

/* css form */
#compLeft p {padding:5px 0;}
#compLeft h2 {margin:0;}
#compLeft form, #compLeft fieldset {margin:0;padding:0;border:none;}
#compLeft form {width:350px;float:left;border-top:1px dashed}
#compLeft input, #compLeft textarea {border:1px solid #ccc;width:100%;}
#compLeft label {clear:both;display:block;padding:5px 0;font-size:0.8em;}
#submit {margin:5px 0;}
.submit {float:right;}
input, textarea {-moz-border-radius: 0.7em;}
input#submit {width:150px;padding:3px;background:#fff url(../images/grey_slice.jpg) bottom left repeat-x;}
.fieldhold {position:relative;border-bottom:1px dashed #ccc;padding-bottom:10px;}
.fieldhold span {display:none;position:absolute;top:5px;right:-2px;width:180px;border:1px solid #ccc;padding:0 5px;font-size:0.8em;background:#FF1F1F;color:#fff;}
#completed {background:#0BCF00;color:#fff;padding:5px;}
.correct {background:#fff url(../images/tick.png) top right no-repeat;}
.clear {clear:both;}
#compLeft img {padding:40px 200px 0 0;float:right;}



/* faqs */
#faqs span {clear:both;display:block;padding:3px;}
#faqs span.question {font-weight:bold;text-decoration:underline;}
.questions {padding-bottom:20px;width:550px;}