/* Start of CMSMS style sheet 'SCC' */
/* ************************ Defaults ************************ */

body{
	color:#888888;
	font:12px Helvetica, Verdana, Arial, sans-serif;
}
body, h1, h2, h3, h4, h5, p, table, table th, table td, form, a img, ul {
	border: none;
	margin: 0px;
	padding: 0px;
}
ul{
	list-style:none;
}
a{
	color:#92c3d5;
	text-decoration:none;
}
a:hover{
	color:#92d5b9;
	text-decoration:none;
}

/* ************************ header ************************ */

#header{
	margin:0 auto;
	padding:0px 18px 0px 18px;
	width:900px;
	height:80px;
}
#logo{
	float:left;
	padding:38px 0px 0px 0px;
	width:257px;
}
#navpanel{
	float:right;
	
}
#socialmedia{
	float:right;
	padding:20px 0px 33px 0px;
}
#socialmedia ul{
	width:183px;
	height:14px;
	margin: 0;
	list-style: none;
}
#socialmedia ul a {
	display: block;
}
#socialmedia ul a span{
	display:none;
}
#socialmedia ul li { 
	float: left;
}
#socialmedia ul li a {
	text-decoration:none;
	height:14px;
}
#socialmedia ul li a { 
	background:url('uploads/images/socialmedia.gif') top left no-repeat;
}
#socialmedia ul li a.socialmedia1{ width:57px; background-position: 0px top; }
#socialmedia ul li a.socialmedia2{ width:64px; background-position: -57px top; }
#socialmedia ul li a.socialmedia3{ width:62px; background-position: -121px top; }
#socialmedia ul li a.socialmedia1:hover{ background-position: 0px -14px; }
#socialmedia ul li a.socialmedia2:hover{ background-position: -57px -14px; }
#socialmedia ul li a.socialmedia3:hover{ background-position: -121px -14px; }

#navpanel #topnav{
	float:right;
}
#navpanel #topnav ul li{
	float:left;
	text-transform:uppercase;
	font-weight:normal;
	font-size:12px;
	background:url('uploads/images/bit1.gif') center right no-repeat;
	padding:0px 18px 0px 0px;
}
#navpanel #topnav ul li a{
	color:#888888;
	text-decoration:none;
}
#navpanel #topnav ul li a:hover{
	color:#5eccff;
	text-decoration:none;

}
#navpanel #topnav ul .last{
	padding:0px;
	background:none;
}
.clear{
	clear:both;
}

/* ************************ mast header ************************ */

.masthead1{
	height:235px;
}
.masthead2{
	margin:0 auto;
	padding:0px 18px 0px 18px;
	width:900px;
	color:#fff;
	text-align:left;
}
.masthead2 h1{
	font:36px Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
	line-height:40px;
	padding-bottom:18px;
}
.masthead2 h2{
	font-size:14px;
	font-weight:normal;
}

#toplink1on{
	background:url('uploads/images/bghome.jpg') top left repeat-x;
}
#toplink1on .masthead2{
	background:url('uploads/images/toplink1on.jpg') top left no-repeat;
	padding:70px 18px 0px 18px;
	width:898px;	
}


#toplink2on{
	background:url('uploads/images/bgservices.jpg') top left repeat-x;
}
#toplink2on .masthead2{
	background:url('uploads/images/toplink2on.jpg') top left no-repeat;
	padding:48px 0px 0px 0px;
}
#toplink2on h1{
	float:left;
	width:562px;
	padding:20px 0px 5px 0px;
}
#toplink2on table{
	float:right;
	width:314px;
}
#toplink2on td{
	vertical-align:top;
	padding:0px 0px 11px 0px;
}
#toplink2on td img{
	display:block;
}
#toplink2on td h2{
	padding:0px 0px 2px 10px;
	font:16px Helvetica, Verdana, Arial, sans-serif;
	font-weight:bold;
}
#toplink2on td p{
	font-size:11px;
	padding:0px 0px 0px 11px;
}


#toplink3on{
	background:url('uploads/images/bgworks.jpg') top left repeat-x;
}
#toplink3on .masthead2{
	background:url('uploads/images/toplink3on.jpg') top left no-repeat;
	padding:38px 0px 0px 0px;
}
#toplink3on h1{
	float:left;
	width:615px;
	padding:38px 0px 5px 0px;	
}
#toplink3on img{
	float:left;
}


#toplink4on{
	background:url('uploads/images/bgtestimonial.jpg') top left repeat-x;
}
#toplink4on .masthead2{
	background:url('uploads/images/toplink4on.jpg') top left no-repeat;
	padding:65px 0px 0px 0px;
}
#toplink4on h1{
	float:left;
	width:570px;
	padding:30px 70px 5px 0px;	
}
#toplink4on img{
	float:left;
}


#toplink5on{
	background:url('uploads/images/bgblog.jpg') top left repeat-x;
}
#toplink5on .masthead2{
	background:url('uploads/images/toplink5on.jpg') top left no-repeat;
	padding:45px 0px 0px 0px;
}
#toplink5on h1{
	float:left;
	width:570px;
	padding:55px 70px 5px 0px;	
}
#toplink5on img{
	float:left;
}

#toplink6on{
	background:url('uploads/images/bgcontact.jpg') top left repeat-x;
}
#toplink6on .masthead2{
	background:url('uploads/images/toplink6on.jpg') top left no-repeat;
	padding:50px 0px 0px 0px;
}
#toplink6on h1{
	float:left;
	width:570px;
	padding:0px 0px 5px 0px;	
}
#toplink6on  .contactpanel{
	float:right;
	margin:20px 0px 0px 0px;
}
#toplink6on .contactpanel ul{
	background:url('uploads/images/contactpanel1.jpg') top left no-repeat;
	width:197px;
	height:119px;
	padding:20px 0px 0px 90px;
}
#toplink6on .contactpanel ul li{
	padding:0px 0px 25px 0px;
	color:#969696;
	font:12px Helvetica, Verdana, Arial, sans-serif;
}


/* ************************ content ************************ */

#content{
	margin:0 auto;
	padding:0px 18px 0px 18px;
	width:900px;
}
#pagetext{
	padding:20px 0px 0px 0px;
}
#rightpanel h2, #leftpanel h2{
	font:20px Helvetica, Verdana, Arial, sans-serif;
	color:#818181;
	font-weight:bold;
	padding:0px 0px 14px 0px;
}
.moreinfo{
	text-transform:uppercase;
	font-size:11px;
}
.moreinfo a{
	color:#666666;
	text-decoration:none;
}
.moreinfo a:hover{
	color:#666666;
	text-decoration:underline;
}


/* ************************ left panel ************************ */

#leftpanel{
	width:575px;
	float:left;
	padding:0px 0px 0px 0px;
	background:url('uploads/images/leftbg.jpg') top right no-repeat;
	min-height:410px;	
}
#leftpanel #ptext{
	padding:0px 36px 0px 0px;
}
#leftpanel p{
	padding:0px 0px 18px 0px;
	line-height:18px;
}
#recentthumbs img{
	display:block;
}
#recentthumbs td{
	padding:0px 30px 30px 0px;
}
.softwareused{
	padding:0px 0px 15px 33px;
}
.softwareused td{
	padding:0px 15px 15px 0px;
}

/* ************************ right panel ************************ */

#rightpanel{
	width:324px;
	float:right;
	margin: 0px;
	padding:0px 0px 15px 0px;
}

#rightpanel .ourservices{
	font-size:11px;
	width:288px;
	padding:0px 0px 5px 33px;	
}
#rightpanel .ourservices p{
	margin: 0px;
	padding:0px 0px 12px 0px;
}


#rightpanel .recentprojects{
	font-size:11px;
	width:288px;
	padding:0px 0px 5px 33px;	
}
#rightpanel .recentprojects p{
	margin: 0px;
	padding:0px 0px 12px 0px;
}


#rightpanel .nicewords{
	font-size:11px;
	width:288px;
	padding:0px 0px 5px 33px;	
}
#rightpanel .nicewords p{
	margin: 0px;
	padding: 0px;padding:0px 0px 12px 0px;
}

#rightpanel .moreinfo{
	text-align:right;
	clear:both;
}
#rightpanel .contactpanel{
	padding:0px 0px 0px 33px;
}
#rightpanel .contactpanel ul{
	background:url('uploads/images/contactpanel.jpg') top left no-repeat;
	width:197px;
	height:119px;
	padding:20px 0px 0px 90px;
}
#rightpanel .contactpanel ul li{
	padding:0px 0px 25px 0px;
	color:#818181;
	font:12px Helvetica, Verdana, Arial, sans-serif;
}

#rightpanel form{
	padding:0px 0px 55px 28px;
	background:url('uploads/images/contactbg.jpg') bottom left no-repeat;
	width:300px;
}
#rightpanel form td{
	font-weight:bold;
	padding:5px 3px 5px 3px;
	vertical-align:top;
}
#rightpanel form .inputtext{
	border:solid 1px #D3D3D3;
	border-top:solid 1px #8F8F8F;
	width:198px;
	height:18px;
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
}
#rightpanel form textarea{
	border:solid 1px #D3D3D3;
	border-top:solid 1px #8F8F8F;
	width:198px;
	height:75px;
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
}
#rightpanel form .pright{
	text-align:right;
}

#rightpanel .address{
	padding:0px 0px 0px 30px;
}
#rightpanel .address table{
	width:300px;
}
#rightpanel .address td{
	vertical-align:top;
}
#rightpanel .address td img{
	display:block;
}
#rightpanel .address h3{
	font-size:14px;
}
#rightpanel .address p{
	font-size:11px;
	padding:0px 0px 8px 0px;
}

/* ************************ footer ************************ */

#footer{
	margin:0 auto;
	padding:12px 18px 0px 18px;
	width:900px;
	background:url('uploads/images/footer.jpg') top center no-repeat;
	color:#888888;
	font-size:10px;
	text-align:left;
	height:24px;
}
#footer a{
	color:#8B8B8B;
	text-decoration:none;
	text-transform:lowercase;
}
#footer a:hover{
	color:#8B8B8B;
	text-decoration:underline;
}
#footer ul{
	float:right;
}
#footer ul li{
	float:left;
	background:url('uploads/images/bit2.gif') center right no-repeat;
	padding:0px 16px 0px 0px;
}
#footer ul .last{
	background:none;
	padding:0px;
}

/* ************************ blog panel ************************ */

#blog .blogpanel{
	padding:0px 0px 30px 36px;
}
#blog .blogpanel ul{
	list-style:disc;
	padding:0px 0px 0px 15px;
}
#blog .blogpanel ul li{
	padding:0px 0px 2px 0px;
	font:12px Helvetica, Verdana, Arial, sans-serif;
	line-height:18px;
	font-weight:bold;
}
#blog .blogpanel ul li a{
	color:#888888;
	text-decoration:none;
}
#blog .blogpanel ul li a:hover{
	color:#2442B2;
	text-decoration:none;
}
#blog .phead{
	color:#2442B2;
}
/* End of 'SCC' */