/* CSS Document */

BODY{
	width				: 866px;
	background-image	: url(../graphics/bg.gif);
	background-repeat	: repeat-x;
	background-color	: #fff;
	margin				: 0 auto;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	text-align			: center;
}
TABLE, TR, TD, TH, CODE, ADDRESS{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
}
ADDRESS{
	float				: right;
	color				: #000066;
	text-align			: right;
	margin				: 0px;
}
#mainContainer{
	width				: 866px;
}
.divider{
	clear				: both;
	height				: 20px;
	width				: 20px;
}
#dividerCol{
	width				: 31px;
	float				: left;
}
A:link, A:active, A:visited{
	color				: #CC3399;
	font-size			: 10px;
	text-decoration		: none;
}
A:hover{
	color				: #34BDE1;
}

/*  ------------------------------------------------ alltext -------------------------------------------------  */
.alltext a:link, .alltext a:active, .alltext a:visited, .alltext a:hover{
	font-size				: 11px;
}
.alltext{
	width:558px;
	text-align			: justify;
	padding				: 13px 5px 20px 7px;
	background-image	: url(../graphics/bgtext.gif);
	background-repeat	: repeat-x;
	font-size			: 11px;
	color				: #212121;
	line-height			: 20px;
	letter-spacing		: 1px;
	float				: left;
}
.alltextrest{
	padding				: 13px 5px 20px 7px;
	background-image	: url(../graphics/bgtext.gif);
	background-repeat	: repeat-x;
	font-size			: 11px;
	color				: #212121;
	line-height			: 20px;
	letter-spacing		: 1px;
	float				: left;
}
.alltext strong a{
	padding-left		: 25px;
	background-image	: url(../graphics/arrow-red.gif);
	background-repeat	: no-repeat;
}
.alltextLeft{
	text-align			: left;
	padding				: 13px 5px 20px 7px;
	background-image	: url(../graphics/bgtext.gif);
	background-repeat	: repeat-x;
	font-size			: 10px;
	color				: #212121;
	line-height			: 20px;
	letter-spacing		: 1px;
}

.alltext .bestWishes{
	color				: #A36F56;
}
.alltext .clientTestimonial{
	font-family			: "trebuchet MS", Verdana, arial, Garamond;
	color				: #003366;
	font-size			: 12px;
	border-top			: 1px dashed #e2e3e3;
	padding-top			: 15px;
	float				: left;
	width				: 558px;
}
/*  ------------------------------------------------ End alltext -------------------------------------------------  */

A.ourwork_lk{
	padding-left		: 30px;
	background-image	: url(../graphics/linkarrow.gif);
	background-repeat	: no-repeat;
}
A.ourwork_lk:link, A.ourwork_lk:active, A.ourwork_lk:visited{
	padding-left		: 42px;
	background-image	: url(../graphics/linkarrow.gif);
	background-repeat	: no-repeat;
}
A.ourwork_lk:hover{
	padding-left		: 56px;
	background-image	: url(../graphics/arrow-red.gif);
	background-repeat	: no-repeat;
}

.top{
	border				: 0px solid #000;
	float				: right;
	padding				: 0px 0px 5px 0px;
	font-weight			: bold;
}
.top a:link, .top a:active, .top a:visited, .top a:hover{
	font-size			: 10px;
	letter-spacing		: normal;
}
/*  ------------------------------------------------ firstCol -------------------------------------------------  */

/*  firstCol Start */
.firstCol{
	width				: 264px;
	float				: left;
}

.logo{
	background-image	: url(../graphics/logo.gif);
	background-repeat	: no-repeat;
	width				: 264px;
	height				: 177px;
}

.leftSide{
	float				: left;
	width				: 264px;
	text-align			: left;
}

/*  firstCol End */


/*  -------------------------------------------------- secondCol -----------------------------------------------  */


/*  secondCol Start */

.secondCol{
	width				: 570px;
	float				: left;
	border				: 0px solid green;
}
.tabsContainer{
	width				: 570px;
}
.tabs{
	float				: left;
	border-bottom		: 1px solid #72911C;
	border-left			: 1px solid #6B8328;
	border-right		: 1px solid #6B8328;
}
.tabs A:link, .tabs A:active, .tabs A:visited{
	width				: 135px;
	text-transform		: uppercase;
	color				: #e5ede4;
	font-weight			: bold;
	font-size			: 12px;
	font-family			: "trebuchet MS", Verdana, arial, Garamond;
	text-decoration		: none;
	background-image	: url(../graphics/tab_off.gif);
	background-repeat	: repeat-x;
	padding				: 10px 0px 6px 0px;
	display				: block;
	text-align			: center;
	letter-spacing		: 1px;
}
.tabs A:hover{
	background-image	: url(../graphics/tab_on.gif);
	color				: #434343;
}
A.currentMenu:link, A.currentMenu:active, A.currentMenu:visited, A.currentMenu:hover, A.currentMenu:focus{
	background-image	:url(../graphics/tab_select.gif);
	color				:#e5ede4;
}
.topImages{
	width				: 570px;
	height				: 240px;
	padding-top			: 2px;
	clear				: both;
	border				: 0px solid #000;
	float				: left;
}
.pic1{
	width				: 122px;
	height				: 227px;
	float				: left;
	text-align			: center;
	background-image	: url(../graphics/web-design.jpg);
	background-repeat	: no-repeat;
	border-top			: 6px solid #f1f1f1;
	border-bottom		: 7px solid #f1f1f1;
	border-left			: 8px solid #f1f1f1;
	border-right		: 8px solid #f1f1f1;
}
.pic1 A:Link, .pic1 A:active, .pic1 A:visited{
	width				: 122px;
	height				: 227px;
	display				: block;
	background-image	: url(../graphics/web-design.jpg);
	background-repeat	: no-repeat;
}
.pic1 A:hover{
	width				: 122px;
	height				: 227px;
	display				: block;
	background-image	: url(../graphics/web-design_on.jpg);
	background-repeat	: no-repeat;
}

.pic2{
	width				: 122px;
	height				: 227px;
	float				: left;
	background-image	: url(../graphics/logo-design.jpg);
	background-repeat	: no-repeat;
	border-top			: 6px solid #f1f1f1;
	border-bottom		: 7px solid #f1f1f1;
	border-left			: 8px solid #f1f1f1;
	border-right		: 8px solid #f1f1f1;
}
.pic2 A:Link, .pic2 A:active, .pic2 A:visited{
	width				: 122px;
	height				: 227px;
	display				: block;
	background-image	: url(../graphics/logo-design.jpg);
	background-repeat	: no-repeat;
}
.pic2 A:hover{
	width				: 122px;
	height				: 227px;
	display				: block;
	background-image	: url(../graphics/logo-design_on.jpg);
	background-repeat	: no-repeat;
}
.pic3{
	width				: 122px;
	height				: 227px;
	float				: left;
	background-image	: url(../graphics/banner-design.jpg);
	background-repeat	: no-repeat;
	border-top			: 6px solid #f1f1f1;
	border-bottom		: 7px solid #f1f1f1;
	border-left			: 8px solid #f1f1f1;
	border-right		: 8px solid #f1f1f1;
}
.pic3 A:Link, .pic3 A:active, .pic3 A:visited{
	width				: 122px;
	height				: 227px;
	display				: block;
	background-image	: url(../graphics/banner-design.jpg);
	background-repeat	: no-repeat;
}
.pic3 A:hover{
	width				: 122px;
	height				: 227px;
	display				: block;
	background-image	: url(../graphics/banner-design_on.jpg);
	background-repeat	: no-repeat;
}
.pic4{
	width				: 122px;
	height				: 227px;
	float				: left;
	background-image	: url(../graphics/Flash-design.jpg);
	background-repeat	: no-repeat;
	border-top			: 6px solid #f1f1f1;
	border-bottom		: 7px solid #f1f1f1;
	border-left			: 8px solid #f1f1f1;
	border-right		: 8px solid #f1f1f1;
}
.pic4 A:Link, .pic4 A:active, .pic4 A:visited{
	width				: 122px;
	height				: 227px;
	display				: block;
	background-image	: url(../graphics/Flash-design.jpg);
	background-repeat	: no-repeat;
}
.pic4 A:hover{
	width				: 122px;
	height				: 227px;
	display				: block;
	background-image	: url(../graphics/Flash-design_on.jpg);
	background-repeat	: no-repeat;
}
.backslash{
	clear				: both;
	margin-top			: 0px;
	width				: 568px;
	height				: 18px;
	border				: 0px solid red;
	float				: left;
}
.smallHeadsContainer{
	width				: 570px;
	margin				: 0px;
	border				: 0px solid #eaeaea;
	clear				: both;
	float				: left;
}
.smallHeads{
	width				: 138px;
	float				: left;
}
.smallHeads A:link, .smallHeads A:active, .smallHeads A:visited{
	width				: 122px;
	padding-top			: 5px;
	padding-bottom		: 5px;
	font-size			: 10px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-weight			: bold;
	letter-spacing		: 1px;
	color				: #fff;
	border-top			: 6px solid #f1f1f1;
	border-bottom		: 7px solid #f1f1f1;
	border-left			: 8px solid #f1f1f1;
	border-right		: 8px solid #f1f1f1;
	background-color	: #CC3398;
	display				: block;
	text-decoration		: none;
	text-align			: center;
}
.smallHeads A:hover{
	background-color	: #34BDE2;
	border-top			: 6px solid #a2a3a4;
	border-bottom		: 7px solid #d2d3d4;
	border-left			: 8px solid #b2b3b4;
	border-right		: 8px solid #c2c3c4;
}
.gapHeads{
	float				: left;
	padding-left		: 0px;
}

/*  ----------------------------------------------- part Classes --------------------------------------------------  */
.part1{
	padding-top			: 13px;
	text-align			: left;
	clear				: both;
}
.part1a{
	padding-top			: 2px;
	text-align			: left;
	clear				: both;
}
.part1b{
	padding-top			: 2px;
	text-align			: left;
	clear				: both;
}
.part2{
	padding-top			: 15px;
	text-align			: left;
	clear				: both;
}

.part1 H5{
	background-color	: #DD8C33;
	padding				: 5px 0px 5px 7px;
	margin				: 0px;
	color				: #fff;
}
.part1a H5{
	background-color	: #0AA6BD;
	padding				: 5px 0px 5px 7px;
	margin				: 0;
	color				: #fff;
}
.part1b H5{
	background-color	: #996666;
	padding				: 5px 0px 5px 7px;
	margin				: 0;
	color				: #fff;
}
.part2 H5{
	background-color	: #6E6C6B;
	padding				: 5px 0px 5px 7px;
	margin				: 3px 0px 0px 0px;
	color				: #fff;
}
/*  secondCol End */


/*  ----------------------------------------------- footer --------------------------------------------------  */

.footer{
	width				: 866px;
	height				: 37px;
	background-image	: url(../graphics/footerBg.gif);
	background-repeat	: repeat-x;
	clear				: both;
	font-size			: 9px;
}
.footer img{
	float				: left;
}
.copyright{
	padding-top			: 14px;
	padding-left		: 74px;
	height				: 37px;
	font-weight			: normal;
	color				: #C14829;
	float				: left;
	background-image	: url(../graphics/basearrow.gif);
	background-repeat	: no-repeat;
}
.footLinks{
	float				: right;
	padding-top			: 14px;
	color				: #C14829;
}
.footLinks A:link, .footLinks A:active, .footLinks A:visited{
	color				: #C14829;
	font-size			: 10px;
	font-weight			: bold;
	text-decoration		: none;
}
.footLinks A:hover{
	color				: #564556;
}
#scrollerclassimg{
	width				: 260px; 
	height				: 105px; 
	background-image	: url(graphics/bg_blue.gif);
}


/*  ----------------------------------------------- Form --------------------------------------------------  */
/* Form CSS */

.filledContainer {
	border				: #d2e2f2 1px solid; 
	MARGIN-TOP			: 0px; 
	margin-left			: 0px;
	padding				: 25px 5px 20px 7px;
	width				: 556px;
	float				: left;
	letter-spacing		: 1px;
	color				: #212121;
	background-color	: #d1e1f1;
}
.cellOne{
	float				: left;
	width				: 280px;
}
.cellTwo{
	float				: right;
	width				: 260px;
	padding-left		: 18px;
	background-image	: url(../graphics/pink_dot.gif);
	background-repeat	: repeat-y;
}
.row{
	float				: left;
	margin				: 1px 0px 1px 0px;
}
.col1 {
	WIDTH				: 180px;
	TEXT-ALIGN			: right;
	font-size			: 10px;
	padding				: 2px 0px 0px 0px;
	float				: left;
}
.col2 {
	WIDTH				: 365px;
	float				: right;
}
.genFormInput {
	WIDTH				: 200px;
	font-size			: 10px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing		: 1px;
}
.genFormSelectInput {
	WIDTH				: 205px;
	font-size			: 10px; 
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing		: 1px;
}
.genFormTextArea {
	WIDTH				: 260px; 
	HEIGHT				: 140px;
	font-size			: 10px; 
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing		: 1px;
}
.genFormFile {
	HEIGHT				: 20px;
}
/* End Form CSS */


/*  ----------------------------------------------- Portfolio --------------------------------------------------  */

/* Portfolio */

H3{
	font-size			: 13px;
	margin				: 0 0 10px 0;
	text-align			: left;
}
H4{
	border-bottom		: 3px solid #C14829;
	color				: #C14829;
	font-size			: 13px;
	margin				: 16px 0px 6px 0px;
}
A IMG{
	border				: 0px;
}
.rowpro{
	width				: 515px;
	height				: 122px;
	padding-top			: 20px;
	padding-left		: 20px;
	padding-right		: 20px;
	border				: 0px solid #458981;
}
.colpro{
	float				: left;
	width				: 148px;
	height				: 100px;
	text-align			: center;
	border				: 0px solid #458981;
}
.dividerVertical{
	width				: 35px;
	height				: 100px;
	float				: left;
}

.colpro A:link IMG, .colpro A:active IMG, .colpro A:visited IMG {
	border				: 1px solid #A2ABAF;
	width				: 146px;
	height				: 100px;
}
.colpro A:hover IMG{
	border				: 1px solid #383439;
	width				: 146px;
	height				: 100px;
}

/*
.imgBorder{
	border				: 1px solid #A2ABAF;
	width				: 146px;
	height				: 100px;
}
.imgBorderOver{
	border				: 1px solid #DD8C33;
	width				: 146px;
	height				: 100px;
}
*/

/*  ----------------------------------------------- End --------------------------------------------------  */

.imageset{
	margin				: 0 auto;
	text-align			: center;
	width				: 558px;
}

UL{
	margin-top			: 6px;
	margin-bottom		: 20px;
}
OL{
	margin-top			: 6px;
	margin-bottom		: 6px;
}
.serviceList{
	list-style-type		: lower-alpha;
}
.OLcolor LI{
	color				: #CC3399;
}
.hrTestimonial{
	float:left;
}
.locate{
	display				: none;
}
.date{
	float				: left;
	color				: #343537;
	font-size			: 9px;
	border				: 0px solid #fff;
	padding				: 10px;
	width:550px;
}

#validators{
	border				: 0px solid #000;
	padding-bottom		: 10px;
	clear				: both;
}

#validators P{
	margin				: 0px;

}