body
	{
	background-image:url(/images/template/bg.jpg);
	background-repeat:repeat-x;
	background-color: #186591;
	margin: 0px;
		}

div.container
{
	width: 951px;
	margin: 0px auto;
	}
div.rowholder
{
	width: 951px;
	float: left;
	margin: 0px;
	}
/*********************=top contact area*********/
div.contacttop
{
	width: 344px;
	height: 42px;
	float: left;
	margin: 12px 0px 0px 45px;
	display: inline;
	}
	div.contacttop a
	{font-size: 12px;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;}
	div.contacttop a:hover
	{text-decoration: underline;}
	div.toptextbottom
	{float: left;
	margin: 0px;}
	div.toptextbottom a
	{font-size: 11px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #A6C0D1;
	text-decoration: none;}
	div.toptextbottom p
	{font-size: 11px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #A6C0D1; }
	p.phonetop
	{margin: 7px 10px 0px 5px;
	display: inline;
	width: 112px;
	float: left;}
	p.emailtop
	{margin:7px 0px 0px 0px;
	width: 188px;
	float: left;}
	img.contacttop
	{	float: left;
		width: 14px;
		margin:0px;
		}
	p.contacttop
	{	float: left;
		width: 14px;
		margin:3px 0px 0px 5px;
		display: inline;
		width: 210px;
		}

fieldset.main-set,
fieldset.req-set,
fieldset.opt-set { 
  padding : 5px;
  border: none;
  margin-bottom: 15px;
}

fieldset.req-set,
fieldset.opt-set { 
background-color: #125075;
}

legend.req-legend span { font-size: 13px; font-weight: bold;}
legend.opt-legend span { font-size: 13px; font-weight: bold;}

legend.req-legend {
  margin-left : -2px;
}

legend.opt-legend span { }
legend.opt-legend { 
  margin-left : -2px;
}
/*********************=head section begins*****************/		
	
div.navholder
{
	width: 691px;
	float: left;
	margin: 0px;
	margin-top: 0px;
	height: 56px;
	}	
div.headtop
{background-image:url(/images/template/head_img_top.jpg);
	background-repeat:no-repeat;
	width: 562px;
	height: 68px;
	float: right;
	
	}
div.headimgright
{background-image:url(/images/template/head_img_2.jpg);
	background-repeat:no-repeat;
	width: 562px;
	height: 109px;
	float: right;
	}
	div.headimgright a
		{width: 562px;
			height: 109px;
			float: left;
			}
	div.headimgright span
		{position: absolute;
		margin-left:-9999px;
			}
div.logo
{width: 220px;
height: 65px;
margin: 13px 0px 0px 45px;
display: inline;
float: left;
background-image:url(/images/template/head_logo.jpg);}
	div.logo a
	{width: 220px;
	height: 65px;
	float: left;}
	div.logo span
	{position: absolute;
	margin-left: -9999px;}
div.pagetitle
{width: 474px;
height: 83px;
margin: 0px 0px 0px 45px;
display: inline;
float: left;
background-image:url(/images/template/head_title.jpg);}
	div.pagetitle a
	{width: 474px;
	height: 83px;
	float: left;}
	div.pagetitle span
	{position: absolute;
	margin-left: -9999px;}
div.headimgthree
	{background-image:url(/images/template/head_img_3.jpg);
	background-repeat:no-repeat;
	width: 256px;
	height: 56px;
	float: right;}
div.headimgfour
	{background-image:url(/images/template/head_img_4.jpg);
	background-repeat:no-repeat;
	width: 325px;
	height: 64px;
	float: right;}

/*******************=content starts here**************/

div.headshadow
{
	background-image:url(/images/template/below_nav.jpg);
	background-repeat:no-repeat;
	height: 23px;
	width: 695px;
	float: left;
	}
div.headbottom
{
	background-image:url(/images/template/below_nav_right.jpg);
	background-repeat:no-repeat;
	height: 23px;
	width: 256px;
	float: left;
	}
div.contentholder
{
	width: 951px;
	float: left;
	margin: 0px;
	background-image:url(/images/template/content_bg.jpg);
	}
div.contentcolumn
{width: 695px;
float: left;
margin: 0px 0px 0px 0px;
font-weight: normal;
		font-family:Verdana, Arial, Helvetica, sans-serif;}
	div.contentcolumn p
		{font-size: 12px;
		line-height: 18px;
		color:#FFFFFF;}
		div.contentcolumn h1
		{font-size: 20px;
		margin-top: 0px;
		line-height: 24px;
		color:#91caff;}
		div.contentcolumn h2
		{font-size: 16px;
		line-height: 18px;
		color:#91caff;}
		div.contentcolumn h3
		{font-size: 14px;
		line-height: 18px;
		color:#91caff;}
		div.contentcolumn a
		{font-size: 12px;
		line-height: 18px;
		color:#91caff;
		font-weight: bold;
		text-decoration: underline;}
		div.contentcolumn a:hover
		{text-decoration: none;
		}
		div.contentcolumn li
		{font-size: 12px;
		line-height: 18px;
		color:#FFFFFF;}
div.content
{
	width: 610px;
	margin: 10px 0px 20px 40px;
	display: inline;
	float: left;
	clear: both;
	}
	
div.content label, legend
		{font-size: 12px;
		line-height: 18px;
		color:#FFFFFF;
		width: 600px;
		float: left;}
div.content input
		{font-size: 12px;
		line-height: 18px;
		color:#000;
		float: left;
		margin-bottom: 15px;}
		
div.content textarea
		{font-size: 12px;
		line-height: 18px;
		color:#000;
		float: left;}
		
div.content button
		{
		float: left;}

		
		
div.clear
{clear: both;}
div.callstoaction
{width: 256px;
float: left;
margin: 0px 0px 0px 0px;
font-weight: normal;
		font-family:Verdana, Arial, Helvetica, sans-serif;}
	div.callstoaction p
		{font-size: 12px;
		line-height: 18px;
		color:#FFFFFF;}
		div.callstoaction h1
		{font-size: 16px;
		line-height: 21px;
		color:#91caff;}
		div.callstoaction h2
		{font-size: 16px;
		line-height: 18px;
		color:#91caff;}
		div.callstoaction h3
		{font-size: 14px;
		line-height: 18px;
		color:#91caff;}
		div.callstoaction a
		{font-size: 12px;
		line-height: 18px;
		color:#91caff;
		font-weight: bold;
		text-decoration: underline;}
		div.callstoaction a:hover
		{text-decoration: none;
		}
	
div.columncontent
{
	width: 218px;
	margin: 10px 0px 0px 14px;
	display: inline;
	float: left;
	}
	
div.designsite
{background-image:url(/images/template/design_site.jpg);
width: 204px;
height: 105px;
float: left;
margin-left: 14px;
margin-bottom: 15px;
	}
		div.designsite a
			{width: 204px;
			height: 105px;
			float: left;}
		div.designsite span
			{position: absolute;
			margin-left: -9999px;}
			
div.businesscall
{
	width: 204px;
	height: 87px;
	float: left;
	background-image:url(/images/template/portfolio.jpg);
	margin: 0px 0px 15px 14px;
	display: inline;
	}
	div.businesscall a
		{width: 204px;
		height: 87px;
		float: left;}
	div.businesscall span
	{position: absolute;
		margin-left: -9999px;}
		
div.servicecallholder
{
	float: left;
	width: 204px;
	margin: 0px 0px 15px 14px;
	display: inline;
	}
		div.servicecall
		{
			width: 204px;
			height: 69px;
			float: left;
			background-image:url(/images/template/packacge_top.jpg);
			}
			div.servicecall a
				{width: 204px;
				height: 69px;
				float: left;}
			div.servicecall span
			{position: absolute;
				margin-left: -9999px;}
		div.servicebuttons
				{background-image:url(/images/template/package_bottom.jpg);
				width: 204px;
				height: 63px;
				float: left;}
				div.servicebuttons li
					{list-style-type:none;}
				div.servicebuttons ul
					{margin: 0px;
					padding: 0px;
					width: 120px;
					float: right;}
				div.servicebuttons li a
				{color: #fff;
				margin-top: 3px;
				text-align: center;
				font-size: 12px;
				font-weight: bold;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				line-height: 18px;
				text-decoration: none;}
	
div.contactcall
{
	width: 204px;
	height: 120px;
	float: left;
	background-image:url(/images/template/contact.jpg);
	margin: 0px 0px 15px 14px;
	display: inline;
	}
	div.contactcall a
		{width: 204px;
		height: 120px;
		float: left;}
	div.contactcall span
	{position: absolute;
		margin-left: -9999px;}
div.bloglink
{background-image:url(/images/blog.jpg);
width: 218px;
height: 143px;
float: left;
margin: 0px 0px 20px 2px;
display: inline;
	}
	div.bloglink a
{width: 218px;
height: 143px;
float: left;}
div.bloglink span
{position: absolute;
	margin-left: -9999px;}

div.footer
	{float: left;
	margin: 25px 46px 40px 53px;
	display: inline;
	width: 596px;
	text-align: center;}
	
div.footer p{
font-size: 11px;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #A6C0D1;
	margin: 0px;
	line-height: 14px;}
div.footer a
	{color: #A6C0D1;}
div.footer a:hover
	{color: #FFCC66;
	text-decoration: none;}
	
	/*------------=portfolio page---*/

div.portfoliopic
{width: 303px;
text-align:center;
float:left;
margin: 0px 0px 10px 0px;
height: 300px;}
div.portfoliopic h3
{text-align: center;
line-height: 55px;
margin: 0px;}
div.portfoliopic h3.small
{text-align: center;
line-height: 30px;
margin: 0px;}
 
div.smalltext
{font-size: 9px;}
div.smalltext p
 {font-size: 9px;
 margin: 0px;
 line-height: 12px;}
 div.smalltext a
 {font-size: 9px;
 margin: 0px;
 line-height: 12px;}
 
 div.wallpapers
 {
 	width: 570px;
	float: left;
	margin: 0px 0px 20px 10px;
	display: inline;
	}
div.wallpapers h3
{text-align: left;
padding-left: 10px;
line-height: 30px;
margin: 0px;}
div.wallpapers p
 {font-size: 9px;
 margin-left: 10px;
 display: inline;
 line-height: 12px;}
div.wallpapers a
{font-size: 9px;
margin: 0px;
line-height: 12px;}
 
 div.textholder
 {
 	width: 280px;
	margin-left: 15px;
	}
div.h3holder
{
	width: 150px;
	float: right;
	text-align: left;
	margin: 15px 20px 0px 0px;
	display: inline;
	}	
div.h3holder h3
{
	font-size: 12px;
	line-height: 14px;
	}	
	
img.left
{float: left;}
div.morelinks
{width: 580px;
float: left;
text-align: right;
}
div.mobilestyles
{
	display: none;

    }
	div#skiptocontent
{
	position: absolute;
left: -9999px;
	}
div.col_element
{
width: 180px;
float: left;
margin: 0px 0px 10px 25px;
display: inline;
	}
	div.col_element p
{
margin: 2px 0px 2px 0px;
	}
div.portschip
{
	width: 606px;
	float: left;
	margin: 0px;
	display: inline;
	padding: 0px;
	}
div.portfoliotextlink
{width: 303px;
text-align:center;
float:left;
margin: 0px 0px 10px 0px;}
div.portfoliotextlink h3
{text-align: center;
line-height: 18px;
margin: 0px;
}
img.paintingborder
{
border: solid #ccc 1px;
}