* {
        margin: 0;
        padding: 0;
        }
html, body {
        background-color: #f3f3eb;
        margin: 0px;
        padding: 0px;
		font-family: arial, tahoma, verdana, helvetica, sans-serif;
		font-size: 11pt;
        }


h1 {font-family: verdana, helvetica, arial; font-size: 12pt; color: #02c006; margin-bottom:10px; font-weight:bold; border-bottom:1px dotted #b5b5b5;}


h2 {font-family: verdana, helvetica, arial; font-size: 11pt; color: #474145;}
h2 a, h2 a:hover, h2 a:visited { font-family: verdana, helvetica, arial; font-size: 11pt; font-weight:bold; color: #474145;}
h3 {font-family: arial, verdana, arial; font-size: 12pt; color: #02c006;}
h4 {font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #02c006; margin-top:5px;}
h4 a, h4 a:hover, h4 a:visited { font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #02c006;}
h5 a, h5 a:hover, h5 a:visited { font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #02c006; text-decoration:underline;}

/********************   default ones    *************************/
a {font-family: arial, tahoma, verdana, helvetica, sans-serif; font-size: 11pt; font-weight: normal; color: #02c006; text-decoration: none;}
a:hover {font-family: arial, tahoma, verdana, helvetica, sans-serif; font-size: 11pt; font-weight: normal; color: #02c006; text-decoration: underline;}
a:visited {font-family: arial, tahoma, verdana, helvetica, sans-serif; font-size: 11pt; font-weight: normal; color: #02c006; text-decoration: none;}
a:focus {outline: none}
a:focus:hover {outline: none}


a.more { font-size: 11px; color: #666666; text-decoration: none;}
a:visited.more { font-size: 11px; color: #666666; text-decoration: none;}
a:hover.more { font-size: 11px; color: #666666; text-decoration: underline;}
/* ******************  mainpage white small links  ************** */
a.whitesmall       { font-size: 8pt; color: #ffffff; text-decoration: none; font-weight: bold;}
a:hover.whitesmall { font-size: 8pt; color: #ffffff; text-decoration: none; font-weight: bold;}
a:visited.whitesmall { font-size: 8pt; color: #ffffff; text-decoration: none; font-weight: bold;}

/* ******************  mainpage white large links  ************** */
a.whitelarge       { font-size: 12pt; color: #ffffff; text-decoration: none; font-weight: bold;}
a:hover.whitelarge { font-size: 12pt; color: #ffffff; text-decoration: none; font-weight: bold;}
a:visited.whitelarge { font-size: 12pt; color: #ffffff; text-decoration: none; font-weight: bold;}

/********************   copyright stuff    *************************/
#copyright {
        background-color: transparent;
        font-family: tahoma, verdana, arial;
        font-size: 7pt;
        color: #666666;
        width: 100%;
        margin: 0 auto;
		display:block;
		text-align:center;
        }
#copyright a {
        color: #666666;
        text-decoration: none;
        font-size: 7pt;
		border-bottom: 1px dotted  #ffffff;
		font-family: tahoma, verdana, arial;
        }
#copyright a:hover {
        text-decoration: none;
        color: #ce4c4c;
        font-size: 7pt;
        border-bottom: 1px dotted #ce4c4c;
		font-family: tahoma, verdana, arial;
        }
#copyright a:visited {
        text-decoration: none;
        color: #ce4c4c;
        font-size: 7pt;
        border-bottom: 1px dotted #ce4c4c;
		font-family: tahoma, verdana, arial;
        }		
/********** misc **********/
.clearer {
        clear: both;
   		height: 0; 
        visibility: hidden;
        }
img {
        border-width: 0px;
        }
.strzalka
        {
        color: #b22222;
        font-family: tahoma, verdana, arial, helvetica, sans-serif;
        font-size : 8pt;
        font-weight: bold;
        }
img.imgleft {
        border: 0px;
        background: transparent;
        padding-right: 5px;
        float:left;
}

img.imgright {
        border: 0px;
        background: transparent;
        padding-left: 5px;
        float:right;
}
#lefttop {
        float: left;
        position: absolute;
        top: 0px;
        left: 0px;
        }
ol {margin-left:20px;}
.left {
        text-align:left;
        }
.right  {
        text-align: right;
        }
.floatleft {
        float:left;
        }
.floatright  {
        float: right;
        }
.center {
        text-align: center;
        }
.noscreen {
	display:none!important;
}

/********************   header   *************************/
#header  {
		background: #ffffff url(../img/header_bg.jpg) no-repeat top left;
		margin: 0 auto;
		width: 980px;
		height: 10px;
        }
		
#header-left  {
float:left;
background: transparent;
width: 400px;
text-align:left;
}	
		
#header-right  {
float: right;
background: transparent;
width: 400px;
text-align:right;

}		
#inner-header-right {
font-family: verdana, arial; 
font-size: 10pt; 
color: #b5b5b5;
font-weight:bold;
margin-top:10px;
margin-right:20px;
}

#inner-header-right span {color: #ffffff; }

/********************   logo   *************************/
#logo  {
		background: #ffffff url(../img/logo_bg.jpg) no-repeat top left;
		margin: 0 auto;
		width: 980px;
		height: 109px;
        }
		
#logo-left  {
float:left;
background: transparent;
width: 400px;
text-align:left;
}	
		
#logo-right  {
float: right;
background: transparent;
width: 400px;
text-align:right;

}		
#inner-logo-right {
position:relative;
font-family: verdana, arial; 
font-size: 10pt; 
color: #b5b5b5;
font-weight:bold;
margin-top:10px;
margin-right:20px;
}

#inner-logo-right span {color: #ffffff; }

#logoimg {
margin-left:50px;
margin-top:10px;
position:relative;
border:0px;
width:421px;
height:60px;
}
#phoneimg {

margin-right:50px;
margin-top:10px;
position:relative;
border:0px;
width:146px;
height:44px;
}

/********************   slogan   *************************/
#slogan  {
		background: #ffffff url(../img/logo.jpg) no-repeat top left;
		margin: 0 auto;
		width: 962px;
		height: 164px;
        }
/********************   menubottom   *************************/
#menubottom {
        background: transparent url(../img/menubottom_bg1.gif) no-repeat top left;
        width: 880px;
		height: 31px;
        margin: 0 auto;
		padding-top:9px;
        }
#menubottom p {
		padding-top:5px;
		padding-left:5px;
		padding-right:5px;
		}
#menubottom a {
		font-size:11px;
		font-family:verdana, arial, sans-serif; 
		font-weight:bold; 
		text-transform: uppercase;
		color: #ffffff;
        text-decoration: none;
		}
#menubottom a:hover {
		font-size:11px;
		font-family:verdana, arial, sans-serif; 
		font-weight:bold; 
		text-transform: uppercase;
		color: #02c006;
        text-decoration: none;
		}
#menubottom a:visited {
		font-size:11px;
		font-family:verdana, arial, sans-serif; 
		font-weight:bold; 
		text-transform:uppercase;
		color: #ffffff;
        text-decoration: none;
		}
#menubottom a.active {text-decoration:underline;}

/********************   topmenu   *************************/
#topmenu  {
        background-color: #dd4c0c;
        height: 24px;
        width: 722px;
        margin: 0 auto;
		margin-top:4px;
		margin-bottom:4px;
		}

/**********    content   *******************************/
#container {
        background: #f9f9f9 url(../img/container_bg.jpg) repeat-y;
        margin: 0 auto;
		width: 980px;
		height: 100%;
        }
#content {
        background: transparent url(../img/content_bg.jpg) repeat-x top left;
		width: 962px;
		height: 100%;
		margin: 0 auto;
		padding-top:10px;
		padding-bottom:10px;
        }
#inner-content {
		background: transparent url(../img/line_bg.gif) repeat-y;
		width: 962px;
		height: 100%;
		margin: 0 auto;
		}
/********** left and right outer*******************************/
#sideleft {
        background: transparent;
        float: left;
        width: 700px;
		height: 100%;
		vertical-align:top;

		padding-top:15px;
		}
#sideright {
        background: transparent;
        float: right;
        width: 262px;
		height: 100%;
		vertical-align:top;
		padding-top:15px;
        }
		
/********** left and right inner **********/
#innersideleft {
		background: transparent;
		height: 100%; 
		min-height:200px;
		text-align: left;
		vertical-align: top;
		padding-left: 25px;
		padding-right: 25px;
		font-family: arial, tahoma, verdana, helvetica, sans-serif;
		font-size: 11pt;
		color: #63635e;
        }
html>body  #innersideleft {height:auto;}

#innersideright {
		background: transparent;
		height: 100%; 
		min-height:200px;
		text-align: left;
		vertical-align: top;
		padding-left: 25px;
		padding-right: 25px; /*asdfsdfsdf*/
		font-family: arial, tahoma, verdana, helvetica, sans-serif;
		font-size: 11pt;
		color: #63635e;
        }
html>body  #innersideright {height:auto;}
	
/********************   bottom   *************************/
#bottom {
        background-color: #000000;
		width: 760px;
        height: 160px;
        margin: 0 auto;
		margin-right: 5px;
		margin-left: 5px;
        }
#bottomleft {
        background: transparent;
        float: left;
        height: 160px;
        width: 200px;
        }
#bottomright {
        background: transparent;
        float: right;
        height: 160px;
        width: 550px;
        }
/********** info **********/
#info {
		background-color:#000000;
		width: 980px;
		height: 20px;
		margin: 0 auto;
		color:#ffffff;
		text-align:center;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		overflow:hidden;
        }
		#info a:link {
		font-size:6pt; 
		text-decoration:none;
		color:#ffffff;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		}
		#info a:hover {
		font-size:6pt; 
		text-decoration:none;
		color:#940d11;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		}
		#info a:visited {
		font-size:6pt; 
		text-decoration:none;
		color:#ffffff;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		}


/* ******************  forms  ************** */

#enquiry { width: 580px;}

#enquiry form {
		font-size: 8pt;
		color: #666666;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
 }

#enquiry input {
        background: #ffffff url(../img/formshadow.gif) no-repeat top left;
        border-right: #dedede 1px solid;
        border-left: #dedede 1px solid;
        border-top: #dedede 1px solid;
        border-bottom: #dedede 1px solid;
        vertical-align: top;
        font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-size:8pt;
		margin-bottom:5px;
width: 580px;
		height:20px;
        }
#enquiry textarea {
        background: #ffffff url(../img/formshadow.gif) no-repeat top left;
        border-right: #dedede 1px solid;
        border-left: #dedede 1px solid;
        border-top: #dedede 1px solid;
        border-bottom: #dedede 1px solid;
        vertical-align: top;
        font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-size:8pt;
        padding-top: 5px;
        padding-bottom: 5px;
width: 580px;
		height:170px;
        }
#enquiry .checkbox	{

width:15px; 
height:15px;
background-color: white;
border: 1px solid #646464;
margin-right:10px;
}	


		
#enquiry input:focus, #enquiry textarea:focus {
		border:1px solid #02c006;
}
#enquiry .button {
		background: transparent url(../img/submit.gif) no-repeat top center;
		border: 0px none;
		color: #01b009;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-size: 11px;
		line-height:17px;
		height: 21px;
		width: 128px;
		margin-top:5px;
        }
#enquiry  select  {
        background: #ffffff url(../img/formshadow.gif) no-repeat top left;
        border-right: #dedede 1px solid;
        border-left: #dedede 1px solid;
        border-top: #dedede 1px solid;
        border-bottom: #dedede 1px solid;
        vertical-align: top;
        font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-size:8pt;
		width: 580px;
		margin-bottom:5px;
		font-weight:bold;
        }
#enquiry blockquote {
        background:transparent;
        }
#enquiry label {
        background: transparent;
        display: block;
        margin: 2px 0 3px;
        font-size: 8pt;
		color:#666666;
        font-family: tahoma, verdana, arial, helvetica, sans-serif;
        }
.redform {
		color:#dd4c0c;
		font-weight:bold;
}

#shopaddons {}


#letters {
		padding-left: 6px;
		padding-top: 7px;
		width:400px;
}


/* *****************  buttonlinks  ************** */
#bottomlinks {
        margin: 0 auto;
        width: 770px;
        text-align: center;
		margin-top: 10px;
		}
#bottomlinks a {
        font-family: tahoma, verdana, arial, helvetica, sans-serif;
        font-size: 7pt;
        color: #666666;
        vertical-align: top;
        text-decoration: none;
        }
#bottomlinks a:hover {
        font-family: tahoma, verdana, arial, helvetica, sans-serif;
        font-size: 7pt;
        color: #666666;
        vertical-align: top;
        text-decoration: none;
        border-bottom: 1px dotted #666666;
        }
#bottomlinks a:visited {
        font-family: tahoma, verdana, arial, helvetica, sans-serif;
        font-size: 7pt;
        color: #444444;
        vertical-align: top;
        text-decoration: none;
        border-bottom: 1px dotted #444444;
        }
/* ******************  buttons  ************** */
.con {
        border: 0px;
        text-align: center;
		}
/********************   sitemap   *************************/
#sitemap {
		display:block;
		padding-left:20px;
		}
#sitemap ul {
        list-style-type: circle;
		padding:0px;
		margin:0px;
        }
* html #sitemap ul{
        list-style-type: circle;
		padding:0px;
		margin:0px;
        }
		
#sitemap ul li{
		padding-left: 20px; 
		font-weight:bold;
        }	
		
#sitemap ul li ul{
        list-style-type: disc;
		padding:0px;
		margin:0px;
        }			
		
#sitemap ul li ul li{
		padding-left: 40px;
        }	


ul.list_two {
		list-style-type: none;
		margin:0;
		padding:0;
		width: 100%;
		}
  
ul.list_two a, ul.list_two a:visited, ul.list_two a:active {
		text-decoration: none;
		display: block;
		width:100%;
		text-indent: 5px;
		background: #ebebeb url(../img/menubg1.jpg) repeat-x;
		color: #666666;
		font-size: 10px;
		font-weight: bold;
		padding-top:2px;
		padding-bottom:2px;
		height: 30px;
		}
ul.list_two a:hover {
		background: #ffffff url(../img/menubghover1.jpg) repeat-x top;
		color: #c50000;
		font-size: 10px;
		font-weight: bold;
		height: 30px;
		}
ul.list_menu {
		list-style-type: none;
		margin:0;
		padding:0;
		width: 100%;
		  }
  
ul.list_menu a, ul.list_menu a:visited {
		text-decoration: none;
		display: block;
		width:100%;
		text-indent: 5px;
		background: transparent url(../img/libg.jpg) repeat-x bottom left;
		color: #666666;
		font-size: 10px;
		font-weight: bold;
		padding-bottom:2px;
		height: 20px;
		vertical-align:top;
}
ul.list_menu a:hover, ul.list_menu a.active  {
		color: #c50000;
		font-size: 10px;
		font-weight: bold;
		height: 20px;
}

li.last a, li.last a:visited, li.last a:active {
		text-decoration: none;
		display: block;
		width:100%;
		text-indent: 5px;
		background:transparent;
		color: #666666;
		font-size: 10px;
		font-weight: bold;
		padding-bottom:2px;
		height: 20px;
		vertical-align:top;
}
li.last a:hover {
		color: #c50000;
		font-size: 10px;
		font-weight: bold;
		height: 20px;
}


#uppermenu {
		background: #646464 url(../img/uppermenu_bg.jpg) repeat-x top left;
		width: 960px;
		height: 300px;
		margin: 0 auto;
}
#uppermenu a, #uppermenu a:visited {
		font-size:11px;
		font-family:verdana, arial, sans-serif; 
		font-weight:bold; 
		color: #ffffff;
        text-decoration: none;
}
#uppermenu a:hover {
		font-size: 11px;
		font-family:verdana, arial, sans-serif; 
		font-weight:bold; 
		color: #8cd52d;
        text-decoration: none;
}

#uppermenu a.active {color: #8cd52d;}

#msg {  
		background: transparent;
        margin: 0 auto;
        width: 960px;
		margin-right: 2px;
		margin-left: 2px;
		height:10px;
		vertical-align:middle; 
		text-align:center;
}
.errorbox {width:100%; text-align:center; display:block; padding-left:10px;}

.errorbox p {display:inline; float:left; margin-right:5px;}

.errorred {color:#ba0000; font-size:10px; font-family: verdana, tahoma, arial; font-weight:bold;}

.errororange {color:#ffbf13; font-size:10px; font-family: verdana, tahoma, arial; font-weight:bold;}

#nav {
		margin:0 auto;
		width: 722px;
		margin-top:4px;
		display: block;
		height:24px;
		}
#nav a, #nav a:link, #nav a:visited {
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: none;
		height: 21px;
		width: 117px;
		background-image: url(../img/nav-button.gif);
		background-repeat: no-repeat;
		display: block;
		text-align: center;
		padding-top: 3px;
		float: left;
		margin-right: 4px;
		}
#nav a:hover, #nav a:active {
		color: #FFFFFF;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0px -24px;
		}
#nav a.last-nav, #nav a.last-nav:link, #nav a.last-nav:visited {
		margin-right: -2px;
		}

form .legend {
		padding:10px; 
		border-top:1px dotted #dedede;
		border-left:0px dotted #dedede;
		border-right:0px dotted #dedede;
		border-bottom:0px dotted #dedede;
}


.red_list {background: transparent; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size:10px;}
.red_list li {background: url(../img/arr2.gif) left 0.45em no-repeat; font-size: 0.85em; line-height: 16px; padding-left: 12px;}
.red_list li.sub {background: url(../img/arr3.gif) 18px 0.45em no-repeat; padding-left: 30px;}
.red_list ul {padding-left:5px; padding-right:5px; margin-bottom: 20px;}
.red_list ul.sub {font-size: 1em;}
.red_list li a {color: #bb6f02; font-weight:bold; font-family: arial, tahoma, verdana, helvetica, sans-serif; font-size: 11pt;}
.red_list li a:hover {color:#01b009;}
.red_list li.sub a {color: #bb6f02;}
.red_list li.selected a {color: #bb6f02;} 
.red_list li.sectionheader:hover {background-position: left 0.45em }
.red_list li:hover {background-position: 2px 0.45em }
.red_list li.sub:hover {background-position: 20px 0.45em }
.sm_link {padding-left: 13px; background: url(../img/arr2.gif) left 0.45em no-repeat; clear: both;}


.grey_list {list-style-type:none; background: transparent; font-weight:bold; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size:10pt;}
.grey_list li {background: url(../img/arr2.gif) left 0.45em no-repeat; font-size: 0.85em; line-height: 16px; padding-left: 12px;}
.grey_list li.sub {background: url(../img/arr3.gif) 18px 0.45em no-repeat; padding-left: 30px;}
.grey_list ul {padding-left:5px; padding-right:5px; margin-bottom: 20px;}
.grey_list ul.sub {font-size: 1em;}
.grey_list li a {color: #01b009; font-family: arial, tahoma, verdana, helvetica, sans-serif; font-size: 11pt;}
.grey_list li a:hover {color:#bb6f02;}
.grey_list li.sub a {color: #01b009;}
.grey_list li.selected a {color: #01b009;} 
.grey_list li.sectionheader:hover {background-position: left 0.45em }
.grey_list li:hover {background-position: 2px 0.45em }
.grey_list li.sub:hover {background-position: 20px 0.45em }
.sm_link {padding-left: 13px; background: url(../img/arr2.gif) left 0.45em no-repeat; clear: both;}




.hr {
border-bottom: 1px dotted #b5b5b5; margin-bottom: 5px; height: 5px; 
}

.projects-spacer {
background: transparent url(../img/vhr-large.gif) no-repeat bottom;
height:25px;
margin-bottom:25px;
margin-bottom:10px;
margin:0 auto;
}


#bottommenu {
        background: transparent;
        width: 960px;
        margin: 0 auto;
        }

.first-list,
.next-list,
.last-list {
	float: left;
	width: 170px;
	padding: 6px 10px 12px 12px;
}
.next-list {width: 170px;padding: 6px 10px 0 0;}
.last-list {width: 170px;padding: 6px 0 0 0;}
.first-list li,
.next-list li,
.last-list li {line-height: 16px;}
.first-list li a,
.next-list li a,
.last-list li a {
	color: #02c006;
	font-size: 11px;
}
.first-list li a strong,
.next-list li a strong,
.last-list li a strong {color: #02c006;}
.first-list li a:hover,
.next-list li a:hover,
.last-list li a:hover {text-decoration: underline}


#icons {
		background-color:#989898;
        margin: 0 auto;
        width: 980px;
		height: 321px;
		}	
#icons a   {font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #ffffff; text-decoration: none;}
#icons a:hover {font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #ffffff; text-decoration: none;}
#icons a:visited {font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 7pt; font-weight: bold; color: #ffffff; text-decoration: none;}	

#topcontainerdesign {
		background: url(../img/webdesign.jpg) no-repeat top left;
		display: block;
		width: 254px;
		height: 321px;
		float:left;
		}
#topcontainerdesignbody {
		position:relative;
		display:block;
		top:110px;
		left:55px;
		background: transparent;
		width: 170px;
		height: 100px;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-size: 7pt;
		color:#ffffff;
		line-height: 1;
		}

		
#topcontainerseo {
		background: url(../img/seo.jpg) no-repeat top left;
		display: block;
		width: 235px;
		height: 321px;
		float:left;
		}
#topcontainerseobody {
		position:relative;
		display:block;
		top:90px;
		left:35px;
		background: transparent;
		width: 170px;
		height: 100px;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-size: 7pt;
		color:#ffffff;
		line-height: 1;
		}
#topcontianerppc {
		background: url(../img/payperclick.jpg) no-repeat top left;
		display: block;
		width: 235px;
		height: 321px;
		float:left;
		}
#topcontianerppcbody {
		position:relative;
		display:block;
		top:90px;
		left:40px;
		background: transparent;
		width: 170px;
		height: 100px;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-size: 7pt;
		color:#ffffff;
		line-height: 1;
		}
#topcontaineremarket {
		background: url(../img/emarketing.jpg) no-repeat top left;
		display: block;
		width: 256px;
		height: 321px;
		float:left;
		}
#topcontaineremarketbody {
		position:relative;
		display:block;
		top:105px;
		left:35px;
		background: transparent;
		width: 170px;
		height: 100px;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-size: 7pt;
		color:#ffffff;
		line-height: 1;
		}
.frame{background:url(../img/frame.gif) no-repeat; padding:10px 10px 0px 10px; height:122px;width:149px;float:left; margin:1px;}
.frame:hover{background:url(../img/frame_over.gif) no-repeat;}
.frame img{width:145px;height:102px;overflow:hidden;border:1px solid #E8E7E7;margin:0 1px;}
.f2{text-align:center;}
.f2 img{margin-top:-15px;}
.f2 a, .f2 a:hover{background:none;}


.pager {text-align:right;}
.pager a {margin-left: 2px;}
.pager a.active {font-weight:bold; text-decoration:undetline;}

#bottom-section-container {
display:block; 
margin:0 auto; 
width: 960px; 
height: 170px; 
background: url(../img/bottom-section-container.jpg) repeat-y top left; 
padding-left:10px; 
padding-right:10px;
padding-top:15px;
padding-bottom:15px;
}

#images {

}
.framed {
background: url(../img/new_frame.gif) no-repeat top left;
width:210px;
height:174px;
display: block;
float:left;
}


#images p.framed img {
width:190px;
height:155px;
margin-top:7px;
margin-left:15px;
}
#rh-framed {
background: url(../img/rh-frame.jpg) no-repeat top left;
width:229px;
height:176px;
display: block;
float:left;
}

#rh-framed img {
width:210px;
height:150px;
margin-top:8px;
margin-left:10px;
}

#huge-framed {
background: url(../img/frame-huge.jpg) no-repeat top left;
width:452px;
height:345px;
display: block;
float:left;
}

#huge-framed img {
width:420px;
height:320px;
margin-top:12px;
margin-left:16px;
}






a.itemheader {color: #296cbe; font-size: 11px; font-family: verdana, arial, tahoma; font-weight: bold; margin-bottom: 20px; text-decoration:none; margin-bottom: 20px;}
a:visited.itemheader {color: #296cbe; font-size: 11px; font-family: verdana, arial, tahoma; font-weight: bold; margin-bottom: 20px; text-decoration:none; margin-bottom: 20px;}
a:hover.itemheader {color: #296cbe; font-size: 11px; font-family: verdana, arial, tahoma; font-weight: bold; margin-bottom: 20px; text-decoration:none; margin-bottom: 20px;}



a.itemsubheader {color: #474145; font-size: 8pt; font-family: verdana, arial, tahoma; font-weight: bold; margin-bottom: 20px; text-decoration:underline; margin-bottom: 20px;}
a:visited.itemsubheader {color: #474145; font-size: 8pt; font-family: verdana, arial, tahoma; font-weight: bold; margin-bottom: 20px; text-decoration:underline; margin-bottom: 20px;}
a:hover.itemsubheader {color: #474145; font-size: 8pt; font-family: verdana, arial, tahoma; font-weight: bold; margin-bottom: 20px; text-decoration:underline; margin-bottom: 20px;}




#bottomimages {
background: #ffffff url(../img/bottomimages.jpg) no-repeat top left;
width: 955px;
height: 50px;
background-color:#000000;
margin: 0 auto;
}
	
		
#logo-index-slogan {
position: relative;
display:block;
width:500px;
left:400px;
top:30px;
color: #013980;
font-size: 12px;
line-height: 20px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#logo-index-slogan h1{
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 24px;
line-height: 28px;
color:#ffffff;
margin-bottom: 10px;
font-weight: normal;
}

#logo-index-slogan p {text-align:right;}
		
#logo-index {
        background: #ffffff url(../img/logo_index_bg.jpg) no-repeat top left;
        width: 965px;
		height: 200px;
        margin: 0 auto;
        }
#logo-marquees {
        background: #ffffff url(../img/logo_marquees_bg.jpg) no-repeat top left;
        width: 965px;
		height: 200px;
        margin: 0 auto;
        }		
#logo-illuminations {
        background: #ffffff url(../img/logo_illuminations_bg.jpg) no-repeat top left;
        width: 965px;
		height: 200px;
        margin: 0 auto;
        }		
#logo-branding {
		background: #ffffff url(../img/logo_branding_bg.jpg) no-repeat top left;
        width: 965px;
		height: 200px;
        margin: 0 auto;
        }		
#logo-store {
        background: #ffffff url(../img/logo_estore_bg.jpg) no-repeat top left;
        width: 965px;
		height: 200px;
        margin: 0 auto;
        }

#emptytab-left {
		width: 315px; 
		height: 26px; 
		display:block; 
		float:left; 
		margin-right:5px; 
		text-align:center; 
		padding-top:3px; 
		background: transparent;
		background: url(../img/emptytab_button.gif)  no-repeat top left;		
}
#emptytab-right {
		width: 315px; 
		height: 26px; 
		display:block; 
		float:left; 
		margin-right:5px; 
		text-align:center; 
		padding-top:3px; 
		background: url(../img/emptytab_button.gif)  no-repeat top left;
}
#branding-last {
		width: 315px; 
		height: 26px; 
		display: block; 
		float: left; 
		margin-right: 5px; 
		text-align: center; 
		padding-top: 3px; 
		background: url(../img/branding_button.gif)  no-repeat top left;
}


#shop {width:315px; height:26px; display:block; float:left; text-align:center; padding-top:3px; background: url(../img/shop_button.gif) no-repeat top left;}


.landingpageimg {border: 1px solid #dde1e4; 
margin-left: 3px;
margin-bottom: 3px;
padding: 1px; 
float: left;
background-color: #ffffff;}

#stylechanger{}


.odd-cells {
	background:transparent;
}
.even-cells {
	background-color: #FFFFFF;
}
#listing-table {
	border: 0px;
	width:100%;
}
#listing-table a, #listing-table a:link {
	font-weight: bold;
	text-decoration: none;
}
#listing-table a:visited {
	text-decoration: none;
}
#listing-table a:hover, #listing-table a:active {
	text-decoration: underline;
}
.listing-title {
	font-weight: bold;
}
table#listing-table tr:hover {
	background: #f2f3f5;
}
#listing-table td {
	padding-left:5px;
	padding-top:3px;
}
#tblhead { height:35px; vertical-align:top;}

table#listing-table tr#tblhead:hover {
background:transparent;
}


#callusnow {
position:relative;
display:block;
right:30px;
top: 0px;
}	

.smallorderform form {
width: 140px;
height:30px;
float:left;
}

.smallorderform input {
	width: 50px;
	height: 17px;
	background: #ffffff url(../img/formshadow.gif) no-repeat top left;
	border-right: #dedede 1px solid;
	border-left: #dedede 1px solid;
	border-top: #dedede 1px solid;
	border-bottom: #dedede 1px solid;
	vertical-align: top;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size:8pt;
	color:#474145;
	padding-top:3px;
	padding-left:4px;
}


.smallorderform .basketadd {
	height:22px;
	width:55px;
	padding-left:20px;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
	background-repeat: no-repeat;
	background-position: 2px center;
}
.smallorderform .basketadd {
	width:50px;
	padding-left:22px;
	background-position: 2px center;
}
.smallorderform .basketshow {
	width:60px;
	padding-left:20px;
	background-position: 2px center;
}
.orderform .basketadd, .smallorderform .basketadd {
	background-image: url(../img/basket_add.png);
	font-size:8pt;
	color:#474145;
	padding-top: 0px;
}
.orderform .basketdelete, .smallorderform .basketdelete {
	background-image: url(../img/basket_delete.png);
}
.orderform .basketshow, .smallorderform .basketshow {
	background-image: url(../img/basket_go.png);
}


#mainshop {}



#mainshop a, #mainshop a:link, #mainshop a:visited {
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
		width: 223px;
		height: 45px;
		display: block;
		margin-top:5px;
		}
#mainshop a:hover, #mainshop a:active {
color:#000000;
		}
		
#cart {
	width:170px; 
	height:100px; 
	display:block; 
	margin-right:5px;
	float:right; 
	margin-top:5px;
}

#callus {
	width:170px; 
	height:45px; 
	display:block; 
	margin-bottom:5px;
}

#trolley {
	width:170px; 
	height:45px; 
	display:block; 
}


#linksx3footer {
margin:0 auto;
width: 880px;
display: block;
text-align:center;
color: #824242;
}
#linksx3footer a {
color: #824242;
text-decoration: none;
font-size: 7pt;
font-family: tahoma, verdana, arial;
}
#linksx3footer a:hover {
color: #824242;
text-decoration: none;
font-size: 7pt;
font-family: tahoma, verdana, arial;
}
#linksx3footer a:visited {
color: #824242;
text-decoration: none;
font-size: 7pt;
font-family: tahoma, verdana, arial;
}
#domainlinkz {
margin: 0 auto;
width: 880px;
display: block;
text-align: center;
margin-bottom: 10px;
font-size: 5px;
}

#domainlinkz a {
color: #824242;
text-decoration: none;
font-size: 7pt;
font-family: tahoma, verdana, arial;
}
#domainlinkz a:hover {
color: #824242;
text-decoration: none;
font-size: 7pt;
font-family: tahoma, verdana, arial;
}
#domainlinkz a:visited {
color: #824242;
text-decoration: none;
font-size: 7pt;
font-family: tahoma, verdana, arial;
}

#shoplinks {
background:transparent;
position: relative;
top: 666px;
left: 660px;
width: 300px;
height: 100px;
margin-top:-100px;
z-index:1;
}

/* for Internet Explorer */
/*\*/
* html #shoplinks {
top: 675px;
}
/**/

p.contentright strong {
font-weight: normal;
}

/********************   footer    *************************/
		#footer {
		background: transparent url(../img/footer_bg.jpg) no-repeat top left;
		width: 980px;
		height: 65px;
		margin: 0 auto;
		font-family: arial, tahoma, verdana, helvetica, sans-serif;
		font-size: 11pt;
		}

		#innerfooter { 
		background: transparent;
		margin: 0 auto;
		width: 910px;
		height:75px;
		}
		
		#innerfooterleft {
        float: left;
		padding-top:20px;
        width: 400px;
		color:#6c6c6c;
        }
		#innerfooterright {
        float: right;
		padding-top:20px;
        width: 400px;
		text-align:right;
        }	
		#footer a {
		color:#02c006;
		text-decoration: none;
		font-family: arial, tahoma, verdana, helvetica, sans-serif;
		font-size: 11pt;
		text-transform: lowercase;
		}
		#footer a:hover {
		color:#000000;
		text-decoration: none;
		font-family: arial, tahoma, verdana, helvetica, sans-serif;
		font-size: 11pt;
		text-transform: lowercase;
		}
		#footer a:visited {
		color:#02c006;
		text-decoration: none;
		font-family: arial, tahoma, verdana, helvetica, sans-serif;
		font-size: 11pt;
		text-transform: lowercase;
		}

		#footer a, #footer a:visited  {
		}
		#footer a:hover {
		}
		#footer a:focus {
		}
		
/**************** .sideleft-container-landing *******************/


.sideleft-container-landing {
		background: url(../img/sideleft-container-top.jpg) no-repeat top left;
		width: 650px;
		height:100%;
		margin: 0 auto;
		padding-top: 12px;
}

.sideleft-container-content-landing {
		background: transparent url(../img/sideleft-container.jpg) repeat-y top left;
		width: 650px;
		height: 100%;
}
.sideleft-container-inner-landing {
		background: transparent url(../img/warning_bg.png);
		width: 634px;
		margin: 0 auto;
		min-height: 150px;
		height: 100%;
		padding-left:5px;
		padding-right:5px;
}

/* for Internet Explorer */
/*\*/
* html .sideleft-container-inner-landing {
		height:150px;
}
/**/


.sideleft-container-top-landing {
		height:12px;
		width: 650px;
}
.sideleft-container-bottom-landing {
		background: url(../img/sideleft-container-bottom.jpg) no-repeat top left;
		height:12px;
		width: 650px;
}

/**************** callback-container-landing *******************/


.callback-container-landing {
		background: url(../img/callback-container-top.jpg) no-repeat top left;
		padding-top: 9px;
		width: 200px;
		height: 272px;
		margin: 0 auto;
}

.callback-container-content-landing {
		background: url(../img/callback-sideleft-container.gif) repeat-y top left;
		width: 200px;
		height: 272spx;
}
.callback-container-inner-landing {
		background: #f2f0e4 url(../img/landing_page_container_bg.jpg) repeat-x top left;
		width: 186px;
		margin:0 auto;
		min-height: 120px;
		height: 272px;
		padding-left:5px;
		padding-right:5px;
}

/* for Internet Explorer */
/*\*/
* html .callback-container-inner-landing {
		height: 272px;
}
/**/


.callback-container-top-landing {
		height:10px;
		width:785px;
}
.callback-container-bottom-landing {
		background: url(../img/callback-container-bottom.jpg) no-repeat top left;
		height: 9px;
		width: 200px;
}

#download {
background: transparent;
position: relative;
top: 444px;
left: 836px;
width: 89px;
height: 136px;
margin-top: -136px;
z-index:1;
}

/* for Internet Explorer */
/*\*/
* html #download {
top: 444px;
left: 836px
margin-top:-136px;
}
/**/

#tables {}
#tables ul {list-style-type:none; margin-left:0px; margin-top:0px; margin-bottom:15px; padding:0;}
#tables li {float:left; padding:0; margin:0 1px 0 0; position:relative; width: 160px; height:10px; z-index:100; text-align:left;}

#btmcont

#btmcont strong {
font-weight: normal;
}
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#menucontainer {position:relative; z-index:1; top:84px; left:330px;}



#menu {list-style-type:none; padding:0;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:120px; height:10px; z-index:100;}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:20px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 120px; margin: 0; padding: 0; background: transparent; text-align:center; cursor:pointer;}
#menu dt {margin:0; padding: 5px 5px; font-size: 1.1em; color: #fff;}
#menu .one {background: url(../img/bgmenuleft.gif) no-repeat top left;}
#menu .two {background: url(../img/bgmenu.gif) no-repeat top left;}
#menu .three {background: url(../img/bgmenu.gif) no-repeat top left;}
#menu .four {background: url(../img/bgmenu.gif) no-repeat top left;}
#menu .five {background: url(../img/bgmenuright.gif) no-repeat top right;}
#menu dd {margin:0; padding:0; color: #fff; text-align:left;}
#menu dd.last {border-bottom:0px solid #444;}
.gallery dt a, .gallery dt a:visited {display:block; color: #01b009; font-weight:bold; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size:8pt;}
.gallery dd a, .gallery dd a:visited {text-decoration:none; display:block; padding:4px 0px 4px 10px;
background:transparent url(../img/opaque.png); color: #000000; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size:8pt; font-weight:bold;
}
* html .gallery dd a {background-color: #f8fde1; }
.gallery dd a:hover {background-color: #ffffff; color:#000000;}


.gallery dt a.active {color:#000000;}
.gallery dt a:hover {color:#000000;}
.gallery dt a:focus {outline: none;}



/********** PROJECTS **********/

.sideleft {
        background: transparent;
        float: left;
        width: 700px;
		height: 100%;
		vertical-align:top;

		padding-top:15px;
		}
.sideright {
        background: transparent;
        float: right;
        width: 262px;
		height: 100%;
		vertical-align:top;
		padding-top:15px;
        }
		
/********** left and right inner **********/
.innersideleft {
		background: transparent url(../img/vhr.gif) repeat-y right;
		height: 100%; 
		min-height:200px;
		text-align: left;
		vertical-align: top;
		padding-left: 25px;
		padding-right: 25px;
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-size: 11px;
		color: #63635e;
        }

.innersideright {
		background: transparent;
		height: 100%; 
		min-height:200px;
		text-align: left;
		vertical-align: top;
		padding-left: 25px;
		padding-right: 25px; /*asdfsdfsdf*/
		font-family: tahoma, verdana, arial, helvetica, sans-serif;
		font-size: 11px;
		color: #63635e;
        }
	

.pod-finallist{
	width: 650px;
	font-size: 10px;
	text-decoration: none;
	margin: 30px 0 20px 0;
	padding: 20px 0 0 0;
}

.pod-finallist ul{
	list-style-type: none;
	clear: left;
	width: 650px;
}

.pod-finallist li{
	float: left;
	width: 210px;
}

.pod-finallist br{
	clear: left;
}

h3.section {
	margin-top: 1em;
}

#vertical_slide, #horizontal_slide {
	background: ffffff;
	color: #8A7575;
	display:block;
	width:650px;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}