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

body {
	margin: 0 auto;
	background-color:#d8ecff;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	width:900px;
}
#containerMain {
	background-image:url(../images/TopBg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:1200px;
	text-align:left;
}
h2 {
	padding:0px 0px 10px 0px;
	margin:0px;
	font-family:"Century Gothic", Arial;
	color:#333333;
	height:35px;
	font-size:30px;
	letter-spacing:30px;
}
h3 {
	padding:0px;
	margin:0px;
	color:#666666;
}


/* ---------------- start header --------------------*/
#header {
	padding:80px 0px 0px 80px;
}

#header .topLeft {
	float:left;
	width:200px;
}

#header .topRight {
	padding:20px 0px 0px 140px;
	float:left;
	width:400px;
}
#header .topRight ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#header .topRight li {
	float: left;
	list-style:none;
}
#header .topRight li a{
	padding:10px 23px 10px 23px;
	background-image:url(../images/btnBg.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-decoration:none;
	height:32px;
	color:#003366;
}

#header .topRight li a:hover{
	background-image:url(../images/btnBgHover.png);
}

/* ---------------- end header --------------------*/




/* ---------------- start banner --------------------*/
#banner {
	width:100%;
	float:left;
	padding:50px 0px 0px 0px;
}
#banner .potfolio {
	padding:0px 0px 5px 5px;
}

#banner .bannerRight {
	margin:0px 0px 5px 15px;
	float:left;
	width:300px;
	background-image:url(../images/bannerRightBG.gif);
	background-repeat:no-repeat;
	height:170px;
}
/* ---------------- end banner --------------------*/




/* ---------------- start content --------------------*/
#content {
	padding:40px 0px 0px 0px;
	width:100%;
	float:left;
}
#content .clum3_1 {
	padding:10px 30px 0px 0px;
	width:260px;
	float:left;
	text-align:justify;
}
#content .clum1 {
	width:900px;
	float:left;
	background-image:url(../images/gap.png);
	background-repeat:no-repeat;
	background-position:top;
}

.exPading {
	padding:40px 0px 40px 0px;
}

.conLeftImg {
	background-position:left;
	padding:0px 10px 0px 0px;
	float:left;
}
.bgThum {
	background-image:url(../images/potfolioThumBG.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:10px 10px 0px 0px;
	width:280px;
	height:200px;
	float:left;
	text-align:center;

}
.portThum {
	padding:20px 0px 0px 3px;
}
/* ---------------- end content --------------------*/


*                           { margin: 0; padding: 0; }
html                        { overflow-y: scroll; }

.clear                      { clear: both; }

#page-wrap                  { width: 700px; margin: 40px auto; }


label                       { width: 190px; display: block; }

input[type=text], textarea  { width: 350px; outline: none; }

.rowElem 
label.error                 { float: none; font-style: italic; color: red;
                              position: absolute; top: 16px; left: 0; 
                              font-size: 12px; }
                              
.rowElem #jqTransformTextarea-mm
label.error                 { top: 28px; }

#changeTypeArea             { float: left; margin: 0 0 10px 0; width: 350px; }

.rowElem                    { position: relative; clear: both; min-height: 35px; }
.rowElemSelect              { clear: both; min-height: 35px; }

.thanks                     { color: green; font-weight: bold; }


.jqTransformTextarea, 
.jqTransformSelectWrapper   { margin: 0 0 8px 0; }