/* CSS Document */
* { margin:0; padding:0; }
.column { float:left; }
.clear { clear:both; }
html, body { height:100%; background:#2b2e3d; }
html, input, textarea {
	font-family:Tahoma;
	font-size:12px;
	color:#505A61;
	line-height:13px;
	}	
.w { width:100%; background:url(/images/bg.gif) repeat-x top #b9bdbf; }
.site_center { text-align:center; width:100%; background:url(/images/bg1.gif) repeat-x bottom; }
.site_center1 { margin:0 auto; text-align:left; width:780px; }

a img { border:0px; }

.vam { vertical-align:middle; }
.bg2 { width:auto; background:#e2e3e4; height:1px; }

span { font-size:13px; } 
strong { font-size:12px; }
b { color:#2b2e3d; }

a{
	color:#990066;
	text-decoration:none;
	font-size:13px
	} 
a:hover { text-decoration:underline; }

ul { margin:0; padding:0 0 0 2px; list-style:none; line-height:20px; }
ul li {
	background:url(/images/1_z1.gif) no-repeat left center;
	margin:0px;
	padding-left:20px;
}
ul li a { color:#4884c2; text-decoration:underline; font-size:12px; } 
ul li a:hover { color:#4884c2; text-decoration:none; }

.more { background:url(/images/z2.gif) bottom  left repeat-x; color:#1e2224; text-decoration:none; }
.more:hover { background:none; color:#1e2224; text-decoration:none; }

.more1 { background:url(/images/z2.gif) bottom  left repeat-x; color:#1e2224; text-decoration:none; font-size:11px; font-weight:bold; }
.more1:hover { background:none; color:#1e2224; text-decoration:none; }


#header { background:url(/images/top.gif) right bottom no-repeat; color:#1e2224; font-size:13px; line-height:19px; }
#header .row1 {  height:136px; }
#header .row1 .pic { margin:0px 0 0 15px; }
#header .row2 { height:222px; }
#header .row2 .col1 { width:421px; float:left; }
#header .row2 .col1 .pic { display:block; margin:93px 0 0 46px; }
#header .row2 .col2 { width:325px; float:left; }
#header .row2 .col2 .pic { display:block; margin:43px 0 14px 0px; }
#header .row2 .col3 { width:35px; float:left; }
#header .row2 p { margin:10px 0 0 0px; }
#header span a { color:#1e2224; text-decoration:underline; } 
#header span a:hover { text-decoration:none; }

.bg1 { width:780px; background:url(/images/bg3.gif); }
.left { width:45px; background:url(/images/left.gif) no-repeat top left; float:left; }
.left img { display:block; vertical-align:top; }
.content1 { width:689px; float:left; background:url(/images/1_bg.gif) repeat-x top; }
.right { width:46px; background:url(/images/right.gif) no-repeat top left; float:left; }
.right img { display:block; vertical-align:top; }

h1 { padding: 10px; }
.h1 { height:31px; }
h2 { 	padding: 10px; font-size: 16px; }
.h2 { height:20px; }

.heading{
	display:block;
	margin:0px 0 20px 0px;
	font-size: 16px;
	color: #666;
	font-weight: bold;
	}
#content { width:689px; font-size:12px; font-family:Tahoma; }

/*-- INDEX --*/
#page1 .column1 .title { display:block; margin:0px 0 20px 0px; }
#page1 .column1 .title1 { display:block; margin:27px 0 20px 0px; }
#page1 .column1 .pic { display:block; margin:0px 0 12px 20px; }
#page1 .column1 .pic1 { float:left; margin:0px 20px 0px 0px; }
#page1 .column1 p { margin:30px 0 25px 0px; }
#page1 .column1 .row1 { color:#262b2e; }
#page1 .column1 .row1 p { margin:15px 0 5px 0px; }
#page1 .column1 .row1 .block { float:right; margin:0 0 0px 0px; }
#page1 .column1 .row1 .block span {
	color:#009933;
	font-size:12px;
}
#page1 .column1 .heading { display:block; margin:0px 0 20px 0px; }

#page1 .column2 .title { display:block; margin:0px 0 24px 0px; }
#page1 .column2 .pic { float:right; margin:2px 0 12px 10px; }
#page1 .column2 p { margin:11px 0 25px 0px; }
#page1 .column2 .pic1 {  display:block; margin:0px 0px 15px 0px; }
#page1 .column2 .indent { margin:23px 0px 5px 15px; }

/*-- SERVICES --*/
#page2 .column1 .title { display:block; margin:0px 0 27px 0px; }
#page2 .column1 .pic { display:block; margin:20px 0 12px 0px; }

#page2 .column2 .title { display:block; margin:0px 0 29px 0px; }
#page2 .column2 .pic { float:left; margin:2px 20px 12px 5px; }
#page2 .column2 p { margin:11px 0 15px 0px; }
#page2 .column2 .pic1 { display:block; margin:19px 0px 19px 0px; }
#page2 .column2 .indent { margin:23px 0px 5px 15px; }

/*-- TEMPLATES --*/
#page3 .column1 .title { display:block; margin:0px 0 24px 0px; }
#page3 .column1 .pic { display:block; margin:2px 0 5px -5px; }
#page3 .column1 .pic1 { float:left; margin:2px 20px 12px 5px; }
#page3 .column1 p { margin:11px 0 17px 0px; }

#page3 .column2 .title { display:block; margin:0px 0 27px 0px; }
#page3 .column2 .pic { display:block; margin:0px 0px 19px 0px; }
#page3 .column2 .pic1 { display:block; margin:17px 0px 19px 0px; }
#page3 .column2 p { margin:11px 0 15px 0px; }
#page3 .column2 .indent { margin:11px 0px 11px 0px; }

/*-- PORTFOLIO --*/
#page4 .column1 .title { display:block; margin:0px 0 24px 0px; }
#page4 .column1 .pic { display:block; margin:2px 0 5px -5px; }
#page4 .column1 .pic1 { display:block; margin:17px 0px 19px 0px; }
#page4 .column1 p { margin:11px 0 0px 0px; }
#page4 .column1 .indent { margin:15px 0px 15px 0px; }

#page4 .column2 .title { display:block; margin:0px 0 23px 0px; }
#page4 .column2 .title1 { display:block; margin:27px 0 23px 0px; }
#page4 .column2 .pic { float:left; margin:0px 20px 0px 0px; }
#page4 .column2 .pic1 { display:block; margin:17px 0px 19px 0px; }
#page4 .column2 .table { width:448px; margin:0px; padding:0px; }
#page4 .column2 .block { width:202px; padding:0 0 0 0px; float:left; }
#page4 .column2 .block1 { width:219px; float:left; }
#page4 .column2 .block2 { width:27px; float:left; }
#page4 .column2 .pic2 { float:left; margin:0px 15px 10px 0px; }
#page4 .column2 .pic3 { float:left; margin:10px 15px 10px 0px; }
#page4 .column2 .pic4 { float:left; margin:0px 22px 10px 0px; }
#page4 .column2 .pic5 { float:left; margin:10px 22px 10px 0px; }
#page4 .column2 p { margin:11px 0 10px 0px; }
#page4 .column2 td {
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	}
#page4 #portfolio td { vertical-align: top; }


/*-- PRICING --*/
#page5 .column1 .title { display:block; margin:0px 0 24px 0px; }
#page5 .column1 .title1 { display:block; margin:35px 0 15px 0px; }
#page5 .column1 .pic { float:left; margin:2px 10px 8px 5px; }
#page5 .column1 .pic1 { float:left; margin:0px 0px 0px 0px; }
#page5 .column1 p { margin:10px 0 20px 0px; }
#page5 .column1 .indent { margin:0px 0px 0px 20px; padding-bottom: 5px; }
#page5 .column1 .prices { float: right; display: inline; }

#page5 .column2 .title { display:block; margin:0px 0 27px 0px; }
#page5 .column2 .pic {  display:block; margin:0px 0px 19px 0px; }
#page5 .column2 .pic1 { display:block; margin:21px 0px 19px 0px; }
#page5 .column2 p { margin:11px 0 21px 0px; }
#page5 .column2 .indent { margin:11px 0px 11px 0px; }
#page5 .column1 .table { margin:0px; padding:0px; color:#262b2e; }
#page5 .column1 .block { width:121px; float:left; }
#page5 .column1 .block1 { width:199px; float:left; }

/*-- CONTACT --*/
#page6 .column1 .title { display:block; margin:0px 0 24px 0px; }
#page6 .column1 p { margin:23px 0 0px 0px; }
#page6 .column1 span { font-size:12px; color:#626262; }
#page6 .column1 .div { width:206px; height:40px; color:#626262; }
#page6 .column1 .div1{ width:206px; height:149px; color:#626262; }
#page6 .column1 .table { width:206px; height:269px; margin:0px; padding:0px; }
#page6 .column1 .pic { display:block; margin:0px 0 12px 20px; }

#page6 .column2 { line-height:14px; }
#page6 .column2 .title { display:block; margin:0px 0 27px 0px; line-height:19px; }
#page6 .column2 b { font-size:12px; display:block; }

/*-- FAQs --*/
#page7 p { margin:30px 0 25px 0px; }
#page7 .heading { display:block; margin:0px 0 20px 0px; }
#page7 div .answer {
	display:block;
	padding:10px 10px;
	font-size: 12px;
	line-height: 16px;
}
#page7 a{
	color:#990066;
	text-decoration:none;
	font-size:13px
	} 
#page7 ul li {
	background:url(/images/1_z1.gif) no-repeat left top;
	margin:0px 0px 5px;
	padding-left:20px;
	line-height: 14px;
}

/*-- SITEMAP --*/
#page8 p {
	margin-bottom: 10px;
	padding-left: 20px;
}
#page8 .heading { display:block; margin:0px 0 20px 0px; }
#page8 div .answer {
	display:block;
	padding:10px 10px;
	font-size: 12px;
	line-height: 16px;
}
#page8 a{
	color:#990066;
	text-decoration:none;
	font-size:13px
	} 
#page8 ul li {
	background:url(/images/1_z1.gif) no-repeat left top;
	margin:0px 0px 5px;
	padding-left:20px;
	line-height: 14px;
}
#page8 .icons {
	top: 700px;
	position: absolute;
}

/*-- EMAIL SETUP --*/
#page9 p {
	margin-bottom: 10px;
	padding-left: 20px;
}
#page9 .heading { display:block; margin:0px 0 20px 0px; }
#page9 div .answer {
	display:block;
	padding:10px 10px;
	font-size: 12px;
	line-height: 16px;
}
#page9 a{
	color:#990066;
	text-decoration:none;
	font-size:13px
	} 
#page9 ul li {
	background:url(/images/1_z1.gif) no-repeat left top;
	margin:0px 0px 5px;
	padding-left:20px;
	line-height: 14px;
}
#page9 .icons {
	top: 700px;
	position: absolute;
}

/*-- input--*/
input{
	height:17px;
	display:block;
	border: 1px solid #72818B;
	font-size: 14px;
	padding: 3px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0px;
	}
input.button  {
	width:84px;
	height:25px;
	margin:0 0 10px 80px;
	display:block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
select{
	display:block;
	color: #505A61;
	font-size: 14px;
	border: 1px solid #72818B;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0px;
	width: 140px;
	}
option {
	padding: 2px 4px;
}

textarea{
	display:block;
	overflow:auto;
	border: 1px solid #72818B;
	font-size: 14px;
	padding: 3px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0px;
	}
.error {
	color: #FF0000;
	display: none;
	font-size: 11px;
}
.warning {
	color: #FF0000;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	}
#contact { padding: 5px; 
}
#contact p {
	margin-bottom: 5px;
}
#contact label {
	float: left;
	width: 80px;
}
#contact input, #contact textarea, #contact select { border: 1px solid #999999; 
}
#contact .red {
	border: 1px solid red;
}
#contact label.red {
	border: none;
	color: red;
}
#contact .customRed {
	border: none;
	color: red;
}
#contact #submit { border: none; 
}
#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}
#contact .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}
	
/* FOOTER */
#footer {
	text-align: center;
	color: #E9E9E9;
	font-size: 10px;
}
#footer a {
	font-weight: normal;
	color: #E9E9E9;
	font-size: 10px;
}
#footer a:hover {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: underline;
}
#footer .menu a, .menu {
	text-align: center;
	color: #E9E9E9;
	font-size: 12px;
	font-weight: bold;
}
#footer .menu a:hover {
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline overline;
}
#footer   .copyright {
	text-align: center;
	color: #E9E9E9;
	margin: 5px 0px;
}

/* HIGHSLIDE */
.highslide {
	cursor: url(/includes/highslide/graphics/zoomin.cur), pointer;
    outline: none;
	}
.highslide-image-blur {
	}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
	}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
	}
.highslide-move {
    cursor: move;
	}
.highslide-overlay {
	display: none;
	}
.controlbar {	
	background: url(/includes/highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
	}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
	}
.controlbar a:hover {
	background-image: url(/includes/highslide/graphics/controlbar4-hover.gif);
	}
.controlbar .previous {
	width: 50px;
	}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
	}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
	}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
	}
	
/* Necessary for functionality */
.highslide-display-block {
    display: block;
	}
.highslide-display-none {
    display: none;
	}
.highslide1 {
	cursor: url(/includes/highslide/graphics/zoomin.cur), pointer;
    outline: none;
	}