@charset "UTF-8";
/* VIRGEN DESIGN STUDIOS CSS */

/*****************************/
/*** Core html setup stuff ***/
/*****************************/

body{
	background:#1E1E1E url(../images/mainbg.jpg) repeat-x;
}
#container{
	text-align: left;
	width: 772px;
	margin: 0 auto;
	padding-bottom:2px;
	border:#FFFFFF 5px solid;
}
#header{
	float:left;
	width:772px;
	height:182px;
	background:url(../images/header.jpg) no-repeat;
	margin:0;
	padding:0;
}
#nava_area{
	float:left;
	width:772px;
	height:54px;
	background:url(../images/navabg.jpg) repeat-x;
}
#headernav{
	float:left;
	width:245px;
	height:54px;
	background:url(../images/headernav.jpg) no-repeat;
	margin:0;
	padding:0;
}
#content{
	float:left;
	width:772px;
	background:#000000;
	padding-bottom:15px;
}
#announcearea{
	float:left;
	width:772px;
	height:207px;
	background:#000000 url(../images/announceareabg.jpg) repeat-x bottom;
}
#headerann{
	float:left;
	width:245px;
	height:207px;
	background:url(../images/headerann.jpg) no-repeat;
}
#anndesc{
	float:left;
	top:0;
	width:507px;
	height:187px;
	margin-left:20px;
	padding:20px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
#contactdesc{
	float:left;
	top:0;
	width:499px;
	height:187px;
	margin-left:20px;
	padding:20px 8px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
#footer{
	float:left;
	width:752px;
	height:34px;
	background:url(../images/footerbg.jpg) repeat-x;
	padding:25px 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#7f7f7f;
	font-weight:bold;
}
#clear{
	clear: both;
	font-size: 0px;
}

/*****************************/
/*** NAVA AREA ***/
/*****************************/

#nava{
	float:left;
	width:527px;
	height:54px;
	margin:0px;
	padding:0px;
	/*background:url(../images/nava_bg.gif) repeat-x;*/
}
#nav {
	margin:14px 0px 0px 0px;
	float:left;
	height: 29px;
	width: 527px;
	padding:0px;
	list-style: none;
}
#nav li {
	float: left;
	text-align:center;
	
}
#nav a{
	font-family:"trebuchet ms", arial, helvetica;
	font-size:11px;
	color:#afafaf;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin: 0px 0px 0px 0px; /*"-4" Margin - IE Hack */
	padding: 8px 17px 5px 17px;
}
#nav a:hover{
	text-decoration:underline;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
}

/*NAVA LOCATION INDECATION*/
body.home #nav #home a, body.home #nav #home a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background:url(../images/nava_over_bg.gif) repeat-x;
}
body.aboutus #nav #aboutus a, body.aboutus #nav #aboutus a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background:url(../images/nava_over_bg.gif) repeat-x;
}
body.portfolios #nav #portfolios a, body.portfolios #nav #portfolios a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background:url(../images/nava_over_bg.gif) repeat-x;
}
body.serv #nav #serv a, body.serv #nav #serv a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background:url(../images/nava_over_bg.gif) repeat-x;
}
body.tutorials #nav #tutorials a, body.tutorials #nav #tutorials a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background:url(../images/nava_over_bg.gif) repeat-x;
}
body.contact_us #nav #contact_us a, body.contact_us #nav #contact_us a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background:url(../images/nava_over_bg.gif) repeat-x;
}
/*END NAVA LOCATION INDECATION*/

/*****************************/
/*** BODY COLMUNS AREA ***/
/*****************************/

#homecol01{
	float:left;
	width:370px;
	padding-bottom:5px;
	border-right:#181818 solid 1px;
	margin:8px 0px 0px 20px;
}
#homecol02{
	float:left;
	width:320px;
	padding-bottom:4px;
	margin:8px 0px 0px 35px;
}
#col01{
	float:left;
	width:370px;
	padding-bottom:5px;
	margin:8px 0px 0px 20px;
}
#col02{
	float:left;
	width:320px;
	padding-bottom:4px;
	margin:8px 0px 0px 35px;
}

#lparea{
	width:317px;
	border-top:#181818 solid 3px;
}
#lprojtxt{
	margin-left:8px;
}
#lpwrap{
	width:313px;
	height:113px;
	border:#515151 1px solid;
	margin-top:8px;
}
#lpimg{
	float:left;
	width:270px;
	height:72px;
}
#lpbtns{
	float:left;
	width:43px;
	height:72px;
}
#lpnum{
	float:left;
	width:43px;
	height:33px;
}
#lpurl{
	float:left;
	width:43px;
	height:39px;
}
#lpdesc{
	float:left;
	width:299px;
	height:25px;
	margin:0px;
	background:url(../images/elements/lp_txtbg.jpg) no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:8px;
}
#homeadtitle{
	float:left;
	width:300px;
	padding: 8px 0px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6b6b6b;
	text-align:center;
	border-bottom:#181818 solid 3px;
}
#homead{
	float:left;
	width:300px;
	height:250px;
	border:#181818 solid 1px;
	margin-top:8px;
}
#anndesc a {
	width:63px;
	height:16px;
	display:block;
	background:url(../images/elements/readmore_bg.jpg) repeat-x;
	border:#a0a0a0 solid 1px;
	padding:3px 0px 0px 0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
}
#anndesc a:hover {
	color:#CCC;
	text-decoration:underline;
	border:#FFF solid 1px;
}

/*****************************/
/*** ABOUT US COLMUNS AREA ***/
/*****************************/
#col01title{
	float:left;
	width:320px;
	height:19px;
	padding: 8px 0px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6b6b6b;
	border-bottom:#181818 solid 3px;
}
#col02title{
	float:left;
	width:auto;
	padding: 8px 0px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6b6b6b;
	border-bottom:#181818 solid 3px;
}

/*****************************/
/*** WHAT WE OFFER COLMUNS AREA ***/
/*****************************/

#offerarea{
	float:left;
	width:320px;
	padding-bottom:8px;
	margin-top:8px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#offerarea ul{
	list-style:none;
	padding:0;
	*margin:8px 0px 0px 0px;
}
#offerarea ul li{
	line-height:24px;
	text-decoration:underline;
}
/*****************************/
/*** VD Announcement COLMUNS AREA ***/
/*****************************/
#aboutannouncementstitle{
	float:left;
	width:300px;
	padding: 8px 0px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6b6b6b;
	text-align:center;
	border-bottom:#181818 solid 3px;
}
#aboutannouncementsdesc{
	float:left;
	width:300px;
	margin-top:8px;
	padding-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
/*****************************/
/*** SERVICES COLMUNS AREA ***/
/*****************************/
#col01services{
	float:left;
	width:480px;
	padding-bottom:5px;
	margin:8px 0px 0px 14px;
}
#col02services{
	float:left;
	width:255px;
	padding-bottom:4px;
	margin:8px 0px 0px 10px;
}
#detailnotestitle{
	float:left;
	width:255px;
	padding:8px 0px 2px 0px;
	border-bottom:#181818 solid 3px;
}
#detailnotessdesc{
	float:left;
	width:255px;
	margin-top:8px;
	padding-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
#estimatebtn{
    float:left;
	width:255px;
	margin-top:8px;
	padding-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
#col01titleservices{
	float:left;
	width:480px;
	height:25px;
	padding: 8px 0px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6b6b6b;
	border-bottom:#181818 solid 3px;
}
#servchart{
	float:left;
	width:480px;
	padding-bottom:8px;
	margin-top:8px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#packagechart{
	float:left;
	width:498px;
	border:#474747 solid 1px;
}
#chartcol01{
	float:left;
	width:209px;
	border-right:#262525 solid 1px;
}
#darkrow{
	float:left;
	width:100%;
	padding:6px 2px 9px 4px;
	background:url(../images/elements/darkrow_bg.gif) repeat-x #565656 ;
}
#darkrow2{
	float:left;
	width:100%;
	height:21px;
	padding:6px 2px 9px 4px;
	background:url(../images/elements/darkrowPrice_bg.gif) repeat-x #565656 ;
}
#bluerowPrice{
	float:left;
	width:100%;
	height:21px;
	padding:6px 2px 9px 4px;
	background:url(../images/elements/bluerowPrice_bg.jpg) repeat-x #565656 ;
	font-weight:bold;
}
#bluerowPrice a{
	text-decoration:none;
	color:#FFF;
}
#bluerowPrice a:hover{
	text-decoration:underline;
	color:#FFF;
}
#lightrow{
	float:left;
	width:100%;
	padding:6px 2px 9px 4px;
	background:url(../images/elements/lightrow_bg.gif) repeat-x #B5B5B5 ;
}
#chartcol02{
	float:left;
	width:80px;
	border-right:#262525 solid 1px;
	text-align:center;
	margin-left:6px;
}
#chartcol03{
	float:left;
	width:80px;
	border-right:#262525 solid 1px;
	text-align:center;
	margin-left:6px;
}
#chartcol04{
	float:left;
	width:80px;
	border-right:#262525 solid 1px;
	text-align:center;
	margin-left:6px;
}
/*****************************/
/*** PORTFOLIO COLMUNS AREA ***/
/*****************************/
#portfoliocol01{
	float:left;
	width:745px;
	padding-bottom:5px;
	margin:8px 0px 0px 12px;
}
#porttitle{
	float:left;
	width:745px;
	height:38px;
	background:url(../images/elements/gallerytitle_bg.gif) repeat-x;
}
#galarea{
	float:left;
	width:721px;
	background:#181818;
	padding:15px 12px;
}
#itemarea{
	float:left;
	width:157px;
	height:120px;
	margin-left:18px;
}
#thumbarea{
	height:83px;
	width:135px;
	background:#202020;
	border:#272727 solid 1px;
	padding:10px;
}