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

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.font
{
    font-family:Arial;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	line-height:15px;
	text-align:justify;
}
.header
{
	padding-top:3px;
	font-family:Verdana;
	font-size:11px;
	color:#333333;
	text-decoration:none;
    font-weight:bold;
}
.design a
{		
	margin-right:10px;
	padding-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	
}
.design a:hover
{
	color:#4B98B2;
	text-decoration:underline;
}
.broucher a
{		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration:none;
    font-weight:bold;
}
.broucher a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#007495;
	text-decoration:underline;
    font-weight:bold;
}
.copyright
{		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
.footer a
{		
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
.footer a:hover
{
	color:#FF9900;
}

.contact
{   
    margin: 5px 0 5px 0;
    font-family:Verdana;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
.contactaddres
{   
    margin: 5px 0 5px 0;
    font-family:Verdana;
	font-size:12px;
	color:#000000;
	line-height:20px;
	text-decoration:none;
	font-weight:bold;
}
/************* MENU ************/

#menu {
}

#menu ul {
	margin: 5px;
	padding: 5px;
	list-style: none;
	text-align: center;
}

#menu li {
	display: inline;
	padding: 5px;
}

#menu a {
	font-family: Verdana,Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}

#menu a:hover {
	background-color: #ACDDF7;
	text-decoration:underline;
}


/************* Main ************/
#mainbg { background-image:url(../image/a1.gif); background-repeat:repeat-x; }

#mainframe {
	width:945px;
	height:740px;
	margin:0 auto;
}
#mainframeabout {
	width:945px;
	margin:0 auto;
}
#mainframeser {
	width:945px;
	margin:0 auto;
}

#mainframecont {
	width:945px;
	height:900px;
	margin:0 auto;
}

/************* Header ************/
#headerfrm { height:291px;}
#header { width:296px; height:128px; float:left; background-image:url(../image/logoside.jpg); background-repeat:no-repeat; }
#header2 { width:99px; height:128px; float:left; background-image:url(../image/logoside2.jpg); }
#header3 {width:549px; height:128px; float:left; background-image:url(../image/logoside3.jpg); }
#header4 {width:296px; height:163px; float:left; background-image:url(../image/logoside4.jpg); }
#header5 {width:98px; height:163px; float:left; background-image:url(../image/logoside5.jpg); }
#headerflash {width:549px; height:163px; float:left;}
/************* Content ************/

#welcimage {width:140px; height:92px; float:left; background-image:url(../image/welcomeimage.jpg);}
/************* welcome ************/

#welcome {height:410px; background-image:url(../image/contentbg.jpg);}
#welcome2 {width:600px; height:390px; margin:5px 0 0 10px; float:left;}
#welcometxt {margin:5px 0 1px 10px; padding-bottom:5PX; border-bottom: 1px solid #666666;}
#welcomeimg {width:137px; margin:5px 0 0 10px; float:left;}
#wegreet {margin:5px 0 0 10px; float:left; width:430px;}
#goodsmartin {margin:110px 0 0 10px; width:580px;}
#breakline {height:20px; background-image:url(../image/contline.jpg);}
#newsletter {margin:0 0 0 10px; width:180px; float:left;}

/************* rightside ************/
#doted {float:left; width:5px; height:170px; background-image:url(../image/doted.jpg);}
#dotedrt {width:5px; height:390px; margin:5px 0 0 10px; float:left; background-image:url(../image/doted.jpg);}
#rightframe {width:250px; height:390px; margin:5px 15px 0 10px; float:left; }
#welfaire {width:230px; height:200px; float:right; background-image:url(../image/welfare.jpg);background-repeat:no-repeat;}
#rightarrow {width:12px; margin:46px 0 0 6px; float:left;}
#rightarrow2 {width:12px; margin:10px 0 0 6px; float:left;}
#redarrow {margin:10px 4px 0 22px; width:100px; float:left;}
#contactus {margin:0 0 0 20px; height:100px; background-image:url(../image/contactus.jpg);}
#gallery {float:left; margin:0 0 0 5px; width:390px; height:165px;}


.bold
{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif
	}
.download a
{
	font-size:11px;
	color:#000000;
	font-weight:bold;
	font-family:Verdana;
	text-decoration:none;
	}	
.download a:hover
{
	font-size:11px;
	color:#666666;
	text-decoration:underline;
	}	

.tutoriallink a
{
	font-size:12px;
	color:#000000;
	font-family:Verdana;
	font-weight: bold;
	text-decoration:none;
}

.tutoriallink a:hover
{
	color:#666666;
	font-family:Verdana;
	text-decoration:underline;
	}	
.content a
{
	font-size:11px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
	line-height:20px;
}

.content a:hover
{
	text-decoration:underline;
	color:#666666;
	
}	
.contenttext
{
	font-size:10px;
	color:#333333;
	text-align:justify;
	font-family:Verdana;
	font-weight: normal;
	line-height:15px;
}