/*
DIV
{
    box-sizing: padding-box;
    -moz-box-sizing: padding-box
}

A
{
    box-sizing: padding-box;
    -moz-box-sizing: padding-box
}

*/

/* Hides from IE-mac \*/
* html .floatholder {height: 1%;}
/* End hide from IE-mac */



body 
{
    background: #2a323a url('../images/bg_03.jpg') repeat-x;
    margin: 0px;
    padding: 0px;
}

img
{
border: solid 0px black;
}


#biggest
{
	width: 954px;
	background-color: #c3bfaa;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 6px 5px 20px 5px;
	border: 1px solid #a6aaad;
}

#wrapper
{
	width: 950px;
	background-color: #ffffff;
	border: 1px solid #a6aaad;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	position: relative;
}

#logobar
{
	width: 950px;
	height: 63px;
	background: #ffffff url('../images/logobar_06.jpg') no-repeat;
	border: 0px solid red;
}

#logobar a
{
	width: 300px;
	height: 61px;
	border: 0px solid red;
	display: block;
}

#menu
{
	width: 950px;
	height: 41px;
	/*background: #ffffff url('../images/menu_08.jpg') no-repeat;*/
}

#project-reel
{
	width: 950px;
	height: 521px;
	background: #ffffff url('../images/pr_bg.jpg') no-repeat;
	position: absolute;
	top: 62px;
	left: 0px;
	border: 0px solid red;
}

#mainwindow-home
{
	width: 950px;
	height: 480px;
	/*background: #ffffff url('../images/mainwindow-home_09.jpg') no-repeat;*/
}

#mainwindow
{
	width: 950px;
	height: 480px;
	background: #ffffff url('../images/mainwindow_09.jpg') no-repeat;
}

#mainwindow-work
{
	width: 950px;
	height: 480px;
	background: #ffffff url('../images/mainwindow-work_09.jpg') no-repeat;
}

#mainwindow-contact
{
	width: 950px;
	height: 480px;
	background: #ffffff url('../images/mainwindow-contact_09.jpg') no-repeat;
}

#spacer-top
{
	width: 950px;
	height: 40px;
	display: block;
	border: 0px solid red;
}

#spacer-left
{
	width: 65px;
	height: 383px;
	float: left;
	display: block;
	border: 0px solid red;
}

#mainarea-wrapper
{
	width: 819px;
	height: 381px;
	float: left;
	display: block;
	background-color: #ffffff;
	border: 0px solid #9b9fa3;
}

#mainarea-left
{
	width: 566px;
	height: 381px;
	float: left;
	display: block;
	background-color: #ffffff;
	border-right: 0px solid red;
	margin: 0px;
	padding: 0px;
}

#left
{
	width: 566px;
	height: 381px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	display: block;
	border: 0px solid #d6d6d4;
}

#left img
{
	border: 1px solid #d6d6d4;
	display: block;
	margin-left: 12px;
	margin-top: 10px;
}

#left-contact
{
	width: 794px;
	height: 359px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: block;
	background-color: #ffffff;
	border: 0px solid #d6d6d4;
}

#mainarea-right-web
{
	width: 253px;
	height: 381px;
	float: right;
	border: 0px solid red;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#mainarea-right-print
{
	width: 253px;
	height: 381px;
	float: right;
	border: 0px solid red;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.right
{
	width: 253px;
	height: 381px;
	float: right;
	display: block;
	background: #ffffff url('../images/right_11.jpg') no-repeat;
}

#web-thumbnails-wrapper
{
	width: 248px;
	height: 300px;
	margin: 3px 0px 0px 3px;
}

#print-thumbnails-wrapper
{
	width: 248px;
	height: 300px;
	margin: 3px 0px 0px 3px;
}



.thumbnail
{
	width: 54px;
	height: 54px;
	display: block;
	border: 1px solid gray;
	margin: 1px;
	float: left;
}

.thumbnail a:hover
{		
	float:left;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}
	
#spacer-right
{
	width: 64px;
	height: 383px;
	float: left;
	display: block;
	border-top: 0px solid red;
}

#spacer-bottom
{
	width: 950px;
	height: 57px;
	display: block;
	border-top: 0px solid red;
}
	

#bottom
{
	width: 950px;
	margin-top: 30px;
	padding-bottom: 30px;
	
}

#maincontent-left
{
	width: 250px;
	float: left;
}

#maincontent-right
{
	width: 700px;
	float: left;
}

#leftbox-wrapper
{
	width: 205px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid red;
}

#rightbox-wrapper
{
	width: 657px; 
	margin-left: auto;
	margin-right: auto;
}

#rightbox-top
{
	width: 657px;
	height: 6px;
	background: #ffffff url('../images/rightbox-top_12.jpg') no-repeat;
	border: 0px solid red;
	padding: 0px;
	margin: 0px;
	display: block;
}

#rightbox-bg
{
	width: 657px;
	background: #ffffff url('../images/rightbox-bg_14.jpg') repeat-y;
	padding: 0px;
	margin: 0px;
}

#rightbox-bg-left
{
	width: 433px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#rightbox-bg-right
{
	width: 224px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#rightbox-bottom
{
	width: 657px;
	height: 6px;
	background: #ffffff url('../images/rightbox-bottom_16.jpg') no-repeat;
	padding: 0px;
	margin: 0px;
}

#leftbox-top
{
	width: 205px;
	height: 6px;
	background: #ffffff url('../images/leftbox-top_15.jpg') no-repeat;
	border: 0px solid red;
	margin: 0px;
	padding: 0px;
}
#leftbox-bg
{
	width: 205px;
	background: #ffffff url('../images/leftbox-bg_18.jpg') repeat-y;
	padding: 0px;
	margin: 0px;
}

#leftbox-bottom
{
	width: 205px;
	height: 6px;
	border: 0px solid red;
	background: #ffffff url('../images/leftbox-bottom_22.jpg') no-repeat;

}

#boxinbox
{
	width: 190px;
	background-color: #f0eee6;
	border: 1px solid #a6aaad;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px 0px 10px 0px;
}



/*request*/

#request {display:block; margin-left: 1px;}
#request a, #request a:visited {display:block; width:188px; height:48px; background: #f0eee6 url('../images/request.jpg') no-repeat; float: left; background-position:left top; background-color:transparent;}
#request a:hover {background-position:left bottom; line-height:31px; overflow:hidden; color:#800;}




.tabs
{
	width: 248px;
	height: 27px;
	margin-top: 13px;
}




.tab_web {display:block;}
.tab_web a, #tab_web a:visited {display:block; width:119px; height:27px; background: #ffffff url('../images/tab_web_01.jpg') no-repeat; float: left; background-position:left top; background-color:transparent;}
.tab_web a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
.tab_web a#selected, #tab_web a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}

.tab_print {display:block;}
.tab_print a, .tab_print a:visited {display:block; width:119px; height:27px; background: #ffffff url('../images/tab_print_02.jpg') no-repeat; float: left; background-position:left top; background-color:transparent;}
.tab_print a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
.tab_print a#selected, .tab_print a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}




.leftbox-text p
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 7pt;
	padding: 0px 5px 0px 10px;
	margin: 0px;
	color: #5a5643;
}

.leftbox-text a
{
	font-family: Verdana;
	font-weight: bold;
	font-size: 7pt;
	padding: 8px 0px 0px 10px;
	margin: 0px;
	color: #b37931;
	text-decoration: none;
	display: block;
}

.leftbox-text a:hover
{
	color: #2a323a;
}

.rightbox-text h1
{
	font-family: arial;
	font-weight: bold;
	font-size: 9pt;
	color: #5a5643;
	padding: 10px 10px 10px 20px;
	margin: 0px;
}

.rightbox-text p
{
	font-family: Arial;
	font-size: 7pt;
	color: #4b5760;
	padding: 0px 10px 0px 20px;
	margin: 0px;
}

/*menu_work*/
#menu_work {display:block;}
#menu_work a, #menu_work a:visited {display:block; width:154px; height:41px; background: #ffffff url('../images/menu_work_01.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_work a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu_work a#selected, #menu_work a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}

/*menu_services*/
#menu_services {display:block;}
#menu_services a, #menu_services a:visited {display:block; width:119px; height:41px; background: #ffffff url('../images/menu_services_02.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_services a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu_services a#selected, #menu_services a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}

/*menu_staff*/
#menu_staff {display:block;}
#menu_staff a, #menu_staff a:visited {display:block; width:121px; height:41px; background: #ffffff url('../images/menu_staff_03.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_staff a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu_staff a#selected, #menu_staff a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}

/*menu_clients*/
#menu_clients {display:block;}
#menu_clients a, #menu_clients a:visited {display:block; width:121px; height:41px; background: #ffffff url('../images/menu_clients_04.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_clients a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu_clients a#selected, #menu_clients a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}

/*menu_contact*/
#menu_contact {display:block;}
#menu_contact a, #menu_contact a:visited {display:block; width:119px; height:41px; background: #ffffff url('../images/menu_contact_05.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_contact a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu_contact a#selected, #menu_contact a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}

/*menu_home*/
#menu_home {display:block;}
#menu_home a, #menu_home a:visited {display:block; width:119px; height:41px; background: #ffffff url('../images/menu_home_06.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_home a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu_home a#selected, #menu_home a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}

/*menu_reel*/
#menu_reel {display:block;}
#menu_reel a, #menu_reel a:visited {display:block; width:197px; height:41px; background: #ffffff url('../images/menu_reel_07.jpg'); float: left; background-position:left top; background-color:transparent;}
#menu_reel a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu_reel a#selected, #menu_reel a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}
	
.over
{
	display: none;
}

.large_web_info
{
	width: 220px;
	position: absolute;
	top: 430px;
	left: 650px;
	text-align: left;
	display: block;
	border: 0px solid red;
}

.large_web_info h1
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: Gray;
	padding: 0px;
	margin: 0px;
}

.large_web_info p
{
	font-family: arial;
	font-size: 7pt;
	color: Gray;
	padding: 0px;
	margin: 0px;
}

.large_web_info a
{
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: #b27630;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

.large_web_info a:hover
{
	color: #936127;
}





.large_print_info
{
	width: 220px;
	position: absolute;
	top: 430px;
	left: 650px;
	text-align: left;
	display: block;
}

.large_print_info h1
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: Gray;
	padding: 0px;
	margin: 0px;
}

.large_print_info p
{
	font-family: arial;
	font-size: 7pt;
	color: Gray;
	padding: 0px;
	margin: 0px;
}

.large_print_info a
{
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: #b27630;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}

.large_print_info a:hover
{
	color: #936127;
}



#services_webdesign
{
	width: 329px;
	height: 230px;
	background: #ffffff url('../images/new/services_webdesign_01.jpg') no-repeat;
	float: left;
}

#services_appdev
{
	width: 290px;
	height: 230px;
	background: #ffffff url('../images/new/services_appdev_02.jpg') no-repeat;
	float: left;
}

#services_printdesign
{
	width: 331px;
	height: 230px;
	background: #ffffff url('../images/new/services_printdesign_03.jpg') no-repeat;
	float: left;
}

#services_seo
{
	width: 329px;
	height: 250px;
	background: #ffffff url('../images/new/services_seo_04.jpg') no-repeat;
	float: left;
}

#services_branding
{
	width: 290px;
	height: 250px;
	background: #ffffff url('../images/new/services_branding_05.jpg') no-repeat;
	float: left;
}

#services_newsletter
{
	width: 331px;
	height: 250px;
	background: #ffffff url('../images/new/services_newsletter_06.jpg') no-repeat;
	float: left;
}

#portfolio-table
{
	width: 794px;
}

#portfolio-table h1
{
	font-family: arial;
	font-weight: bold;
	font-size: 9pt;
	color: #5a5643;
	padding: 10px 10px 10px 20px;
	margin: 0px;
}

#portfolio-table p
{
	font-family: Arial;
	font-size: 7pt;
	color: #4b5760;
	padding: 0px 10px 5px 20px;
	margin: 0px;
}

#flash-content1
{
	border: 1px solid red;
	width: 950px;
	height: 480px;
}

#flash-content2
{
	border: 1px solid blue;
}

#sub
{
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

.sub p
{
	font-family: Arial;
	font-size: 7pt;
	color: #a7a391;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}

.sub a
{
	font-family: Arial;
	font-size: 7pt;
	color: #a7a391;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

.sub a:hover
{
	color: #8e8b7b;
}

.viewall
{
	text-align: right;
	border: 0px solid red;
	margin-top: 15px;
}

.viewall a
{
	font-family: verdana;
	font-size: 7pt;
	font-weight: bold;
	color: Gray;
	text-decoration: none;
	display: block;
	padding-right: 20px;
}

.viewall a:hover
{
	color: #000;
}

#allsites
{
	width: 548px;
	height: 359px;
	margin: 0px;
	float: left;
	background-color: #ffffff;
}

#allsites a
{
	font-family: Verdana;
	font-size: 7pt;
	font-weight: bold;
	color: #b27630;
	padding: 5px 0px 0px 20px;
	margin: 0px;
	text-decoration: none;
	display: block;
}

#allsites a:hover
{
	color: #da8522;
}

.services p
{
	font-family: Arial;
	font-size: 7pt;
	text-align: left;
	color: #2e3740;
	margin: 0px;
}

/*menu_reel*/
.viewport_button {display:block;}
.viewport_button a, .viewport_button a:visited {display:block; width:86px; height:25px; background: #ffffff url('../images/viewport_button.jpg'); float: left; background-position:left top; background-color:transparent;}
.viewport_button a:hover {background-position:left bottom; line-height:31px; overflow:hidden; color:#800;}