/*
-----------------------------------------------
Style Sheet

Site: swissitweb.com
Author:   www.swissitweb.com
Version:  2009.1
----------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }


/* prevent blue linked image borders */
a img, :link img, :visited img, fieldset { border:none; }

/* reset margin and padding for all elements to 0 */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl{ margin:0; padding:0; }


/* global elements
 * ------------------------------------------------------------------------- */
body{
	background: url(../images/bg.gif) repeat-x top left #928f8f;
	font-family: Tahoma, Arial, sans-serif;
	font-size: .82em;
	line-height: 140%;
}
a{
	color: #5e1918;
	text-decoration: none;
}
a:hover{
	color: #ffc600;
}
a:visited{
	color: #ffc600;
}

/* Classes
 * ------------------------------------------------------------------------- */
.services_navTxt3 {
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	color:#fff;
	padding:15px 0px 17px 0px;
} 
.services_navTxt3 a{color:#fff;}
.services_navTxt3 a:hover{color: #ffc600;}

.sidebar_nav_top{
	background: url(../images/sidebarNav_Shadow.gif) top left no-repeat;
	width: 265px;
}
.sidebar_nav_title{
	
	font-size: 1.3em;
	font-weight: bold;
	color:#5e1918;
	padding:20px 0px 20px 25px;	
}
.sidebar li{
	list-style: none;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	background-image: url(../images/arrow_grey.gif);
	background-repeat: no-repeat;
	background-position: 8px 9px;
	padding: 0px 20px 3px 25px;
	line-height: 210%;
	margin-left: 30px;
}
.sidebar a{color: #fff;}
.sidebar a:hover{color: #ffc600;}

.banner_title{
	padding: 47px 0px 20px 20px;
	font-size: 1.9em;
	color:#ffc600;
	font-weight: bold;
}
.banner_txt{
	padding-left: 40px;
	color: #fff;
	font-size: .85em;
}
.banner_txt a{color: #cd94ff; text-decoration:underline;}
.banner_txt a:hover{color: #ffc600; text-decoration:none;}

.top_padding{padding-top: 5px;}
.spctxt_blue{font-size: .85em;font-weight: bold;color: #666666;}

.contentTxt{
	padding: 20px 15px 10px 20px;
	font-size: .85em;
	background-color: #fff;
	/*background:url(../images/main_content_bg.gif) repeat-y;*/
}
.contentTitle{
	font-size: 1.5em;
	font-weight:bold;
	color: #5e1918;
	padding-bottom: 15px;	
}
.line_h{background: url(../images/h_line.gif) repeat-x;}
.line_v{background: url(../images/v_line.gif) repeat-y;}
.content_list li{
	list-style: none;
	background-image: url(../images/sparklet.gif);
	background-repeat: no-repeat;
	background-position: 8px 2px;
	padding: 0px 20px 3px 25px;
	line-height: 150%;
	margin-left: 20px;
}
.contentTxt a{color: #521918; text-decoration: underline;}
.contentTxt a:hover{color: #ea8601; text-decoration: none;}
.img_right{padding:0px 10px 10px 0; float:right;}

.footer_nav_txt{
	color: #666;
	font-size: .85em;
	text-align:center;	
}
.footer_nav_txt a{color: #666;}
.footer_nav_txt a:hover{color: #fff;}

.credits{color: #666; font-size: .85em; text-align: center;}
.credits a {color: #666; text-decoration: underline;}
.credits a:hover {color: #CCC; text-decoration: none;}

.list_page li{
	list-style: none;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding: 0px 20px 3px 20px;
	line-height: 120%;
	margin-left: 5px;
}
.widget{width: 265px; }
.sidebar_add{
	width: 245px; 
	padding: 20px 10px 20px 10px; 
	font-size:.85em; 
	color: #fff;}

.subtitle{
	font-size: 1.1em;
	font-weight: bold;
	color:#990000;
}
.spctxt{
	font-weight: bold;
	color: #5e1918;
}
.spctxt_blue{
	font-weight: bold;
	color: #003366;
}
.spctxt_grey{
	font-weight: bold;
	color: #666;
}
#fake_height{
	height: 300px;
}
.subtitle{
	font-size: 1.1em;
	font-weight: bold;
	color:#5e1918;
}
.top{
	font-size:.82em;
	text-align:right;
}
.center{text-align: center;}
.sitemap_link a{
	line-height: 20px;
	font-weight: bold;
	color: #5e1918;
	padding-top: 10px;
}
.sitemap_link a:hover{
	font-weight: bold;
	color: #ea8601;
}
.list_links li{
	list-style: none;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	padding: 0px 20px 3px 20px;
	line-height: 160%;
	margin-left: 30px;
}
.testimonials_sig{
	text-align: right;
	font-style: oblique;
	font-size: .82em;
	font-weight: bold;
	color:#3366CC;
}

.clear{clear:both;}
 
#banner h3{
	text-indent:-5000px;
	overflow:hidden;
}

#banner_link{
	width:800px;
	height:0px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
}
* html #banner_link{
	height: 0px;
}

 
/* Layout
 * ------------------------------------------------------------------------- */
#container{
	width: 960px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 0px;
}
#header{
	width: 960px;
	height: 139px;
}
#logo{
	width: 960px;
	height:109px;
	background:url(../images/logo1.gif) no-repeat;
}
#logo h1 {
	width: 960px;
	height:109px;	
	}
#logo_link {
	width:450px;
	height:109px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	}
#logo h2{
	text-indent:-9999px;
	overflow:hidden;
}
#searchbar{
	width: 960px;
	height:30px;
	background:url(../images/searchbar_bg.gif) no-repeat;
} 
* html #searchbar{margin-top: -19px;}
#banner_web{
	width: 960px;
	height:233px;
}
#banner_webtxt{
	width: 479px;
	height:233px;
	background:url(../images/banner_left_web.gif) no-repeat;
	float:left;
}
#banner_webflash{
	width: 481px;
	height:233px;
	float:left;
}
#banner_seotxt{
	width: 479px;
	height:233px;
	background:url(../images/banner_left_seo.gif) no-repeat;
	float:left;
}
#banner_seoflash{
	width: 481px;
	height:233px;
	float:left;
}
#banner_semtxt{
	width: 479px;
	height:233px;
	background:url(../images/banner_left_sem.gif) no-repeat;
	float:left;
}
#banner_semflash{
	width: 481px;
	height:233px;
	float:left;
}
#navigation{
	margin-left:18px;
}
#content{
	width: 924px;
	margin-left:18px;
	background:url(../images/content_bg.gif) repeat-x;
}

#main_content_bottom{width: 924px; }
#mainContent_Store{width: 924px;}
#leftsidebar{
	width: 265px;
	float:left;
	background:url(../images/3services_leftsidebar_bg.gif) top left no-repeat;
}
#services_nav3{
	width: 265px;
	height: 150px;
}
#sidebar_nav{
	width: 265px;
	background: url(../images/sidebar_bg.gif) repeat-y;

}
#widget{width: 265px; margin-left: 2px;}
#mainContent{
	width: 650px;
	
	float:left;
	margin-left: 9px;
}
#footer{
	width: 924px;
	height: 47px;
	margin-top:13px;
	margin-left:18px;
}
#footer_nav{
	width: 924px;
	margin-left: 18px;
}
#credits{
	width: 960px;	
}

/* photo mini navigation Table
* ------------------------------------------------------------------------- */ 


ul #minitabs {
	list-style: none;
	margin: 0;
	padding: 7px 0px;
 	border-bottom: 1px solid #CCC;
  	font-weight: bold;
  	text-align: center;
	
}
ul#minitabs li{
	display: inline;
	background-image:url(../images/bullet_greenarrowl.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	background-position: 0px 2px;
	margin: 10px 10px;
	width: 100px;
}
ul#minitabs a{
	text-decoration: none;
	padding: 0 0 3px;
 	border-bottom: 4px solid #FFF;
  	color: #999;
	height: 1em;
}

ul#minitabs a:hover{
	border-color: #990000;
	color: #666;
	height: 1em;
	}


* html ul#minitabs a{ height: 1%; margin: 0 0 -10px 0; ma\rgin: 0; }


 /* portfolio JS
 * ------------------------------------------------------------------------- */
.portfolio {
	float: left;
	width: 630px;
}
* html .portfolio{width:100%;}
#portfolio {
	float: left;
	width: 430px;
}
* html #portfolio{width:420px;}

#thumb_portfolio{
	float: left;
	width: 190px;
	border-right: 1px solid #ccc; 
	margin-bottom:4px; 
}
p.portfolio img {
	padding-right: 10px;
	padding-bottom: 10px;
}

#portfolionew img {
	float: left;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	
}
p.portfolio {
	line-height: 1px;
}

#wrapper.portfolio {
	background-image: none;
}
.tenbelow {
	margin-bottom: 20px;
}
.hidden {
	display: none;
	margin-bottom: 20px;
	}
	.row img {
	float:right;
	margin-left:10px
	}
	a img {
	border: none;
}
.description{ margin-left:10px;}
.description_spctxt{font-weight: bold;color: #666666; margin-left: 10px;}


	
 /*
Bottom Navigation Table
----------------------------------------------------------*/
#tbl_bottom_nav {
	margin-top: 12px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/*
SPRITE NAV
----------------------------------------------------------*/

/* SPRITE NAVIGATION */
#nav {
	background: url(../images/navbar.gif) top left no-repeat;					
	width: 924px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 53px;		/* Height of entire image */
	margin:0;
	padding:0;
	margin-top: 0px;
}
#nav span { display: none; }
#nav li { 
	position: relative;
	float: left;
	list-style: none;
}
#nav li, #nav a { 
	height: 53px;			/* Each button must have the same height, define it here */
	display: block;
}


/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#nav-01 {left: 21px; width: 101px;}
#nav-02 {left: 21px; width: 118px;}
#nav-03 {left: 21px; width: 129px;}
#nav-04 {left: 21px; width: 119px;}
#nav-05 {left: 21px; width: 103px;}
#nav-06 {left: 21px; width: 88px;}
#nav-07 {left: 21px; width: 100px;}
#nav-08 {left: 21px; width: 113px;}


/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url("../images/navbar.gif") -21px -53px no-repeat;}
#nav-02 a:hover {background: transparent url("../images/navbar.gif") -122px -53px no-repeat;}
#nav-03 a:hover {background: transparent url("../images/navbar.gif") -240px -53px no-repeat;}
#nav-04 a:hover {background: transparent url("../images/navbar.gif") -369px -53px no-repeat;}
#nav-05 a:hover {background: transparent url("../images/navbar.gif") -488px -53px no-repeat;}
#nav-06 a:hover {background: transparent url("../images/navbar.gif") -591px -53px no-repeat;}
#nav-07 a:hover {background: transparent url("../images/navbar.gif") -679px -53px no-repeat;}
#nav-08 a:hover {background: transparent url("../images/navbar.gif") -779px -53px no-repeat;}


/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position:absolute;
	left:-9999px;
	text-align:left;
	float:left;
	z-index:5;
	
	}

#nav li ul li { 
	height:22px; 				/* Height of each drop down nav item */
	border:1px solid #ea8061;
	border-top:none;
	background-color:#fff; /* Put background here! Not in the ul!!*/
	left: 0px; /*Optional - Makes drop-down line up even with the dividing line in primary nav (instead of 1px to the right) */
	margin-left: 0px;
	
	
	}	

#nav li ul li a {
	width:100%;
	height:22px;				/* Height of each drop down nav item, should match above */
	line-height:22px;			/* Height of each drop down nav item again, should match above */
	
	
	}

#nav li ul li a span {
	display:block;
	padding-left:20px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:.9em;
	color:#555452;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; background-position: 0 0; }

/* Hover styles for drop down items */
#nav-01 ul a:hover, #nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover, #nav-08 ul a:hover{ 
	background-image:none;
	background-color:#ea8601;
	color:#fff;
	text-decoration:none;
	cursor:pointer; 
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-01 ul, #nav-01 li { width:115px; }
#nav-02 ul, #nav-02 li { width:122px; }	
#nav-03 ul, #nav-03 li { width:160px; }		
#nav-04 ul, #nav-04 li { width:120px; }	
#nav-05 ul, #nav-05 li { width:150px; }	
#nav-06 ul, #nav-06 li { width:120px; }	
#nav-07 ul, #nav-07 li { width:120px; }	
#nav-08 ul, #nav-08 li { width:120px; }	

/*html fix*/
#nav li:hover ul, #nav li.sfhover ul { left: auto; background-position: 0 0; }
 
/*
SPRITE NAV BOTTOM NAVIGATION
----------------------------------------------------------*/

/* SPRITE NAVIGATION */
#bottom_nav {
	background: url(../images/bottom_navbar.gif) top left no-repeat;					
	width: 924px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 47px;		/* Height of entire image */
	margin:0;
	padding:0;
	margin-top: 0px;
}
#bottom_nav span { display: none; }
#bottom_nav li { 
	position: relative;
	float: left;
	list-style: none;
}
#bottom_nav li, #bottom_nav a { 
	height: 47px;			/* Each button must have the same height, define it here */
	display: block;
}


/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#bottom_nav-01 {left: 21px; width: 101px;}
#bottom_nav-02 {left: 21px; width: 118px;}
#bottom_nav-03 {left: 21px; width: 129px;}
#bottom_nav-04 {left: 21px; width: 119px;}
#bottom_nav-05 {left: 21px; width: 103px;}
#bottom_nav-06 {left: 21px; width: 88px;}
#bottom_nav-07 {left: 21px; width: 100px;}
#bottom_nav-08 {left: 21px; width: 113px;}


/* Changed values should match "width" numbers specified above */
#bottom_nav-01 a:hover {background: transparent url("../images/bottom_navbar.gif") -21px -47px no-repeat;}
#bottom_nav-02 a:hover {background: transparent url("../images/bottom_navbar.gif") -122px -47px no-repeat;}
#bottom_nav-03 a:hover {background: transparent url("../images/bottom_navbar.gif") -240px -47px no-repeat;}
#bottom_nav-04 a:hover {background: transparent url("../images/bottom_navbar.gif") -369px -47px no-repeat;}
#bottom_nav-05 a:hover {background: transparent url("../images/bottom_navbar.gif") -488px -47px no-repeat;}
#bottom_nav-06 a:hover {background: transparent url("../images/bottom_navbar.gif") -591px -47px no-repeat;}
#bottom_nav-07 a:hover {background: transparent url("../images/bottom_navbar.gif") -679px -47px no-repeat;}
#bottom_nav-08 a:hover {background: transparent url("../images/bottom_navbar.gif") -779px -47px no-repeat;}