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


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #333333;
}

#maincreates{
	width: 779px;
}

.main1{
	width: 779px;
	background-color: #FFFFFF;
	height: 2000px;
	float: none;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.servicesection {
	float: left;
	height: 115px;
	width: 779px;
}


.header{
	width: 779px;
	height: 214px;
	float: left;
}

.scroller{
	width: 779px;
	height: 27px;
}
.navigationlinks{
	width: 779px;
	height: 47px;
	float: left;
}
.blackline{
	width: 779px;
	height: 47px;
	background-image: url(images/blueline.jpg);
	background-repeat: repeat-x;
	float: left;
}
.bg1{
	width: 196px;
	height: 115px;
	background-image: url(images/webservices.jpg);
	background-repeat: no-repeat;
	float: left;
}

.bg2{
	width: 196px;
	height: 115px;
	background-image: url(images/itservices.jpg);
	background-repeat: no-repeat;
	float: left;
}
.bg3{
	width: 196px;
	height: 115px;
	background-image: url(images/pricepackage.jpg);
	background-repeat: no-repeat;
	float: left;
}
.bg4{
	width: 191px;
	height: 115px;
	background-image: url(images/features.jpg);
	background-repeat: no-repeat;
	float: left;
}
.home{
	width: 123px;
	background-image: url(images/home.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 47px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00CC00;
}
.hometext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #173064;
	text-decoration: none;
	padding-right: 1px;
}
.hometext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04A0F3;
	text-decoration: none;
	padding-right: 1px;
}
.abttext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #173064;
	text-decoration: none;
	padding-right: 1px;
}
.abttext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04A0F3;
	text-decoration: none;
	padding-right: 1px;
}
.templatetext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #173064;
	text-decoration: none;
	padding-right: 3px;
}
.templatetext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04A0F3;
	text-decoration: none;
	padding-right: 3px;
}
.clienttext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #173064;
	text-decoration: none;
	text-align: center;
	padding-left: 30px;
}
.clienttext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04A0F3;
	text-decoration: none;
	padding-left: 30px;
}
.contacttext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #173064;
	text-decoration: none;
	text-align: center;
	padding-right: 3px;
}
.contacttext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04A0F3;
	text-decoration: none;
	padding-right: 3px;
}
.about{
	width: 130px;
	height: 47px;
	background-image: url(images/aboutus.jpg);
	background-repeat: no-repeat;
	float: left;
}
.template{
	width: 126px;
	height: 47px;
	background-image: url(images/template.jpg);
	background-repeat: no-repeat;
	float: left;
}
.clients{
	width: 126px;
	height: 47px;
	background-image: url(images/clients.jpg);
	background-repeat: no-repeat;
	float: left;
}
.contact{
	width: 130px;
	height: 47px;
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat;
	float: left;
}
.blueline{
	width: 144px;
	height: 47px;
	background-image: url(images/blueline.jpg);
	background-repeat: repeat-x;
	float: left;
}
.textheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099CC;
}
.sideheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003040;
	background-image: url(images/subheaderbg.jpg);
	background-repeat: no-repeat;
	padding-left: 45px;
	text-decoration: none;
}

.Subheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #004257;
}
.clist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #04628E;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9BC8F1;
}

.headersection {
	float: left;
	width: 779px;
}

.maincontent{
	width: 779px;
	float: left;
	background-color: #FFFFFF;
}
.search {
	width: 779px;
}

.template1{
	width: 559px;
	height: 500px;
	float: left;
}
#catagorylist{
	width: 178px;
	float: left;
	text-align: left;
	border: 1px dotted #9BC8F1;
	text-decoration: none;
}
#readymadelist{
	width: 166px;
	float: left;
	text-align: left;
	border: 1px dotted #9BC8F1;
	text-decoration: none;
}
.readymadelist{
	width: 162px;
	background-color: #FFFFFF;
	float: left;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	border: 1px dotted #9BC8F1;
	padding: 2px;
	line-height: 15px;
	vertical-align: text-top;
}
.catagorytext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

.catagorytext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003399;
	text-decoration: none;
}
.contenttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #144558;
	background-color: #FFFFFF;
	line-height: 18px;
	border: 1px dotted #AECDE9;
}

.itemlist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	list-style-image: url(images/star.jpg);
	vertical-align: text-top;
	text-decoration: none;
}
.text a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066CC;
	text-decoration: none;
	border: 1px solid #A7CCE6;
}
.text a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	text-decoration: none;
}


.webdesigntext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #173064;
	text-decoration: none;
	padding-left: 38px;
	line-height: 20px;
}
.webdesigntext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04A0F3;
	text-decoration: none;
	padding-left: 38px;
	line-height: 20px;
}

.specialfeaturestext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #173064;
	text-decoration: none;
	line-height: 20px;
	padding-left: 50px;
}
.specialfeaturestext  a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04A0F3;
	text-decoration: none;
	padding-left: 50px;
	line-height: 20px;
}
.pricetext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04A0F3;
	text-decoration: none;
	padding-left: 50px;
	line-height: 20px;
}

.pricetext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #173064;
	text-decoration: none;
	line-height: 20px;
	padding-left: 50px;
}
.specialfeatures a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04A0F3;
	text-decoration: none;
	padding-left: 50px;
	line-height: 20px;
}
.ITtext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #173064;
	text-decoration: none;
	padding-left: 35px;
	line-height: 20px;
}
.ITtext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04A0F3;
	text-decoration: none;
	padding-left: 35px;
	line-height: 20px;
}

.footer{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #04A2EC;
	float: left;
	height: 15px;
	width: 779px;
}


.packagetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #144558;
	line-height: 18px;
}
.bar {
	background-image: url(images/bar.jpg);
	background-repeat: no-repeat;
}


.you a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.you a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #70C3E5;
}
.you2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.text1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #14475A;
}
.text3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #02486A;
	font-weight: bold;
}

.text2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #14475A;
	text-decoration: none;
}
.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #247A9B;
	background-color: #FFFFFF;
	border: 1px solid #2B97BF;
}
.costtext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.costtext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CFEFFE;
	text-decoration: none;
}
.tumbnailborder {
	border: 1px dotted #0395CE;
}
.textstyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #144558;
}


.textheader2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099CC;
	font-weight: bold;
	text-decoration: none;
}
.pricetext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}



.linktext a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04A0F3;
	text-decoration: none;
	
}

.linktext a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #173064;
	text-decoration: none;
}
.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #247A9B;
	background-color: #FFFFFF;
	border: 1px solid #2B97BF;
}
.costtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.bronze a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #0491D4;
	list-style-image: url(images/star.jpg);
	text-decoration: none;
}
.bronze a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #79D2FD;
	list-style-image: url(images/star.jpg);
	text-decoration: none;
}
.textheaderdark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004257;
}
.contenttextdark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #134253;
	line-height: 18px;
}
.addbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 2px solid #00ABE6;
	line-height: 20px;
	padding: 2px;
}
.you3 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066CC;
	text-decoration: none;
	background-color: #0033CC;
}
.you3 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000FF;
}
.default {
	border: 1px dotted #87B4DD;
}
.default2 {
	border: 1px dotted #00A6EF;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.priceheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
}
.webtext a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #04A2EC;
	text-decoration: none;
}
.webtext a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.textred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	line-height: 18px;
}
.priceheader1a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
.priceheader1a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.whiteheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.whitetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
.purchasedetail a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #02486A;
	font-weight: bold;
	text-decoration: none;
}
.purchasedetail a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2B97BF;
	font-weight: bold;
	text-decoration: none;
}
.download a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	height: 20px;
	width: 150px;
	border: thin solid #00ABE6;
	line-height: 20px;
	margin: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	
}
.download a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3399FF;
	text-decoration: none;
	height: 20px;
	width: 150px;
	border: thin solid #00ABE6;
	line-height: 20px;
	margin: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	
}
.pagetext a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3399FF;
	font-weight: bold;
	text-decoration: none;
}
.pagetext a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	font-weight: bold;
	text-decoration: none;
}
.box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #14475A;
	text-decoration: none;
	border: 1px solid #666666;
}